.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem 1.25rem;align-items:start}.card-slot{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:0;container-type:inline-size}.card-slot:has(.card-art.editing){position:relative;z-index:3}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.card-slot .error{margin:0;text-align:center;font-size:.88rem}.new-card .magic-card{box-shadow:0 0 0 3px var(--accent)}.magic-card{--frame: #cfcac4;--bar: #e6e2dd;--ink: #1d1b18;--parch: #f8f5ee;width:100%;max-width:360px;min-height:calc(min(100cqw,360px) * 88 / 63);background:#161412;border-radius:16px;padding:11px;color:var(--ink);font-family:Georgia,Times New Roman,serif;box-shadow:0 2px 10px #00000040;display:flex;flex-direction:column}.frame-W{--frame: #ece4c6;--bar: #fbf7e7}.frame-U{--frame: #a8cbe6;--bar: #dcebf6}.frame-B{--frame: #a59c99;--bar: #d6d0cd}.frame-R{--frame: #e5a68f;--bar: #f6d8cc}.frame-G{--frame: #a6cfae;--bar: #d8ebdb}.frame-multi{--frame: #dfc679;--bar: #f3e7bd}.frame-colorless{--frame: #c9c3bc;--bar: #e8e4df}.card-inner{flex:1;display:flex;flex-direction:column;gap:6px;background:var(--frame);border-radius:8px;padding:7px 7px 5px}.card-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--bar);border:1.5px solid rgba(0,0,0,.55);border-radius:7px/50%;padding:3px 8px;min-height:30px;box-shadow:inset 0 -1px #fff9}.is-editing .card-bar{border-radius:7px}.card-name{font-size:1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.type-line{font-size:.88rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mana-cost{display:flex;align-items:center;gap:2px;flex-shrink:0;position:relative}.mana-sym{display:inline-block;vertical-align:-.16em;flex-shrink:0;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}.inline-sym{width:1.05em;height:1.05em;margin:0 1px;filter:none}.rarity-sym{height:1.15rem;width:auto;max-width:1.6rem;object-fit:contain;vertical-align:middle}.rarity-gem{flex-shrink:0;width:1.1rem;height:1.1rem;border-radius:50%;font:700 .62rem/1.1rem system-ui,sans-serif;text-align:center;color:#fff;border:1px solid rgba(0,0,0,.6)}.rarity-common{background:#222}.rarity-uncommon{background:#8a9aaa}.rarity-rare{background:#c7a03b}.rarity-mythic{background:#d9572a}.card-art{position:relative;box-sizing:content-box;aspect-ratio:1.37;border:1.5px solid rgba(0,0,0,.6);background:#3b3632;overflow:hidden;flex-shrink:0}.card-art img{width:100%;height:100%;object-fit:cover;display:block}.art-blank{width:100%;height:100%;background:repeating-linear-gradient(45deg,#4a443e 0,#4a443e 10px,#433d38 10px,#433d38 20px)}.art-buttons,.art-link{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;width:100%}.art-buttons button{background:#ffffffeb;color:#1d1b18;border-color:transparent;font-size:.76rem;padding:.28rem .5rem}.art-buttons button.pressed{background:var(--accent);color:var(--accent-text)}.art-link input{flex:1;min-width:0;margin:0;padding:.3rem .45rem;font-size:.8rem;background:#fff;color:#1d1b18}.art-link button{font-size:.76rem;padding:.28rem .5rem}.art-link button.secondary{background:#ffffffeb;color:#1d1b18}.art-error{margin:0;color:#a3261b;font-size:.78rem;text-align:center}.card-art.editing{overflow:visible}.card-art.editing .art-clip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;cursor:move;touch-action:none}.card-art.editing .art-clip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-art.editing .art-clip>img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.card-art .art-ghost{z-index:1;opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none}.art-box{position:absolute;z-index:4;border:1px dashed rgba(255,255,255,.85);outline:1px dashed rgba(0,0,0,.5);pointer-events:none}.art-handle{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;pointer-events:auto;touch-action:none;background:#fff;border:1.5px solid var(--accent);border-radius:2px;box-shadow:0 0 0 1px #00000040}.h-nw{left:0;top:0;cursor:nwse-resize}.h-n{left:50%;top:0;cursor:ns-resize}.h-ne{left:100%;top:0;cursor:nesw-resize}.h-e{left:100%;top:50%;cursor:ew-resize}.h-se{left:100%;top:100%;cursor:nwse-resize}.h-s{left:50%;top:100%;cursor:ns-resize}.h-sw{left:0;top:100%;cursor:nesw-resize}.h-w{left:0;top:50%;cursor:ew-resize}@media(pointer:coarse){.art-handle{width:20px;height:20px;margin:-10px 0 0 -10px}}.art-tools{position:relative;z-index:3;display:flex;flex-direction:column;gap:5px;align-items:center;padding:6px 0 2px;font-family:system-ui,sans-serif}.art-tools .art-buttons button{border-color:#0003}.art-tools .art-adjust{display:flex;flex-direction:column;gap:5px;width:100%}.art-tools .art-adjust button{background:#2563eb;border-color:#1d4ed8;color:#fff}.art-tools .art-adjust button:hover:not(:disabled){background:#1d4ed8}.text-box{flex:1;background:var(--parch);border:1.5px solid rgba(0,0,0,.5);padding:7px 9px;font-size:.86rem;line-height:1.3;display:flex;flex-direction:column;gap:6px;min-height:0}.rules-box{display:flex;flex-direction:column;gap:5px}.rules-para ul{margin:2px 0;padding-left:1.1em;list-style:"• "}.rules-para li{margin:1px 0}.flavor{font-style:italic;margin:2px 0 0;padding-top:5px;border-top:1px solid rgba(0,0,0,.18);font-size:.82rem}.card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:26px}.foot-left{display:flex;flex-direction:column;font:.66rem/1.25 system-ui,sans-serif;color:#2a2622;min-width:0;flex:1}.artist{font-weight:600}.serial{opacity:.75;letter-spacing:.03em}.pt-box{flex-shrink:0;background:var(--bar);border:1.5px solid rgba(0,0,0,.6);border-radius:6px;padding:1px 10px;font:700 1rem/1.4 system-ui,sans-serif;min-width:3.4rem;text-align:center}.pt-box.editing{display:flex;align-items:center;gap:2px;padding:2px 4px}.card-input{margin:0;width:100%;min-width:0;padding:2px 5px;font:inherit;color:var(--ink);background:#ffffff8c;border:1px dashed rgba(0,0,0,.35);border-radius:4px}.card-input::placeholder,.magic-card .placeholder{color:#1d1b1880;font-style:italic;font-weight:400}.card-input:hover{background:#fffc}.card-input:focus{background:#fff;outline:2px solid var(--accent);outline-offset:0;border-style:solid}.name-input{font-weight:700;font-size:.95rem;flex:1}.type-inputs{display:flex;align-items:center;gap:4px;flex:1;min-width:0;font-size:.85rem;font-weight:700}.type-inputs .dash{flex-shrink:0}.flavor-input{font-style:italic;font-size:.82rem;resize:vertical;min-height:2.6em}.artist-input{font:.72rem system-ui,sans-serif;padding:2px 4px}.pt-input{width:2.6rem;text-align:center;font:700 .9rem system-ui,sans-serif;padding:1px 2px}.mana-cost.editing{flex-wrap:wrap;justify-content:flex-end;max-width:55%}.sym-btn{background:none;border:none;padding:1px;border-radius:50%;line-height:0;cursor:pointer}.sym-btn:hover{background:#0000001f}.sym-btn.tiny:hover{background:#b4231859}.add-circle{width:1.45rem;height:1.45rem;border-radius:50%;padding:0;line-height:1;flex-shrink:0;font:700 1.05rem/1 system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;background:#ffffffbf;color:#1d1b18;border:1.5px dashed rgba(0,0,0,.6)}.add-circle:hover{background:#fff;border-style:solid}.field-btn{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;background:#ffffff8c;color:#1d1b18;border:1px dashed rgba(0,0,0,.35);border-radius:4px;padding:2px 6px;font:600 .78rem system-ui,sans-serif}.field-btn:hover{background:#fff}.field-btn .caret{opacity:.6}.rarity-label{display:inline-flex;align-items:center;gap:4px;text-transform:lowercase}.rarity-picker{position:relative}.popover{position:absolute;top:calc(100% + 6px);right:-4px;z-index:30;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #00000047;padding:.6rem .7rem;font:.85rem system-ui,sans-serif;text-align:left}.popover-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:.3rem}.popover-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:.45rem 0 .25rem}.popover-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--border)}.icon-btn{background:none;border:none;color:var(--muted);font-size:1.2rem;padding:0 .3rem;line-height:1}.mana-popover{width:250px}.mana-row,.generic-row{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:6px;overflow:hidden}.stepper button{background:transparent;color:var(--text);border:none;border-radius:0;padding:.25rem .55rem;font-size:1rem}.stepper button:disabled{opacity:.3}.stepper input{width:3.2rem;margin:0;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0;text-align:center;padding:.3rem .2rem;-moz-appearance:textfield;background:var(--surface)}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.muted-inline{color:var(--muted);font-size:.8rem}.rarity-list{list-style:none;margin:0;padding:.3rem;min-width:150px}.rarity-list button{width:100%;text-align:left;background:transparent;color:var(--text);border:none;border-radius:6px;padding:.35rem .5rem;font-weight:500;display:flex}.rarity-list button:hover,.rarity-list button.selected{background:color-mix(in srgb,var(--accent) 16%,transparent)}.rarity-list .placeholder{color:var(--muted);font-style:italic}.rules-box.editing{position:relative;gap:4px}.para-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.para-item{display:flex;align-items:flex-start;gap:3px;border:1px dashed rgba(0,0,0,.28);border-radius:5px;background:#ffffff73;position:relative}.para-item.active{border-style:solid;border-color:var(--accent);background:#fff}.para-item.dragging{opacity:.4}.para-item.drop-before{box-shadow:0 -3px 0 var(--accent)}.para-item.drop-after{box-shadow:0 3px 0 var(--accent)}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;color:#0006;font:700 .8rem/1 system-ui,sans-serif;padding:6px 2px 6px 4px;letter-spacing:-2px;flex-shrink:0;border-radius:4px}.drag-handle:hover,.drag-handle:focus-visible{color:var(--ink);background:#00000014;outline:none}.drag-handle:active{cursor:grabbing}.rules-para.clickable{flex:1;min-width:0;padding:3px 5px 3px 0;cursor:text;min-height:1.6em}.rules-para.clickable:focus-visible{outline:2px solid var(--accent)}.para-editor{flex:1;min-width:0;display:flex;flex-direction:column;padding:3px 3px 3px 0;gap:3px}.para-editor textarea{width:100%;resize:none;overflow:hidden;font:inherit;color:var(--ink);background:transparent;border:none;padding:2px;outline:none;min-height:1.6em}.para-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-family:system-ui,sans-serif}.para-toolbar .tool{background:#f1eee8;color:#1d1b18;border:1px solid #d6d1c8;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600;display:inline-flex;align-items:center;gap:3px;line-height:1.5}.para-toolbar .tool:hover:not(:disabled){background:#fff;border-color:var(--accent)}.para-toolbar .tool:disabled{opacity:.35}.para-toolbar .tool em{font-family:Georgia,serif;font-size:.85rem}.para-toolbar .danger-text{color:#b42318}.tool-spacer{flex:1}.mana-insert{position:relative}.mana-insert .popover{left:-4px;right:auto}.add-para{align-self:flex-start;margin-top:2px}.add-hint{position:absolute;left:2rem;bottom:3px;font-size:.8rem;pointer-events:none}.option-group h3{font-size:1rem;margin:.25rem 0 .2rem}.option-group .hint{color:var(--muted);font-size:.85rem;margin:0 0 .8rem}.rarity-rows{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px}.rarity-row{display:grid;grid-template-columns:6.5rem 3.5rem 1fr;align-items:center;gap:.3rem .8rem;padding:.6rem .8rem;border-bottom:1px solid var(--border)}.rarity-row:last-child{border-bottom:none}.rarity-name{font-weight:600}.rarity-preview{width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg);border:1px solid var(--border)}.rarity-preview img{max-width:2.1rem;max-height:2.1rem;object-fit:contain}.rarity-preview .muted-inline{font-size:.68rem}.rarity-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.rarity-actions input{margin:0;flex:1;min-width:10rem;padding:.3rem .5rem}.rarity-error{grid-column:1 / -1;margin:0;font-size:.85rem}@media(max-width:520px){.rarity-row{grid-template-columns:1fr auto}.rarity-actions{grid-column:1 / -1}}