:root{--arena-deep: #0a1018;--arena-mid: #121c28;--arena-panel: #162232;--chrome: #c9a227;--chrome-bright: #f0d78c;--chrome-dim: #8a7020;--ink: #f3efe6;--muted: #9aa7b5;--ok: #3d8b5a;--danger: #a33b3b;--warn: #c47a2c;--line: rgba(201, 162, 39, .35);--vignette: radial-gradient(ellipse at center, transparent 35%, #05080dcc 100%);--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Sora", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100dvh;background:var(--arena-deep);color:var(--ink);font-family:var(--font-body)}html{overflow-x:clip;background:radial-gradient(900px 520px at 50% -10%,#1e3a4a66,transparent 60%),radial-gradient(700px 400px at 100% 80%,#3a2a1066,transparent 55%),var(--arena-deep)}body{background:transparent}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.lobby{max-width:520px;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex;flex-direction:column;gap:.55rem}.lobby-wide{max-width:640px}.lobby-section{display:flex;flex-direction:column;gap:.45rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}.lobby-setup-panel{border:1px solid var(--chrome);border-radius:10px;padding:1rem 1.1rem 1.15rem;background:linear-gradient(180deg,rgba(201,162,39,.1),transparent 55%),var(--arena-panel);box-shadow:0 10px 28px #00000047}.lobby-section-title{margin:0;font-size:.95rem;color:var(--chrome-bright);letter-spacing:.04em;text-transform:uppercase}.lobby-textarea,.lobby select{background:var(--arena-panel);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:.65rem .75rem;width:100%;font:inherit}.lobby-textarea{resize:vertical;min-height:7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.hotseat-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;background:linear-gradient(90deg,#1a3a2a,#243044);border-bottom:1px solid var(--chrome);color:var(--chrome-bright);font-size:.85rem;font-weight:600;flex-wrap:wrap}.hotseat-bar-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.resume-banner{border:1px solid var(--chrome);background:#283c2d73}.card-inspect-chip{position:absolute;top:2px;right:2px;z-index:2;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#00000047;color:#ffffff8c;font-size:.58rem;font-weight:600;line-height:1;padding:0;cursor:pointer;opacity:.55;transition:opacity .15s ease,background .15s ease}.card-tile:hover .card-inspect-chip,.card-inspect-chip:focus-visible{opacity:1;background:#0000008c;color:#fff;border-color:#ffffff8c}.card-tile{position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none}.card-inspect-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#04080cd1;display:flex;align-items:flex-end;justify-content:center;padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.75rem,env(safe-area-inset-bottom));cursor:pointer}.card-inspect{display:flex;flex-direction:column;gap:.75rem;background:var(--arena-panel);border:1px solid var(--chrome);border-radius:16px 16px 12px 12px;padding:.65rem 1rem 1rem;max-width:720px;width:100%;max-height:min(92dvh,760px);overflow:hidden;cursor:default;box-shadow:0 -8px 40px #00000073;transition:transform .12s ease-out}.card-inspect-handle{width:48px;height:4px;border-radius:999px;background:#ffffff47;margin:.15rem auto .1rem;flex-shrink:0;padding:10px 24px;box-sizing:content-box;background-clip:content-box;cursor:grab;touch-action:none}.card-inspect-toolbar{display:flex;align-items:center;gap:.75rem;min-width:0;flex-shrink:0}.card-inspect-toolbar .card-inspect-name{flex:1;min-width:0;margin:0;font-size:1.25rem;line-height:1.2}.card-inspect-done{flex-shrink:0;min-height:44px;min-width:5.5rem;padding:.5rem 1.1rem;font-weight:700}.card-inspect-scroll{display:grid;grid-template-columns:minmax(160px,280px) minmax(200px,1fr);gap:1rem;overflow:auto;min-height:0;padding-bottom:.25rem;overscroll-behavior:contain}.card-inspect-art{display:flex;align-items:flex-start;justify-content:center}.card-inspect-img{width:100%;max-width:280px;border-radius:8px;box-shadow:0 8px 24px #00000073}.card-inspect-fallback{width:180px;height:250px;display:grid;place-items:center;background:#333;border-radius:8px;color:#fff;font-weight:700}.card-inspect-meta{display:flex;flex-direction:column;gap:.65rem;min-width:0}.card-inspect-name{margin:0;color:var(--chrome-bright);font-family:var(--font-display);font-size:1.45rem}.card-inspect-id{margin:0;color:var(--muted);font-size:.8rem}.card-inspect-effect-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--chrome);margin-bottom:.25rem}.card-inspect-effect p{margin:0;line-height:1.45;color:var(--ink);white-space:pre-wrap}.card-inspect-effect .card-inspect-ability-note{margin:.45rem 0 0;font-size:.78rem;line-height:1.35;color:var(--muted);font-style:italic;white-space:normal}.card-inspect-alt-row{display:flex;flex-wrap:wrap;gap:.4rem}.card-inspect-alt-btn{min-height:36px;padding:.35rem .65rem;font-size:.75rem}.card-inspect-close-bottom{align-self:stretch;min-height:44px;margin-top:.25rem}@media(min-width:641px){.card-inspect-backdrop{align-items:center}.card-inspect{border-radius:12px}.card-inspect-handle{display:none}}@media(max-width:640px){.card-inspect-scroll{grid-template-columns:1fr}.card-inspect-img{max-width:220px;margin:0 auto}}.lobby-brand{font-family:var(--font-display);font-size:clamp(2.5rem,9vw,3.5rem);letter-spacing:.06em;line-height:.95;color:var(--chrome-bright);margin:0;text-shadow:0 0 24px rgba(201,162,39,.35)}.lobby-sub{color:var(--muted);line-height:1.45;margin:0 0 .75rem}.build-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.04em;color:var(--muted);opacity:.85;-webkit-user-select:all;user-select:all;white-space:nowrap}.build-tag-lobby{display:inline-block;margin:-.35rem 0 .85rem;opacity:.7}.lobby label{color:var(--muted);font-size:.75rem;font-weight:600;margin-top:.35rem}.lobby input{background:var(--arena-panel);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:.65rem .75rem;width:100%}.lobby input:focus{outline:2px solid var(--chrome);outline-offset:1px}.meta{color:var(--muted);font-size:.75rem}.toggle{align-self:flex-start;padding:.4rem .65rem;border-radius:6px;border:1px solid var(--line);background:var(--arena-mid);color:var(--chrome-bright);font-size:.75rem;font-weight:600}.error-text{color:#ef9a9a;margin-top:.35rem}.actions{margin-top:1rem;display:flex;flex-direction:column;gap:.65rem}.deck-config{max-width:920px;margin:0 auto;padding:1.25rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1rem}.deck-config-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.85rem}.deck-config-back{flex:0 0 auto;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.deck-config-heading{display:flex;flex-direction:column;gap:.35rem;min-width:0;flex:1 1 12rem}.deck-config-title{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.1rem);color:var(--chrome-bright);letter-spacing:.04em}.deck-config-switcher{display:flex;flex-direction:column;gap:.25rem;min-width:0;max-width:28rem}.deck-config-switcher select{width:100%;background:var(--arena-mid);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:.5rem .55rem;font:inherit;font-size:.85rem;min-height:40px}.deck-config-section{display:flex;flex-direction:column;gap:.65rem;padding-top:.85rem;border-top:1px solid var(--line)}.deck-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.deck-list-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:.45rem;background:var(--arena-panel);border:1px solid var(--line);border-radius:8px;padding:.45rem}.deck-list-open{flex:1 1 12rem;min-width:0;display:flex;align-items:center;gap:.65rem;text-align:left;background:transparent;border:none;color:inherit;font:inherit;padding:.35rem .45rem;cursor:pointer}.deck-list-leader{flex:0 0 auto;width:40px;height:56px;border-radius:4px;border:1px solid var(--line);object-fit:cover;object-position:center top;background:#0e1620}.deck-list-leader-fallback{display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:var(--muted);text-align:center;padding:.15rem;line-height:1.1}.deck-list-open:hover{background:#ffffff0a;border-radius:6px}.deck-list-name{font-weight:600;color:var(--chrome-bright)}.deck-list-sub{font-size:.85rem;color:var(--muted);margin-top:.2rem}.deck-list-new{flex:0 0 auto;align-self:flex-start}.deck-list-edit,.deck-list-delete{flex:0 0 auto;align-self:center}.deck-import-panel{display:flex;flex-direction:column;gap:.55rem;padding:.85rem 0;border-top:1px solid var(--line)}.deck-import-actions{display:flex;flex-wrap:wrap;gap:.45rem}.deck-new-form{display:flex;flex-direction:column;gap:.65rem}.deck-new-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.linkish{background:none;border:none;padding:0;color:var(--chrome);text-decoration:underline;cursor:pointer;font:inherit}.deck-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.85rem}.deck-stack{display:flex;flex-direction:column;gap:.45rem;min-width:0;background:var(--arena-panel);border:1px solid var(--line);border-radius:8px;padding:.55rem}.deck-stack.selected{border-color:var(--chrome);box-shadow:0 0 0 1px var(--chrome)}.deck-stack-art-btn{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;border-radius:6px;text-align:left}.deck-stack-art-btn:focus-visible{outline:2px solid var(--chrome);outline-offset:2px}.deck-stack-name-btn{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}.deck-stack-name-btn:focus-visible{outline:2px solid var(--chrome);outline-offset:2px;border-radius:4px}.deck-stack-art{position:relative;aspect-ratio:63 / 88;border-radius:6px;overflow:hidden;background:var(--arena-mid)}.deck-stack-img{width:100%;height:100%;object-fit:cover;display:block}.deck-stack-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:.7rem;color:var(--muted);padding:.35rem;text-align:center}.deck-stack-badge{position:absolute;right:6px;bottom:6px;min-width:1.75rem;padding:.15rem .4rem;border-radius:999px;background:#080c12d1;border:1px solid var(--chrome);color:var(--chrome-bright);font-size:.75rem;font-weight:700;text-align:center}.deck-stack-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.deck-stack-name{font-size:.8rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-stack-id{font-size:.7rem;color:var(--muted)}.deck-stack-art-label{display:flex;flex-direction:column;gap:.25rem;margin-top:.2rem;color:var(--muted);font-size:.7rem;font-weight:600}.deck-stack-art-select{width:100%;background:var(--arena-mid);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:.45rem .5rem;font:inherit;font-size:.75rem;min-height:36px}.deck-stack-edit{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.25rem}.deck-stack-qty{min-width:2.25rem;min-height:36px;padding:.25rem .5rem;flex:0 0 auto}.deck-stack-qty-label{min-width:1.25rem;text-align:center;font-weight:700;font-size:.85rem}.deck-stack-remove{min-height:36px;padding:.25rem .65rem;font-size:.75rem;flex:1 1 auto}.deck-edit-error{margin:.15rem 0 0;color:var(--danger, #e07070);font-size:.72rem;line-height:1.3}.deck-search{display:flex;flex-direction:column;gap:.75rem;min-width:0}.deck-search-filters{display:flex;flex-direction:column;gap:.65rem;min-width:0}.deck-search-field{display:flex;flex-direction:column;gap:.25rem;min-width:0;font-size:.72rem;font-weight:600;color:var(--muted)}.deck-search-field input,.deck-search-field select{width:100%;background:var(--arena-mid);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:.5rem .55rem;font:inherit;font-size:.85rem;min-height:40px}.deck-search-query input{min-height:44px}.deck-filter-set{margin:0;padding:.55rem .65rem;border:1px solid var(--line);border-radius:8px;background:var(--arena-panel);min-width:0}.deck-filter-set legend{padding:0 .35rem;font-size:.72rem;font-weight:700;color:var(--muted)}.deck-filter-chips{display:flex;flex-wrap:wrap;gap:.35rem .65rem}.deck-filter-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;text-transform:capitalize;color:var(--ink);cursor:pointer}.deck-filter-chip input{width:1rem;height:1rem;accent-color:var(--chrome)}.deck-filter-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.55rem;min-width:0}.deck-search-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.deck-search-idle{margin:0;padding:.85rem .95rem;border:1px dashed var(--line);border-radius:8px;background:var(--arena-panel);line-height:1.4}.deck-search-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;max-height:min(420px,55vh);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--arena-panel)}.deck-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.45rem .55rem;border-bottom:1px solid var(--line);min-width:0}.deck-search-row:last-child{border-bottom:none}.deck-search-open{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.65rem;align-items:center;min-width:0;padding:0;margin:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:6px}.deck-search-open:focus-visible{outline:2px solid var(--chrome);outline-offset:2px}.deck-search-thumb{width:48px;aspect-ratio:63 / 88;border-radius:4px;overflow:hidden;background:var(--arena-mid);display:grid;place-items:center;font-size:.55rem;color:var(--muted);text-align:center}.deck-search-thumb img{width:100%;height:100%;object-fit:cover;display:block}.deck-search-meta{min-width:0}.deck-search-add{min-height:40px;padding:.35rem .85rem;font-size:.8rem;flex:0 0 auto}@media(max-width:420px){.deck-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-search-row{grid-template-columns:minmax(0,1fr)}.deck-search-open{grid-template-columns:40px minmax(0,1fr)}.deck-search-add{width:100%}}.btn{padding:.75rem 1rem;border-radius:6px;border:1px solid transparent;color:#fff;font-weight:700;min-height:44px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#4a9a68,var(--ok));border-color:#6bc48a55}.btn-secondary{background:var(--arena-panel);border-color:var(--line)}.btn-danger{background:var(--danger)}.duel-root{flex:1;display:flex;flex-direction:column;min-height:100dvh;height:100dvh;max-height:100dvh;background:transparent;overflow:hidden}.reconnect-banner{background:var(--warn);padding:.65rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem;font-weight:600}.reconnect-banner button{background:#fff;color:var(--warn);border:none;border-radius:6px;padding:.45rem .75rem;font-weight:800;font-size:.75rem}.rating-chip{color:var(--muted);font-size:.7rem;padding:.35rem .75rem 0}.board-root.arena{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.board-root.arena:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vignette);z-index:1}.hud-bar,.error-banner,.playmat,.hand-rail,.intent-bar,.loading,.modal-backdrop{position:relative;z-index:2}.hud-bar{z-index:40;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.55rem .85rem;background:linear-gradient(180deg,rgba(201,162,39,.14),transparent 70%),var(--arena-panel);border-bottom:1px solid var(--line);box-shadow:0 8px 24px #00000059}.hud-brand{font-family:var(--font-display);letter-spacing:.12em;font-size:.85rem;color:var(--chrome-bright);white-space:nowrap}.hud-status{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:.78rem;font-weight:600;color:var(--ink);min-width:0}.hud-status.pulse .hud-turn-chip{animation:turn-pulse 1.6s ease-in-out infinite}.hud-phase{text-transform:uppercase;letter-spacing:.08em;color:var(--chrome-bright)}.hud-sep{color:var(--chrome-dim)}.hud-turn-chip{margin-left:.25rem;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--chrome);background:#c9a2272e;color:var(--chrome-bright);font-size:.65rem;letter-spacing:.06em}.hud-turn-chip.hud-timer{font-variant-numeric:tabular-nums;border-color:#78b4dc8c;background:#508cb42e;color:#c8e4f5}.hud-actions{position:relative;z-index:30;display:flex;align-items:center;gap:.5rem;min-width:0}.match-id{color:var(--muted);font-size:.72rem;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-btn{background:var(--arena-mid);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:.45rem .75rem;font-size:.75rem;font-weight:700;min-height:36px}.hud-pass-btn{background:var(--arena-panel);color:var(--chrome-bright);border:1px solid var(--line);border-radius:6px;padding:.4rem .6rem;font-size:.72rem;font-weight:700;min-height:36px;white-space:nowrap}.hud-pass-btn:hover{border-color:var(--chrome);color:var(--ink)}.error-banner{background:var(--danger);padding:.6rem .75rem;font-size:.8rem;border:none;color:#fff;text-align:left;width:100%}.playmat{flex:1;overflow:auto;min-height:0;padding:.65rem .75rem .35rem}.playmat-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:.55rem}.opp-hand-hint{display:flex;align-items:center;gap:.65rem;justify-content:center;min-height:2rem}.opp-hand-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.opp-hand-backs{display:flex;gap:.2rem;align-items:flex-end}.card-back{width:22px;height:30px;border-radius:3px;border:1px solid var(--chrome-dim);background:linear-gradient(135deg,#1a2838 25%,#243447 25%,#243447 50%,#1a2838 50%,#1a2838 75%,#243447 75%),#1a2838;background-size:8px 8px;box-shadow:0 2px 4px #0006}.hand-back{width:64px;height:90px;flex-shrink:0}.opp-hand-more{font-size:.7rem;color:var(--muted);margin-left:.25rem}.side-field{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--arena-mid);padding:.55rem .6rem .65rem;box-shadow:inset 0 0 0 1px #ffffff08}.side-field.mirrored{background:linear-gradient(0deg,rgba(255,255,255,.03),transparent 40%),#101820}.side-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"life characters stage" "leader characters deck" "dondeck cost trash";gap:.45rem .55rem;align-items:start}.zone-life{grid-area:life}.zone-characters{grid-area:characters;min-width:0}.zone-deck{grid-area:deck}.zone-leader{grid-area:leader}.zone-stage{grid-area:stage}.zone-don-deck{grid-area:dondeck}.zone-cost{grid-area:cost;min-width:0}.zone-trash{grid-area:trash}.zone-caption{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--chrome-dim);margin-bottom:.25rem}.card-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:flex-end}.characters-row{min-height:92px}.zone-slot{width:56px;height:78px;border-radius:6px;border:1px dashed rgba(201,162,39,.25);background:#0000002e;flex-shrink:0}.zone-slot.empty,.zone-slot.stage-empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.zone-pile{width:64px;display:flex;flex-direction:column;align-items:center;gap:.25rem}.zone-pile-stack{position:relative;width:42px;height:56px}.zone-pile-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;border:1px solid var(--chrome-dim);background:#1b2736;transform:translate(0)}.zone-pile-face.mid{transform:translate(2px,-2px);opacity:.85}.zone-pile-face.top{transform:translate(4px,-4px);background:linear-gradient(145deg,#243447,#15202c);box-shadow:0 4px 8px #00000059}.zone-pile-life .zone-pile-stack{display:flex;flex-direction:column;align-items:center;width:36px;height:auto;min-height:56px}.zone-pile-life .zone-pile-face{position:relative;inset:auto;width:36px;height:42px;flex-shrink:0;margin-top:-30px;transform:none;background:linear-gradient(145deg,#3a2030,#1a1018);border-color:#a35d6a;box-shadow:0 2px 5px #00000059}.zone-pile-life .zone-pile-face:first-child{margin-top:0}.zone-pile-life .zone-pile-stack:empty:before{content:"";display:block;width:36px;height:50px;border-radius:4px;border:1px dashed rgba(163,93,106,.35);background:#1a101873}.zone-pile-don .zone-pile-face.top{background:linear-gradient(145deg,#2a3a20,#141c10);border-color:#7a9a4a}.zone-pile-trash .zone-pile-face.top{background:linear-gradient(145deg,#2a2a2a,#141414)}button.zone-pile{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.zone-pile-openable{border-radius:8px;outline-offset:2px}.zone-pile-openable:hover .zone-pile-face.top,.zone-pile-openable:focus-visible .zone-pile-face.top{box-shadow:0 0 0 2px var(--chrome),0 4px 8px #00000059}.zone-pile-openable:focus-visible{outline:2px solid var(--chrome-bright)}.zone-pile-empty{opacity:.72;cursor:default}.trash-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:#04080cd1;display:flex;align-items:center;justify-content:center;padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.75rem,env(safe-area-inset-bottom));cursor:pointer}.trash-viewer{display:flex;flex-direction:column;gap:.75rem;background:var(--arena-panel);border:1px solid var(--chrome);border-radius:14px;padding:.85rem 1rem 1rem;max-width:920px;width:100%;max-height:min(82dvh,640px);min-height:min(42dvh,320px);overflow:hidden;cursor:default;box-shadow:0 16px 48px #00000080}.trash-viewer-toolbar{display:flex;align-items:center;gap:.75rem;min-width:0;flex-shrink:0}.trash-viewer-heading{flex:1;min-width:0}.trash-viewer-title{margin:0;font-family:var(--font-display);font-size:1.25rem;color:var(--chrome-bright);line-height:1.2}.trash-viewer-sub{margin:.15rem 0 0;font-size:.75rem;color:var(--muted)}.trash-viewer-done{flex-shrink:0;min-height:44px;min-width:5.5rem}.trash-viewer-empty{margin:.5rem 0 1rem;color:var(--muted);text-align:center}.trash-viewer-grid{display:flex;flex-wrap:wrap;gap:.55rem;overflow:auto;min-height:0;padding:.15rem .1rem .5rem;align-content:flex-start}@media(max-width:720px){.trash-viewer{max-height:min(92dvh,900px)}}.zone-pile-meta{text-align:center;line-height:1.15}.zone-pile-label{display:block;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.zone-pile-count{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--chrome-bright)}.don-strip{border:1px solid var(--line);border-radius:8px;padding:.35rem .45rem .45rem;background:#00000040;min-width:0}.don-strip-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--chrome-dim);margin-bottom:.3rem}.don-strip-nums{color:var(--chrome-bright);font-family:var(--font-display);letter-spacing:.04em}.don-strip-rail{display:flex;flex-wrap:wrap;gap:.28rem;min-height:28px;align-items:center}.don-chip{width:28px;height:40px;border-radius:3px;border:1px solid #8fbf55;object-fit:cover;object-position:center top;box-shadow:0 2px 5px #00000073;transition:transform .16s ease,filter .16s ease;flex-shrink:0;background:#1a2810}.don-chip.active{transform:rotate(0);filter:saturate(1.05) brightness(1.05)}.don-chip.rested{width:28px;height:40px;border-color:#6a7a55;object-fit:cover;object-position:center top;transform:rotate(90deg);margin:0 6px;filter:saturate(.7) brightness(.75);opacity:.92}.don-chip.don-draggable{cursor:grab}.don-chip.don-draggable:active,.don-chip.don-dragging{cursor:grabbing;opacity:.55}.don-chip.don-selected{outline:2px solid #ffd54f;outline-offset:1px;box-shadow:0 0 0 3px #ffd54f73,0 2px 5px #00000073}.card-tile.card-draggable{cursor:grab}.card-tile.card-dragging{cursor:grabbing;opacity:.55}.card-tile.drop-highlight{border-color:var(--chrome-bright);box-shadow:0 0 0 2px #f0d78c73,0 8px 18px #00000073}.card-tile.attack-target{border-color:var(--danger);box-shadow:0 0 0 2px #a33b3b8c,0 8px 18px #00000073;animation:attack-target-pulse 1.4s ease-in-out infinite}@keyframes attack-target-pulse{0%,to{box-shadow:0 0 0 2px #a33b3b8c,0 8px 18px #00000073}50%{box-shadow:0 0 0 4px #a33b3b4d,0 8px 18px #00000073}}.zone-characters.drop-highlight-zone,.zone-stage.drop-highlight-zone{outline:2px solid rgba(240,215,140,.55);outline-offset:2px;border-radius:8px;background:#f0d78c0f}.board-root.is-dnd{-webkit-user-select:none;user-select:none}.don-chip-btn{display:inline-flex;padding:0;margin:0;border:none;background:transparent;line-height:0;flex-shrink:0;cursor:default}.don-chip-btn:disabled{cursor:default;opacity:1}.don-chip-btn.is-draggable{cursor:grab}.don-chip-btn.is-draggable:active{cursor:grabbing}.don-chip-btn .don-chip{display:block;pointer-events:none}img.zone-pile-face{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;padding:0;box-sizing:border-box}.don-pile-art{border-color:#7a9a4a!important;background:none!important}.don-empty{font-size:.7rem;color:var(--muted)}.midline{min-height:1.5rem;display:flex;align-items:center;justify-content:center}.midline-ornament{width:min(420px,70%);height:1px;background:linear-gradient(90deg,transparent,var(--chrome),transparent);position:relative}.midline-ornament span{position:absolute;left:50%;top:50%;width:8px;height:8px;border:1px solid var(--chrome);transform:translate(-50%,-50%) rotate(45deg);background:var(--arena-deep)}.prompt{width:100%;max-width:640px;background:#142430f2;border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem;font-size:.75rem;color:var(--ink);box-shadow:0 8px 20px #00000059}.hand-rail{border-top:1px solid var(--line);background:linear-gradient(0deg,rgba(201,162,39,.1),transparent 55%),var(--arena-panel);padding:.45rem .75rem .55rem;box-shadow:0 -10px 28px #00000059;overflow:visible}.hand-rail-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.hand-rail-title{font-family:var(--font-display);letter-spacing:.14em;font-size:.72rem;color:var(--chrome-bright)}.hand-rail-count{font-size:.7rem;color:var(--muted)}.hand-row{overflow-x:auto;overflow-y:hidden;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-gutter:stable}.hand-row-inner{display:flex;gap:.55rem;align-items:flex-start;padding:1.35rem .15rem .55rem;min-height:0}.hand-row-inner .card-tile{transition:transform .18s ease,box-shadow .18s ease}.hand-row-inner .card-tile img,.hand-row-inner .card-tile .card-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;flex:none;object-fit:contain;object-position:center top;background:#0e1620}.hand-row-inner .card-tile .card-caption{position:absolute;left:0;right:0;bottom:0;z-index:1}.hand-row-inner .card-tile:hover,.hand-row-inner .card-tile.selected{transform:translateY(-10px);z-index:2}.card-tile{position:relative;border-radius:7px;border:2px solid #2a3544;overflow:hidden;background:#0e1620;padding:0;display:flex;flex-direction:column;color:inherit;text-align:left;flex-shrink:0;box-shadow:0 6px 14px #0006}.card-tile.leader-frame{border-color:var(--chrome);box-shadow:0 0 0 1px #f0d78c40,0 8px 18px #00000073}.card-tile.selected{border-color:var(--chrome-bright);box-shadow:0 0 0 2px #f0d78c59,0 10px 22px #00000080}.card-tile.rested:not(.selected){opacity:.88;filter:saturate(.75) brightness(.9)}.card-tile.rested:after{content:"REST";position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);z-index:2;font-size:.55rem;font-weight:800;letter-spacing:.08em;padding:.1rem .3rem;border-radius:3px;background:#000000bf;color:var(--chrome-bright);border:1px solid var(--line);pointer-events:none}.hand-row-inner .card-tile.rested:after{display:none}.card-tile.compact{width:64px;height:90px}.card-tile.full{width:92px;height:128px}.card-tile img{flex:1;width:100%;object-fit:cover;object-position:center top;min-height:0}.card-fallback{flex:1;display:flex;align-items:center;justify-content:center;padding:.25rem;color:#fff;font-size:.65rem;font-weight:700}.power-badge,.don-badge{position:absolute;z-index:1;font-size:.58rem;font-weight:800;padding:.12rem .28rem;border-radius:3px;border:1px solid rgba(0,0,0,.35)}.power-badge{top:.25rem;right:.25rem;background:#0a0e14d9;color:var(--chrome-bright)}.don-badge{top:.25rem;left:.25rem;background:#3c641ee6;color:#e8ffc8}.card-caption{background:#000000c7;padding:.18rem .25rem}.card-caption .name{color:#fff;font-size:.62rem;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-caption .meta-cost-modified{color:#ffd54f}.card-caption .meta{color:#b0bec5;font-size:.55rem}.intent-bar{border-top:1px solid var(--line);padding:.5rem .65rem .65rem;background:var(--arena-deep)}.intent-bar h2{margin:0 0 .35rem;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.intent-empty{color:var(--muted);font-size:.75rem;margin:0}.intent-row{display:flex;gap:.5rem;overflow-x:auto;padding-right:.75rem}.intent-btn{background:linear-gradient(180deg,#3f7a54,var(--ok));color:#fff;border:1px solid #6bc48a55;border-radius:6px;padding:.6rem .75rem;font-size:.75rem;font-weight:700;min-height:40px;white-space:nowrap}.intent-btn:disabled{opacity:.4}.concede-fab{position:fixed;right:.75rem;bottom:6.5rem;background:var(--danger);color:#fff;border:1px solid #c06060;border-radius:6px;padding:.5rem .75rem;font-weight:700;font-size:.75rem;z-index:5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:20}.modal-card{background:var(--arena-panel);border:1px solid var(--line);border-radius:12px;padding:1.25rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 20px 50px #00000080}.modal-card h2{margin:0;font-family:var(--font-display);font-size:1.35rem;color:var(--chrome-bright)}.modal-card p{margin:0;color:#cfd8dc;font-size:.9rem;line-height:1.4;white-space:pre-line}.loading,.arena-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);padding:2rem;text-align:center}@keyframes turn-pulse{0%,to{box-shadow:0 0 #f0d78c26}50%{box-shadow:0 0 0 6px #f0d78c00}}@media(max-width:720px){.hud-bar{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "status status";padding:.4rem .65rem}.hud-brand{grid-area:brand}.hud-status{grid-area:status;font-size:.7rem}.hud-actions{grid-area:actions}.hud-pass-btn{font-size:.68rem;padding:.35rem .55rem;white-space:nowrap}.playmat{padding:.4rem .5rem .25rem}.playmat-inner{gap:.4rem}.side-field{padding:.4rem .45rem .5rem}.side-grid{grid-template-columns:auto minmax(0,1fr) auto;gap:.3rem}.card-tile.compact{width:48px;height:68px}.card-tile.full{width:70px;height:98px}.zone-slot{width:44px;height:62px}.zone-pile{width:48px}.zone-pile-stack{width:34px;height:46px}.zone-pile-life .zone-pile-stack{width:28px;min-height:46px;height:auto}.zone-pile-life .zone-pile-face{width:28px;height:34px;margin-top:-24px}.zone-pile-life .zone-pile-stack:empty:before{width:28px;height:40px}.characters-row{display:grid;grid-template-columns:repeat(5,minmax(52px,1fr));grid-auto-flow:column;gap:.28rem;min-height:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.characters-row .card-tile,.characters-row .zone-slot{width:100%;height:auto;min-width:52px;max-width:70px;margin-inline:auto;aspect-ratio:5 / 7}.opp-hand-hint{min-height:1.5rem}.card-back{width:16px;height:22px}.hand-rail{padding:.35rem .55rem .4rem}.hand-row-inner{padding-top:1.1rem}.hand-row-inner .card-tile.full{width:64px;height:90px}.battle-log{top:6.25rem;width:min(260px,52vw)}.intent-bar{padding:.4rem .55rem .5rem}}@media(min-width:900px){.lobby{max-width:560px;padding-top:3rem}.playmat{padding:.85rem 1.25rem .5rem}.playmat-inner{max-width:min(1480px,96vw)}.side-grid{grid-template-columns:minmax(72px,10%) minmax(0,1fr) minmax(72px,10%)}.card-tile.full{width:104px;height:146px}.card-tile.compact{width:72px;height:100px}.zone-slot{width:64px;height:90px}.zone-pile{width:72px}.zone-pile-stack{width:48px;height:64px}.characters-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:.45rem;min-height:0}.characters-row .card-tile,.characters-row .zone-slot{width:100%;height:auto;max-width:none;margin-inline:0;aspect-ratio:5 / 7}.hand-row-inner{padding:1.55rem .2rem .65rem}.hand-row-inner .card-tile.full{width:118px;height:164px}.ability-prompt{bottom:10rem}}.battle-log{position:absolute;top:3.75rem;right:.5rem;z-index:12;pointer-events:auto;width:min(280px,42vw);max-height:min(48vh,420px);display:flex;flex-direction:column;background:#0c121ceb;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0006;overflow:hidden}.battle-log.collapsed{max-height:none}.battle-log-toggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.45rem .65rem;border:none;background:transparent;color:var(--chrome-bright);font:inherit;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.battle-log-count{min-width:1.4rem;padding:.1rem .35rem;border-radius:999px;background:#ffffff14;text-align:center;font-variant-numeric:tabular-nums}.battle-log-body{overflow:auto;padding:0 .55rem .55rem;min-height:0}.battle-log-empty{margin:.25rem 0;color:var(--muted);font-size:.75rem}.battle-log-turn{margin-top:.35rem}.battle-log-turn-title{margin:0 0 .2rem;font-size:.68rem;color:var(--chrome);letter-spacing:.06em;text-transform:uppercase}.battle-log-lines{margin:0;padding-left:1rem;color:#d7e0ea;font-size:.72rem;line-height:1.35}.battle-log-lines li{margin:.12rem 0}.power-badge-buffed{box-shadow:0 0 0 1px #f0c14b,0 2px 6px #00000059;color:#ffe082}.status-chips{position:absolute;left:3px;bottom:1.55rem;display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 6px);pointer-events:none;z-index:2}.status-chip{display:inline-block;padding:1px 4px;border-radius:3px;background:#000000b8;border:1px solid rgba(255,200,80,.45);color:#ffe0a0;font-size:.5rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-chip-stun,.status-chip-stunned{border-color:#ff7850b3;color:#ffb38a}.status-chip-unrestable{border-color:#78b4ffb3;color:#a8d0ff}.status-chip-nullified{border-color:#c88cffb3;color:#d7b3ff}.status-chip-rested{border-color:#b4b4b48c;color:#c8c8c8}.status-chip-summoning-sick{border-color:#ffdc648c;color:#ffe9a0}.status-chip-rush{border-color:#ff6464b3;color:#ffb0b0}.mulligan-banner{margin:.5rem .75rem 0;padding:.65rem .85rem;border:1px solid rgba(201,162,39,.45);border-radius:8px;background:linear-gradient(180deg,#c9a22729,#141c18e6);color:var(--ink);font-size:.82rem;line-height:1.35}.mulligan-banner strong,.intent-bar-mulligan h2{color:var(--chrome-bright)}.intent-btn-keep{background:linear-gradient(180deg,#3f7a54,var(--ok))!important}.intent-btn-mulligan{background:linear-gradient(180deg,#8a6238,#c48a4a)!important;border-color:#e0b07055!important}.card-tile.has-actions{box-shadow:0 0 0 2px #c9a2278c}.hand-rail-head{display:flex;align-items:center;gap:.5rem}.hand-rail-head .hand-rail-title{flex:1}.hand-rail-actions{margin-left:auto;display:flex;align-items:center;gap:.35rem;flex-shrink:0}.hand-rail-btn{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-height:28px}.hand-rail-btn:hover{color:var(--ink);border-color:var(--chrome)}.hand-rail-btn.active{color:var(--ink);border-color:var(--gold);background:#c9a2271f}.hand-rail.collapsed{padding-bottom:.35rem}.hand-rail.collapsed .hand-row{display:none}.ability-prompt{position:absolute;left:50%;bottom:7.5rem;transform:translate(-50%);z-index:25;width:min(420px,calc(100vw - 1.5rem));background:#0c121cf5;border:1px solid var(--chrome);border-radius:12px;padding:.75rem .85rem;box-shadow:0 12px 32px #00000080}.ability-prompt h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.06em;color:var(--chrome-bright)}.ability-prompt p{margin:0 0 .55rem;font-size:.75rem;color:var(--ink);line-height:1.35}.ability-prompt-section{margin:.45rem 0}.ability-prompt-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.25rem}.ability-prompt-row{display:flex;flex-wrap:wrap;gap:.35rem}.ability-chip{border:1px solid var(--line);background:var(--arena-mid);color:var(--ink);border-radius:6px;padding:.35rem .5rem;font-size:.7rem;cursor:pointer}.ability-chip.selected{border-color:var(--chrome);box-shadow:0 0 0 1px var(--chrome)}.ability-prompt-actions{display:flex;gap:.5rem;margin-top:.55rem}.ability-prompt-waiting{border-style:dashed;opacity:.95}.ability-prompt-waiting .meta{margin:.25rem 0 0;font-size:.7rem;color:var(--muted)}.effect-order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.effect-order-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.45rem .5rem;border:1px solid var(--line);border-radius:8px;background:var(--arena-mid)}.effect-order-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:.72rem;color:var(--ink)}.effect-order-text strong{font-size:.78rem;color:var(--chrome-bright)}.effect-order-move{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.effect-order-move .ability-chip:disabled{opacity:.35;cursor:not-allowed}