.page.play{max-width:1680px}.game{--perm-w:clamp(44px, min(10.5vh, 10vw), 96px);--land-w:calc(var(--perm-w) * .7);--hand-w:clamp(56px, min(14vh, 15vw), 108px);grid-template-columns:minmax(0,1fr) 280px;gap:14px;height:calc(100dvh - 72px);min-height:340px;margin-top:8px;display:grid}.board{border:1px solid var(--border);-webkit-user-select:none;user-select:none;background:radial-gradient(#1f2633 0%,#15181f 65%,#111318 100%);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;display:grid;position:relative;overflow:hidden}.board img{-webkit-touch-callout:none}.battlefield{flex-direction:column;gap:8px;min-height:0;padding:6px 8px;display:flex;overflow:auto}.battlefield.theirs{justify-content:flex-end}.battlefield.mine{justify-content:flex-start}.perm-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.perm-row.creatures{min-height:calc(var(--perm-w) * 1.4 + 4px)}.perm-row.lands{min-height:calc(var(--land-w) * 1.1);gap:6px}.perm{--lift:0px;--rot:0deg;transform:translateY(var(--lift)) rotate(var(--rot));border-radius:6px;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .2s,margin .3s;animation:.45s cubic-bezier(.2,.9,.3,1.25) perm-enter;position:relative}.perm img{width:var(--perm-w);border-radius:6px;transition:box-shadow .2s,transform .15s;display:block;box-shadow:0 3px 8px #0000008c}.lands .perm img{width:var(--land-w)}.perm:hover{z-index:4}@media (hover:hover){.perm:hover img{transform:scale(1.05)}}.perm.tapped{--rot:90deg;margin:0 calc(var(--land-w) * .2)}.creatures .perm.tapped{margin:0 calc(var(--perm-w) * .2)}.perm.tapped img{filter:brightness(.8)}.perm.attacking.mine{--lift:-20px}.perm.attacking.theirs{--lift:20px}.perm.attacking img{box-shadow:0 0 0 3px var(--danger), 0 0 18px #d9534fbf}.perm.blocking.mine{--lift:-10px}.perm.blocking.theirs{--lift:10px}.perm.blocking img,.perm.selected img{box-shadow:0 0 0 3px #4a90d9,0 0 16px #4a90d9bf}.perm.selected{--lift:-12px}.perm.actionable{cursor:pointer}.perm.actionable:not(.attacking):not(.blocking):not(.selected) img{box-shadow:0 0 0 2px var(--ok), 0 0 10px #5cb85c73}.perm.targetable{cursor:crosshair}.perm.targetable img{animation:.9s ease-in-out infinite alternate target-pulse}.perm.picked img{box-shadow:0 0 0 3px var(--accent), 0 0 20px var(--accent)}.perm.dimmed{filter:brightness(.5)saturate(.6)}.perm.leaving{pointer-events:none;animation:.65s ease-in forwards perm-leave}.perm-host{padding-top:calc(var(--n) * var(--perm-w) * .22);position:relative}.perm-host>.attached{left:0;top:calc(var(--i) * var(--perm-w) * .22);z-index:0;position:absolute}.perm-host>.attached .perm{animation:none}.perm-host>.perm{z-index:1}.lands .perm-host{padding-top:calc(var(--n) * var(--land-w) * .3)}.lands .perm-host>.attached{top:calc(var(--i) * var(--land-w) * .3)}.lands .perm-host>.attached .perm img{width:var(--land-w)}.perm .pt{color:#fff;background:#000000d9;border-radius:4px;padding:0 5px;font-size:.8rem;font-weight:800;position:absolute;bottom:3px;right:3px}.perm .pt.hurt{color:#ff8a80}.perm .loyalty{text-align:center;color:#fff;background:#1c1c22;border:1px solid #c9c9d6;border-radius:4px 4px 10px 10px;min-width:22px;padding:0 5px;font-size:.8rem;font-weight:800;position:absolute;bottom:3px;right:3px}.perm .pt.pumped{color:#9be38f}.perm .sick{filter:drop-shadow(0 0 2px #000);font-size:.75rem;position:absolute;top:3px;left:3px}.perm .counters,.perm .granted{color:#fff;white-space:nowrap;background:#000c;border-radius:4px;padding:0 4px;font-size:.66rem;position:absolute;left:3px}.perm .counters{color:#9be38f;bottom:3px}.perm .granted{color:#ffd27a;text-overflow:ellipsis;max-width:80px;top:22px;overflow:hidden}.float{z-index:20;margin-top:calc(var(--n,0) * 24px);white-space:nowrap;pointer-events:none;text-shadow:0 2px 4px #000,0 0 3px #000;font-size:1.5rem;font-weight:900;animation:1.2s ease-out forwards float-up;position:absolute;top:30%;left:50%}.float-damage{color:#ff5b52}.float-heal{color:#6be38a}.float-buff{color:#9be38f;font-size:1.2rem}.float-debuff{color:#ff9a52;font-size:1.2rem}.player-bar{align-items:center;gap:14px;min-height:0;display:flex}.player-bar.mine{align-items:flex-end}.hud{background:var(--panel);border:2px solid var(--border);border-radius:12px;flex:none;width:clamp(120px,22vw,200px);padding:6px 12px;transition:border-color .3s,box-shadow .3s;position:relative}.hud.active{border-color:var(--accent)}.hud.acting{box-shadow:0 0 0 1px var(--accent), 0 0 18px #d4a24c59}.hud.targetable{cursor:crosshair;animation:.9s ease-in-out infinite alternate target-pulse-outline}.hud.picked{outline:3px solid var(--accent)}.hud-name{align-items:center;gap:8px;display:flex}.turn-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 8px var(--accent);border-radius:50%}.hud .life{font-size:1.8rem;font-weight:800;line-height:1.15;animation:.5s ease-out life-pulse;position:relative}.hud .pool{flex-wrap:wrap;gap:3px;margin:2px 0;display:flex}.mana-dot{color:#111;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;animation:.2s ease-out pop;display:inline-grid;box-shadow:0 0 0 1px #00000080}.mana-W{background:#f8f3d6}.mana-U{background:#4a90d9}.mana-B{background:#8c7f8f}.mana-R{background:#e0533f}.mana-G{background:#3e9f5e}.mana-C{background:#c8c8c8}.mana-any{background:conic-gradient(#f8f3d6,#4a90d9,#8c7f8f,#e0533f,#3e9f5e,#f8f3d6)}.hud .zones{color:var(--muted);align-items:center;gap:8px;display:flex}.zone-chip{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:10px;padding:0 6px;font-size:.78rem;font-weight:500}.opp-hand{align-items:flex-start;padding:0 0 0 18px;display:flex}.card-back{width:36px;height:50px;transform:rotate(calc(var(--i) * -3deg)) translateY(calc(var(--i) * var(--i) * .6px));background:repeating-linear-gradient(45deg,#5a3a1e 0 4px,#4a2f18 4px 8px);border:2px solid #8a6a40;border-radius:4px;margin-left:-14px;animation:.35s ease-out back-in;box-shadow:0 2px 5px #00000080}.my-hand{min-width:0;min-height:calc(var(--hand-w) * 1.4 + 10px);flex:1;justify-content:center;align-items:flex-end;padding-top:10px;display:flex}.hand-card{--rot:0deg;--drop:0px;--lift:0px;flex:0 1 var(--hand-w);min-width:14px;transform:translateY(calc(var(--drop) + var(--lift))) rotate(var(--rot));transform-origin:50% 120%;filter:brightness(.72);cursor:pointer;transition:transform .2s ease-out,filter .2s;animation:.4s ease-out draw-in;position:relative}.hand-card:last-child{flex-shrink:0}.hand-card img{width:var(--hand-w);border-radius:6px;max-width:none;display:block;box-shadow:0 4px 10px #0009}.hand-card.playable{filter:none}.hand-card.playable img{box-shadow:0 0 0 2px var(--ok), 0 0 12px #5cb85c80}.hand-card.selected{--lift:-30px;z-index:6;filter:none;--rot:0deg!important;--drop:0px!important}@media (hover:hover){.hand-card:hover{--lift:-30px;z-index:6;filter:none;transform:translateY(var(--lift)) scale(1.12);--rot:0deg!important;--drop:0px!important}}.hand-card.selected img{box-shadow:0 0 0 3px var(--accent), 0 0 18px var(--accent)}.center-bar{z-index:10;border:1px solid var(--border);background:#262a33f0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 12px;transition:border-color .3s,box-shadow .3s;display:grid;position:relative}.center-bar.your-move{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 22px #d4a24c40}.center-bar.waiting .prompt strong{animation:1.6s ease-in-out infinite breathe}.phases{gap:3px;margin:0;padding:0;list-style:none;display:flex}.phases li{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);background:#ffffff0a;border-radius:4px;padding:3px 7px;font-size:.68rem;transition:background .3s,color .3s}.phases li.current.mine{background:var(--accent);color:var(--accent-text);font-weight:700}.phases li.current.theirs{color:#fff;background:#b5544f;font-weight:700}.prompt{flex-direction:column;min-width:0;display:flex}.prompt strong{font-size:1rem}.actions{align-items:center;gap:8px;display:flex}.actions button.primary{padding:8px 18px;font-size:1rem;font-weight:700}.actions .ability-option{text-overflow:ellipsis;white-space:nowrap;background:var(--panel-2);max-width:260px;color:var(--text);border:1px solid var(--accent);font-size:.82rem;font-weight:500;overflow:hidden}.actions .ability-option.mode{white-space:normal;text-align:left;border-color:var(--border);max-width:320px}.actions .ability-option.mode.on{border-color:var(--accent);background:#d4a24c40}.zone-chip.castable,.zone-cards img.castable{box-shadow:0 0 0 2px var(--ok), 0 0 10px #5cb85c80;cursor:pointer}.key-hint{color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 6px;font-size:.75rem}.board-error{z-index:30;white-space:nowrap;border:1px solid var(--danger);color:#ffb3ad;background:#3a1d1d;border-radius:8px;margin-top:6px;padding:6px 14px;animation:.25s ease-out pop;position:absolute;top:100%;left:50%;translate:-50%}.stack-zone{z-index:15;border:1px solid var(--accent);background:#101217e6;border-radius:12px;align-items:flex-end;gap:8px;margin-bottom:10px;padding:8px 10px;animation:.2s ease-out pop;display:flex;position:absolute;bottom:100%;right:0;box-shadow:0 8px 30px #0009}.stack-zone>.small{writing-mode:vertical-rl;align-self:center;transform:rotate(180deg)}.stack-card{flex-direction:column;align-items:center;gap:2px;animation:.35s ease-out stack-in;display:flex}.stack-card img{width:calc(var(--perm-w) * .85);opacity:.85;border-radius:6px}.stack-card.top img{width:calc(var(--perm-w) * 1.2);opacity:1;box-shadow:0 0 0 2px var(--accent), 0 0 22px #d4a24c8c}.stack-card.theirs .small{color:#ff9a8f}.stack-card.ability img{outline:2px dashed var(--accent);outline-offset:2px}.stack-card.targetable{cursor:crosshair}.stack-card.targetable img{animation:.9s ease-in-out infinite alternate target-pulse}.toasts{z-index:12;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;max-width:38%;margin-bottom:10px;display:flex;position:absolute;bottom:100%;left:0}.toast{border:1px solid var(--border);background:#0a0c10e6;border-radius:16px;padding:5px 14px;font-size:.88rem;animation:3.2s ease-out forwards toast;box-shadow:0 4px 14px #00000080}.turn-banner{z-index:40;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid var(--accent);color:var(--accent);background:#0a0c10cc;border-radius:12px;padding:8px 32px;font-size:clamp(1.1rem,4vw,1.8rem);font-weight:900;animation:1.4s ease-out forwards banner;position:absolute;top:24%;left:50%}.turn-banner.theirs{color:#ff9a8f;border-color:#d9736d}.choice-dock{z-index:25;width:max-content;max-width:100%;margin-top:10px;animation:.25s ease-out pop;position:absolute;top:100%;left:50%;translate:-50%}.choice-panel{border:1px solid var(--accent);background:#14161bf7;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 10px 40px #000000b3}.choice-panel>.small{flex-basis:100%}.choice-cards{flex-wrap:wrap;flex-basis:100%;gap:8px;display:flex}.choice-card{width:clamp(64px, var(--perm-w), 96px);cursor:pointer;border-radius:6px;transition:transform .15s}.choice-card:hover{transform:translateY(-4px)}.choice-card.selected{box-shadow:0 0 0 3px var(--accent);transform:translateY(-8px)}.choice-arrange{flex-direction:column;align-items:center;gap:4px;display:flex}.choice-arrange .row{gap:4px;margin:0;display:flex}.grave-pick{flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.choice-mode{flex-basis:100%;align-items:center;gap:6px;display:flex}.zone-view{z-index:50;background:#0000008c;place-items:center;animation:.15s pop;display:grid;position:absolute;inset:0}.zone-view-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(720px,92%);max-height:70%;padding:12px 14px;overflow:auto}.zone-cards{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.zone-cards img{width:clamp(64px, var(--perm-w), 100px);border-radius:6px}.card-zoom{z-index:100;background:#000000b3;place-items:center;padding:16px;animation:.15s ease-out pop;display:grid;position:fixed;inset:0}.card-zoom img{object-fit:contain;border-radius:4.75%/3.5%;width:min(360px,90vw);max-height:90dvh;box-shadow:0 10px 40px #000}.board-lines{z-index:11;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.line{fill:none;stroke-width:3.5px;stroke-linecap:round;filter:drop-shadow(0 0 3px #000000e6)}.line-block{stroke:#4a90d9}.line-attack{stroke:var(--danger);stroke-dasharray:7 5;animation:.7s linear infinite dash}.line-target{stroke:var(--accent);stroke-dasharray:2 10;stroke-width:4px;animation:.7s linear infinite dash}.line-pending{stroke:#b8c0cc;stroke-dasharray:6 6;animation:.7s linear infinite dash}.arrow-block{fill:#4a90d9}.arrow-attack{fill:var(--danger)}.arrow-target{fill:var(--accent)}.arrow-pending{fill:#b8c0cc}.game-side{flex-direction:column;gap:8px;min-height:0;display:flex}.game-side .card-preview{flex:none}.game-side h4{margin:4px 0 0}.game-side .log{flex:auto;min-height:80px;max-height:none;margin:0;padding-left:32px;overflow:auto}.game-side .log li{border-radius:4px;padding:1px 4px}.game-side .log li.fresh{color:var(--text);animation:2.5s ease-out fresh}.game-options .full-control{cursor:pointer;align-items:center;gap:6px;display:flex}.game-options p{margin:4px 0 8px}@keyframes perm-enter{0%{opacity:0;transform:translateY(calc(var(--lift) - 30px)) rotate(var(--rot)) scale(.6)}}@keyframes perm-leave{0%{opacity:1}35%{opacity:1;filter:brightness(1.8)sepia()hue-rotate(-30deg)saturate(5)}to{opacity:0;filter:grayscale();transform:translateY(calc(var(--lift) + 24px)) rotate(var(--rot)) scale(.55)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,12px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-44px)scale(1)}}@keyframes life-pulse{0%{color:#fff;transform:scale(1.35)}}@keyframes target-pulse{0%{box-shadow:0 0 0 2px var(--danger)}to{box-shadow:0 0 0 4px var(--danger), 0 0 16px var(--danger)}}@keyframes target-pulse-outline{0%{outline:2px dashed var(--danger)}to{outline:4px dashed var(--danger)}}@keyframes draw-in{0%{opacity:0;transform:translateY(80px)rotate(10deg)}}@keyframes back-in{0%{opacity:0;transform:translateY(-30px)}}@keyframes stack-in{0%{opacity:0;transform:translateY(-24px)scale(1.25)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}@keyframes toast{0%{opacity:0;transform:translateY(10px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.06)}}@keyframes breathe{50%{opacity:.55}}@keyframes dash{to{stroke-dashoffset:-24px}}@keyframes fresh{0%{background:#d4a24c47}}@media (prefers-reduced-motion:reduce){.game *,.game :before,.game :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (hover:none){.key-hint{display:none}}@media (width<=1000px){.game{grid-template-columns:1fr;height:auto}.board{height:calc(100dvh - 64px);min-height:340px}.game-side .card-preview{display:none}.game-side .log{max-height:260px}}@media (height<=860px){.my-hand{min-height:0;height:calc(var(--hand-w) * 1.05);align-items:flex-start;padding-top:4px}.hand-card.selected{--lift:calc(var(--hand-w) * -.45)}.player-bar.mine{align-items:flex-start}}@media (height<=860px) and (hover:hover){.hand-card:hover{--lift:calc(var(--hand-w) * -.45);transform:translateY(var(--lift))}}@media (width<=640px){.game{--perm-w:clamp(44px, min(9vh, 14vw), 72px);--hand-w:clamp(56px, 19vw, 84px)}}@media (width<=640px),(height<=560px){.game{gap:8px;margin-top:4px}.board{border-radius:10px;gap:4px;height:calc(100dvh - 56px);padding:4px}.battlefield{gap:4px;padding:2px 4px}.perm-row{gap:6px}.perm .pt{padding:0 3px;font-size:.7rem}.perm .granted{font-size:.6rem;top:16px}.player-bar{gap:8px}.hud{border-radius:10px;width:auto;min-width:104px;padding:3px 8px}.hud .life{font-size:1.25rem}.hud .zones{gap:4px;font-size:.72rem}.zone-chip{padding:0 4px;font-size:.72rem}.opp-hand{padding-left:10px}.card-back{width:26px;height:36px;margin-left:-12px}.center-bar{flex-wrap:wrap;gap:6px 10px;padding:6px 8px;display:flex}.phases{display:none}.prompt{flex:180px}.prompt strong{font-size:.9rem}.actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:6px;margin-left:auto}.actions button.primary{padding:7px 14px;font-size:.95rem}.board-error{white-space:normal;width:max-content;max-width:92vw}.toasts{max-width:90%}.toast{opacity:.92;padding:3px 10px;font-size:.78rem}.toast:not(:last-child){display:none}.stack-zone{gap:6px;padding:6px}.stack-zone>.small{display:none}.choice-dock{max-width:calc(100vw - 16px);max-height:60dvh;margin:0;position:fixed;top:auto;bottom:8px;left:50%;overflow:auto}}@media (height<=560px){.battlefield{flex-flow:wrap;justify-content:center;align-items:center}.battlefield.theirs,.battlefield.mine{justify-content:center}.perm-row.creatures,.perm-row.lands{min-height:0}.turn-banner{padding:4px 18px}}.x-value{text-align:center;min-width:56px}:root{--bg:#14161b;--panel:#1d2027;--panel-2:#262a33;--border:#333844;--text:#e6e8ec;--muted:#9aa1ad;--accent:#d4a24c;--accent-text:#1a1408;--danger:#d9534f;--ok:#5cb85c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h3,h4{margin:.6em 0 .4em}h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.9rem}.muted{color:var(--muted)}.small{font-size:.82rem}.error{color:var(--danger)}.row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.row.center{justify-content:center}.spacer{flex:1}.plain-list{padding:0;list-style:none}.plain-list li{padding:4px 0}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:6px 8px}textarea{width:100%;font-family:ui-monospace,monospace;font-size:.85rem}button,.button{background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-weight:600;display:inline-block}button:hover,.button:hover{filter:brightness(1.1);text-decoration:none}button:disabled{opacity:.4;cursor:default}button.secondary,.button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}button.icon{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:2px 7px;font-size:.8rem}.topnav{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:18px;padding:10px 20px;display:flex}.topnav a{color:var(--muted);font-weight:500}.topnav a.active{color:var(--text)}.topnav .brand{color:var(--accent);margin-right:12px;font-weight:800}main{padding:0 20px 40px}footer{border-top:1px solid var(--border);padding:16px 20px}.page{max-width:1400px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:10px 0;padding:12px}.stat-row{flex-wrap:wrap;gap:20px;margin:8px 0;display:flex}.editor-layout{grid-template-columns:minmax(260px,1fr) minmax(320px,1.3fr) 280px;align-items:start;gap:12px;display:grid}.editor-layout .panel{margin:0}.side-column{position:sticky;top:10px}@media (width<=1000px){.editor-layout{grid-template-columns:1fr}.side-column{position:static}}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.feature{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:14px}.feature:hover{border-color:var(--accent);text-decoration:none}.mana-cost{vertical-align:middle;gap:1px;margin-left:6px;display:inline-flex}.mana-symbol{width:15px;height:15px}.card-search input[type=search]{width:100%}.result-list,.deck-list{margin:6px 0;padding:0;list-style:none}.result-list{max-height:65vh;overflow-y:auto}.result-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding:6px 4px;display:flex}.result-list li:hover,.deck-list li:hover{background:var(--panel-2)}.result-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.card-name{font-weight:600}.deck-header{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px;display:flex}.deck-name-input{flex:1;min-width:200px;font-size:1.4rem;font-weight:700}.deck-list li{border-radius:4px;align-items:center;gap:6px;padding:3px 4px;display:flex}.deck-list .qty{text-align:right;width:22px;color:var(--muted)}.deck-list .card-name{flex:1}.entry-actions{opacity:.25;gap:2px;display:flex}.deck-list li:hover .entry-actions{opacity:1}.owned{border-radius:4px;padding:0 5px}.owned.ok{color:var(--ok)}.owned.missing{color:var(--danger)}.card-preview{border-radius:4.75%/3.5%;width:100%;display:block}.card-preview.placeholder{aspect-ratio:488/680;border:1px dashed var(--border);border-radius:12px;place-items:center;display:grid}.curve{align-items:flex-end;gap:4px;height:120px;display:flex}.curve-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex}.curve-bar{background:var(--accent);border-radius:3px 3px 0 0;width:100%;min-height:1px}.color-bar{border-radius:4px;height:22px;font-size:.72rem;font-weight:700;display:flex;overflow:hidden}.pip-seg{color:#111;place-items:center;display:grid}.pip-W{background:#f8f3d6}.pip-U{background:#4a90d9}.pip-B{background:#8c7f8f}.pip-R{background:#e0533f}.pip-G{background:#3e9f5e}.type-list{grid-template-columns:1fr 1fr;gap:2px 10px;padding:0;list-style:none;display:grid}.inline-form{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.deck-tile{background:var(--panel);border:1px solid var(--border);border-radius:10px;gap:10px;padding:10px;display:flex}.deck-tile img,.deck-cover-empty{aspect-ratio:488/680;background:var(--panel-2);border-radius:4px;width:70px}.collection-table{border-collapse:collapse;width:100%;margin-top:8px}.collection-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:4px;font-size:.8rem}.collection-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:4px}.collection-table td button.icon{margin:0 4px}.goldfish-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.life-mini{align-items:center;gap:4px;display:inline-flex}.banner{background:var(--panel-2);border-left:4px solid var(--accent);flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;display:flex}.goldfish-layout{grid-template-columns:1fr 300px;gap:16px;display:grid}@media (width<=900px){.goldfish-layout{grid-template-columns:1fr}}.zone{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-height:140px;padding:8px}.zone.battlefield{flex-direction:column;gap:10px;min-height:300px;display:flex}.zone-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.small-zone{min-height:60px}.small-zone .game-card img{width:60px}.game-card{transition:transform .15s;position:relative}.game-card img{cursor:pointer;border-radius:5px;width:110px;display:block}.game-card.tapped{margin:0 18px;transform:rotate(90deg)}.game-card-actions{justify-content:center;gap:2px;display:none;position:absolute;bottom:4px;left:0;right:0}.game-card:hover .game-card-actions{display:flex}.game-card-actions button{padding:1px 5px;font-size:.7rem}.log{max-height:220px;color:var(--muted);padding-left:18px;overflow:auto}.life-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px;display:grid}.life-card{background:var(--panel);border:2px solid var(--border);text-align:center;border-radius:14px;padding:14px}.life-card.active{border-color:var(--accent)}.life-card.dead{opacity:.5}.player-name{text-align:center;background:0 0;border-color:#0000;width:100%;font-weight:600}.life-total{margin:8px 0;font-size:4.5rem;font-weight:800;line-height:1.1}.setup-panel{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.import-panel{margin-bottom:16px}.import-panel code{background:var(--panel-2);border-radius:3px;padding:0 4px}.online-setup{flex-direction:column;gap:12px;max-width:720px;display:flex}.online-choices{grid-template-columns:1fr 1fr;gap:16px;display:grid}.online-choices>div{background:var(--panel-2);border-radius:8px;padding:10px 14px}@media (width<=640px){.online-choices{grid-template-columns:1fr}}.room-code-input{letter-spacing:.2em;text-transform:uppercase;width:110px;font-family:ui-monospace,monospace;font-size:1.1rem}.lobby{max-width:520px}.room-code{letter-spacing:.25em;color:var(--accent);font-family:ui-monospace,monospace;font-size:2.2rem;font-weight:800}.play-notice{flex-direction:column;gap:4px;margin:8px 0;display:flex}.lang-select{padding:3px 6px;font-size:.85rem}@media (width<=640px){main{padding:0 10px 28px}footer{padding:12px 10px}.topnav{scrollbar-width:none;flex-wrap:nowrap;gap:14px;padding:8px 10px;overflow-x:auto}.topnav::-webkit-scrollbar{display:none}.topnav a{white-space:nowrap}.topnav .brand{margin-right:0}.topnav .spacer{min-width:4px}.collection-table{display:block;overflow-x:auto}.deck-name-input{flex-basis:100%;min-width:0;font-size:1.15rem}.game-card img{width:78px}.game-card.tapped{margin:0 12px}.life-total{font-size:3.5rem}.room-code{font-size:1.7rem}}@media (hover:none){.entry-actions{opacity:1}.game-card-actions{display:flex}.game-card-actions button{padding:3px 7px}.card-preview.placeholder{display:none}}@media (width<=1000px){.card-preview.placeholder{display:none}}