:root{--arena-deep: #0b1720;--arena-mid: #11212d;--arena-panel: #172a38;--arena-raised: #1d3344;--chrome: #d2a54d;--chrome-bright: #f0dca8;--chrome-dim: #8c7342;--ink: #f1e9d6;--muted: #95a4ad;--ok: #3f8a5f;--danger: #b2372f;--crimson-bright: #d24a3f;--warn: #c9822f;--sea: #2f6f86;--line: rgba(210, 165, 77, .24);--line-strong: rgba(210, 165, 77, .5);--focus: 0 0 0 2px var(--arena-deep), 0 0 0 4px var(--chrome-bright);--radius: 10px;--vignette: radial-gradient(ellipse at center, transparent 40%, #050b10bb 100%);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Sora", system-ui, sans-serif;color-scheme:dark}*,*: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(1000px 560px at 50% -12%,#1f4a5c55,transparent 62%),radial-gradient(640px 380px at 100% 100%,#4a321444,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='24' viewBox='0 0 120 24'%3E%3Cpath d='M0 12c15 0 15-8 30-8s15 8 30 8 15-8 30-8 15 8 30 8' fill='none' stroke='%23d2a54d' stroke-opacity='0.035' stroke-width='1.2'/%3E%3C/svg%3E"),var(--arena-deep)}body,#root{overflow-x:clip}body,#root{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%}}.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)}:root{--card-back-art: url(/cards/card-back.webp);--don-back-art: url(/cards/don-back.webp)}.card-back,.zone-pile-deck .zone-pile-face,.zone-pile-life .zone-pile-face{background-color:#1a2838;background-image:var(--card-back-art),linear-gradient(145deg,#243447,#15202c);background-size:cover,auto;background-position:center;background-repeat:no-repeat}.zone-pile-don .zone-pile-face,.zone-pile-don .zone-pile-face.top{background-color:#e9ece8;background-image:var(--don-back-art),linear-gradient(145deg,#f2f4f1,#cfd8d3);background-size:cover,auto;background-position:center;background-repeat:no-repeat;border-color:#2f7f6f}.card-back-settings{display:flex;gap:1rem;align-items:flex-start;min-width:0}.card-back-settings-body{min-width:0;flex:1}.card-back-preview{width:112px;aspect-ratio:63 / 88;flex-shrink:0;border-radius:7px;border:1px solid var(--line);box-shadow:0 4px 12px #00000059;background-color:#1a2838;background-size:cover;background-position:center}@media(max-width:420px){.card-back-preview{width:84px}}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}.zone-pile-slot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;border:1px dashed rgba(240,220,168,.24);background:#00000029}.zone-pile-don .zone-pile-slot{border-color:#8fbf5559}.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}.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}.modal-card.match-result{text-align:center;gap:.5rem}.modal-card .match-result-kicker{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.match-result-win h2{color:var(--chrome-bright)}.match-result-loss h2{color:var(--crimson-bright)}.modal-card .match-result-detail{color:var(--ink);font-size:.95rem;margin-bottom:.35rem}.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:0;list-style:none;color:#d7e0ea;font-size:.72rem;line-height:1.35}.battle-log-lines li{margin:.12rem 0}.log-line{--log-accent: var(--muted);display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:baseline;column-gap:.25rem;min-width:0}.log-icon{color:var(--log-accent);text-align:center;font-size:.7rem;line-height:1}.log-text{min-width:0;overflow-wrap:anywhere}.log-routine,.log-miss{color:var(--muted);font-size:.68rem}.log-phase{color:var(--chrome);font-size:.66rem;letter-spacing:.03em}.log-play{--log-accent: #8fc6e0}.log-attack{--log-accent: #f2a65a}.log-block{--log-accent: #9fb6c9}.log-hit{--log-accent: #f2a65a}.log-counter{--log-accent: #6fc6a0}.log-ko{--log-accent: var(--crimson-bright)}.log-damage{--log-accent: #ff7a6e}.log-search{--log-accent: #7fd1ff}.log-trash{--log-accent: #c79cff}.log-effect{--log-accent: var(--chrome-bright)}.log-trigger{--log-accent: #ffd65a}.log-reveal{--log-accent: #7fd1ff}.log-win{--log-accent: var(--chrome-bright)}.log-important{margin:.2rem 0;padding:.1rem .25rem .1rem 0;border-radius:4px;background:color-mix(in srgb,var(--log-accent) 12%,transparent);box-shadow:inset 2px 0 0 var(--log-accent);color:#f4f7fa}.log-important .log-card{font-weight:700;color:color-mix(in srgb,var(--log-accent) 55%,#ffffff)}.log-win{font-weight:700;color:var(--chrome-bright)}.log-card{display:inline;padding:0;margin:0;border:none;background:none;font:inherit;font-weight:600;color:#cfe3f1;text-align:inherit;text-decoration:underline dotted rgba(207,227,241,.45);text-underline-offset:2px;cursor:pointer;overflow-wrap:anywhere}@media(pointer:coarse){.log-card{padding-block:.2rem}}.log-card:hover,.log-card:focus-visible{color:var(--chrome-bright);text-decoration-color:currentColor;outline:none}.log-card:focus-visible{box-shadow:var(--focus);border-radius:2px}.power-badge-buffed{box-shadow:0 0 0 1px #f0c14b,0 2px 6px #00000059}.card-overlays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.card-stat-stack{position:absolute;top:.25rem;right:.25rem;display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:calc(100% - .5rem)}.card-stat-stack .don-badge{position:static;white-space:nowrap}.card-stat-stack .power-badge{position:static;display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;max-width:100%}.power-mod{font-size:.92em}.power-mod-up{color:#7fe08a}.power-mod-down{color:#ff8a80}.card-stat-stack .counter-badge{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;column-gap:1px;color:#a8d8ff;border-color:#78b4ff8c}.counter-part{white-space:nowrap}.card-stat-stack .counter-badge-effect{font-size:.5rem;letter-spacing:.04em;text-transform:uppercase}.side-field .card-tile{transition:transform .18s ease}.card-tile.rested{transform:rotate(90deg) scale(.714)}.card-tile.rested:after{display:none}.card-tile.rested .card-overlays{inset:auto;left:50%;top:50%;width:100%;height:51%;transform:translate(-50%,-50%) rotate(-90deg) scale(1.4)}.card-tile.rested .status-chips{bottom:3px}@media(prefers-reduced-motion:reduce){.side-field .card-tile{transition:none}}.live-status{display:flex;flex-direction:column;gap:.35rem}.live-status-power{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:.8rem}.live-status-power-label{color:var(--chrome);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.live-status-power-value{font-size:1rem;color:var(--chrome-bright)}.live-status-power-detail{opacity:.85;font-size:.74rem}.live-status-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}.live-status-chip{padding:1px 6px;border-radius:3px;background:#00000073;border:1px solid rgba(255,200,80,.45);color:#ffe0a0;font-size:.66rem;font-weight:700;letter-spacing:.03em}.live-status-chip-don{border-color:#8cc85099;color:#e8ffc8}.live-status-none{margin:0;font-size:.72rem;opacity:.7}.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)}.search-option-row .ability-chip:disabled{opacity:.52;cursor:not-allowed}.search-order-list{display:grid;gap:.38rem;margin:0;padding-left:1.4rem}.search-order-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.search-order-actions{display:inline-flex;gap:.3rem}.search-order-actions button{min-width:2rem;min-height:2rem;border:1px solid var(--line);border-radius:.45rem;background:var(--arena-mid);color:inherit}@media(max-width:640px){.ability-prompt{position:fixed;left:.5rem;right:.5rem;bottom:6.75rem;width:auto;max-height:calc(100dvh - 8rem);overflow-y:auto;transform:none}}.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}.choice-prompt{width:min(560px,calc(100vw - 1.5rem));max-height:min(640px,calc(100dvh - 12rem));background:#0c121c;overflow-y:auto;overscroll-behavior:contain}.choice-intro{display:flex;gap:.6rem;align-items:flex-start;min-width:0}.choice-intro p{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem;margin:.35rem 0}.choice-option{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0}.choice-option .card-tile{cursor:pointer}.choice-option.selected .card-tile{border-color:var(--chrome);box-shadow:0 0 0 2px var(--chrome)}.choice-option.disabled .card-tile{opacity:.45;cursor:not-allowed}.choice-don-card{display:grid;place-items:center;width:64px;height:64px;padding:0;border:1px solid var(--line);border-radius:8px;background:#0003;cursor:pointer}.choice-don-card img{width:42px;height:59px;border-radius:4px;object-fit:cover;transition:transform .14s ease}.choice-don-card.rested img{transform:rotate(90deg);filter:brightness(.8)}.choice-don.selected .choice-don-card{border-color:var(--chrome);box-shadow:0 0 0 2px var(--chrome)}.choice-don-card:focus-visible{outline:none;box-shadow:var(--focus)}.choice-don .choice-option-caption{max-width:88px}.choice-option-caption{font-size:.6rem;line-height:1.2;color:var(--muted);text-align:center;min-height:1.5em}.choice-badge{display:inline-block;margin-right:.2rem;padding:0 .3rem;border-radius:4px;background:var(--chrome);color:#0b1018;font-weight:700}.choice-chip{min-height:2.5rem}.choice-rest-note{font-size:.7rem;color:var(--muted)}.choice-order-name{font-size:.75rem;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-place-seg{display:inline-flex;flex:none}.choice-place{min-width:3.6rem!important;font-size:.7rem}.choice-place-seg .choice-place:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.choice-place-seg .choice-place:last-child{margin-left:-1px;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.choice-place[aria-pressed=true]{position:relative;border-color:var(--chrome)!important;background:#d2a54d38!important;color:var(--chrome-bright)!important;font-weight:700}.deck-preview strong{color:var(--chrome-bright)}.choice-modes{flex-direction:column}.choice-mode{text-align:left;white-space:normal}@media(max-width:640px){.choice-prompt{width:auto;max-height:calc(100dvh - 8rem)}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.side-field{border-color:var(--line);border-radius:14px;background:radial-gradient(120% 90% at 50% 0%,rgba(47,111,134,.12),transparent 60%),linear-gradient(180deg,rgba(240,220,168,.025),transparent 40%),var(--arena-mid)}.side-field.mirrored{background:radial-gradient(120% 90% at 50% 100%,rgba(120,60,40,.1),transparent 60%),linear-gradient(0deg,rgba(240,220,168,.02),transparent 40%),#0f1c26}.zone-caption,.don-strip-label{color:var(--chrome);opacity:.8}.zone-slot{border-color:#d2a54d33;background:#00000029}.don-strip{--don-w: clamp(30px, 4.6vw, 70px);border-color:var(--line);border-radius:10px;padding:.4rem .55rem .5rem;background:#0003}.don-strip-rail{container-type:inline-size;flex-wrap:nowrap;gap:0;min-height:calc(var(--don-w) * 1.4 + 4px);padding:2px 0}.don-chip,.don-chip.rested{width:var(--don-w);height:calc(var(--don-w) * 1.4);border-radius:calc(var(--don-w) * .07);border-color:#f0dca88c}.don-chip.rested{margin:0 calc(var(--don-w) * .2);border-color:#95a4ad73}.don-chip-btn+.don-chip-btn{margin-left:min(calc((100cqw - var(--don-units, 1) * var(--don-w)) / max(var(--don-count, 1) - 1,1)),6px)}.don-chip-btn{position:relative;transition:transform .14s ease}.don-chip-btn.is-draggable:hover,.don-chip-btn.is-selected{z-index:1;transform:translateY(-4px)}.don-strip-nums{font-variant-numeric:tabular-nums}.hud-bar{background:linear-gradient(180deg,rgba(210,165,77,.1),transparent 70%),var(--arena-panel)}.hud-brand,.hand-rail-title{font-weight:700;letter-spacing:.04em}.hand-rail{background:linear-gradient(0deg,rgba(210,165,77,.07),transparent 55%),var(--arena-panel)}.intent-bar{background:#081118eb}.intent-btn{background:var(--arena-raised);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;transition:border-color .14s ease,background-color .14s ease,filter .14s ease}.intent-btn:not(:disabled):hover{background:#244056;border-color:var(--chrome)}.intent-btn:focus-visible{outline:none;box-shadow:var(--focus)}.intent-btn-end{color:#1d1406;background:linear-gradient(180deg,#e6bd62,#c7963d);border-color:#ffecbe73}.intent-btn-end:not(:disabled):hover{background:linear-gradient(180deg,#e6bd62,#c7963d);filter:brightness(1.06)}.leave-btn,.hud-pass-btn,.hand-rail-btn{border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.1rem;border-radius:var(--radius);border:1px solid transparent;color:var(--ink);font-weight:700;font-size:.9rem;letter-spacing:.01em;line-height:1.1;min-height:44px;text-decoration:none;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease,filter .14s ease}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn:not(:disabled):active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#1d1406;background:linear-gradient(180deg,#e6bd62,#c7963d);border-color:#ffecbe73;box-shadow:inset 0 1px #fffae673,0 4px 14px #00000047}.btn-primary:not(:disabled):hover{filter:brightness(1.06);box-shadow:inset 0 1px #fffae680,0 6px 18px #d2a54d38}.btn-secondary{background:var(--arena-raised);border-color:var(--line);box-shadow:inset 0 1px #ffffff0a}.btn-secondary:not(:disabled):hover{border-color:var(--line-strong);background:#223b4e}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:not(:disabled):hover{color:var(--ink);background:#ffffff0d}.btn-danger{background:linear-gradient(180deg,#c2443a,var(--danger));border-color:#ffb4aa4d;color:#fff6f2}.btn-danger:not(:disabled):hover{filter:brightness(1.08)}.btn-sm{min-height:36px;padding:.45rem .8rem;font-size:.8rem;border-radius:8px}.btn-lg{min-height:52px;padding:.85rem 1.4rem;font-size:1rem}.btn.choice-mode{justify-content:flex-start}.btn-play{min-height:64px;padding:.9rem 2rem;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.06em;color:#1d1406;background:radial-gradient(120% 140% at 50% -20%,rgba(255,246,214,.55),transparent 55%),linear-gradient(180deg,#e8c068,#bf8d35);border:1px solid rgba(255,236,190,.55);border-radius:14px;box-shadow:inset 0 1px #fffae680,inset 0 -2px #5a3c0a59,0 10px 30px #00000059,0 0 0 4px #d2a54d14}.btn-play:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #fffae68c,inset 0 -2px #5a3c0a59,0 14px 34px #0006,0 0 0 5px #d2a54d24}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 auto;padding:0;border-radius:10px;border:1px solid var(--line);background:var(--arena-panel);color:var(--chrome-bright);font:inherit;font-size:1rem;text-decoration:none;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.icon-btn:hover:not(:disabled){border-color:var(--line-strong);background:var(--arena-raised)}.icon-btn:focus-visible{outline:none;box-shadow:var(--focus)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-spacer{width:40px;height:40px;flex:0 0 auto}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem}.topbar{width:100%;border-bottom:1px solid var(--line);background:#0b1720b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:50}.topbar-inner{max-width:1100px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.topbar-mark{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;color:var(--chrome-bright);font-size:1rem;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:.5rem;min-width:0}.account-chip{display:inline-flex;align-items:center;gap:.45rem;min-width:0;max-width:16rem;height:40px;padding:0 .8rem;border-radius:999px;border:1px solid var(--line);background:var(--arena-panel);color:var(--ink);font-size:.8rem;font-weight:600;text-decoration:none}.account-chip:hover{border-color:var(--line-strong)}.account-chip:focus-visible{outline:none;box-shadow:var(--focus)}.account-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 auto}.account-dot[data-mode=google]{background:#6cc08b}.account-dot[data-mode=dev]{background:var(--warn)}.account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-rating{font-variant-numeric:tabular-nums;color:var(--chrome-bright);padding-left:.45rem;border-left:1px solid var(--line)}.page{width:100%;max-width:920px;margin:0 auto;padding:1.25rem 1rem 2rem;display:flex;flex-direction:column;gap:1rem}.page-narrow{max-width:600px}.page-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.page-title{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2rem);color:var(--chrome-bright);letter-spacing:.02em}.panel{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(240,220,168,.035),transparent 40%),var(--arena-panel);box-shadow:0 10px 28px #00000038;min-width:0}.panel-quiet{background:transparent;box-shadow:none}.panel-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--chrome)}.panel-copy{margin:0;color:var(--ink);font-size:.88rem;line-height:1.5}.panel-copy code{font-size:.8rem;color:var(--chrome-bright)}.field,.field-group{display:flex;flex-direction:column;gap:.35rem;min-width:0}.field label{color:var(--muted);font-size:.75rem;font-weight:600}.field input,.field select{width:100%;min-height:44px;background:var(--arena-mid);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:.6rem .75rem;font:inherit;font-size:.9rem}.field input:focus-visible,.field select:focus-visible{outline:none;border-color:var(--chrome);box-shadow:0 0 0 3px #d2a54d33}.field-inline{display:flex;gap:.5rem;align-items:center;min-width:0}.field-inline input{flex:1 1 auto;min-width:0}.field-hint{margin:0;color:var(--muted);font-size:.75rem;line-height:1.4;overflow-wrap:anywhere}.switch{display:inline-flex;align-items:center;gap:.55rem;font-size:.85rem;color:var(--ink);cursor:pointer}.switch input{width:1.05rem;height:1.05rem;accent-color:var(--chrome)}.notice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--arena-panel);width:100%}.notice-gold{border-color:var(--line-strong);background:linear-gradient(90deg,rgba(210,165,77,.12),transparent 70%),var(--arena-panel)}.notice-body{display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:.82rem;color:var(--muted)}.notice-body strong{color:var(--ink);font-size:.9rem}.notice-actions{display:flex;gap:.4rem}.home{flex:1;width:100%;max-width:440px;margin:0 auto;padding:clamp(2rem,9vh,5rem) 1rem 2rem;display:flex;flex-direction:column;align-items:stretch;gap:1.25rem}.home-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:.5rem}.home-kicker{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--chrome)}.home-brand{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,11vw,3.6rem);line-height:1;letter-spacing:.01em;color:var(--chrome-bright);text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 32px rgba(210,165,77,.18)}.home-rule{position:relative;width:min(240px,70%);height:1px;margin-top:.75rem;background:linear-gradient(90deg,transparent,var(--chrome),transparent)}.home-rule span{position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--chrome);background:var(--arena-deep)}.home-actions{display:flex;flex-direction:column;gap:.65rem}.deck-switcher{position:relative}.home-deck{display:flex;align-items:center;gap:.75rem;width:100%;padding:.55rem .8rem .55rem .55rem;border:1px solid var(--line);border-radius:12px;background:#172a3899;color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.home-deck:hover,.home-deck.open{border-color:var(--line-strong);background:var(--arena-panel)}.home-deck:focus-visible{outline:none;box-shadow:var(--focus)}.home-deck-art,.deck-menu-art{flex:0 0 auto;width:38px;height:53px;border-radius:4px;border:1px solid var(--line-strong);object-fit:cover;object-position:center top;background:var(--arena-mid)}.home-deck-text,.deck-menu-text{display:flex;flex-direction:column;gap:.05rem;min-width:0;flex:1 1 auto}.home-deck-label{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome)}.home-deck-name,.deck-menu-name{font-size:.95rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-deck-leader,.deck-menu-sub{font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-deck-chevron{flex:0 0 auto;color:var(--chrome-bright);transition:transform .14s ease}.home-deck.open .home-deck-chevron{transform:rotate(180deg)}.deck-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:12px;background:var(--arena-panel);box-shadow:0 18px 44px #00000080;overflow:hidden;animation:sheet-in .14s ease-out}.deck-menu-list{list-style:none;margin:0;padding:.3rem;max-height:min(50dvh,340px);overflow-y:auto;overscroll-behavior:contain}.deck-menu-row{display:flex;align-items:center;gap:.25rem;border-radius:9px}.deck-menu-row:hover,.deck-menu-row.active{background:#ffffff0a}.deck-menu-pick{display:flex;align-items:center;gap:.65rem;flex:1 1 auto;min-width:0;padding:.4rem;border:none;border-radius:9px;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer}.deck-menu-pick:focus-visible,.deck-menu-edit:focus-visible{outline:none;box-shadow:var(--focus)}.deck-menu-art{width:32px;height:45px}.deck-menu-name{font-size:.88rem}.deck-menu-check{flex:0 0 1rem;color:var(--chrome-bright);font-weight:700;text-align:center}.deck-menu-edit{flex:0 0 auto;min-height:34px;padding:0 .7rem;margin-right:.25rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.deck-menu-edit:hover{color:var(--chrome-bright);border-color:var(--line)}.deck-menu-foot{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;border-top:1px solid var(--line);background:#0000001f}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:#040a0eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .14s ease-out}.sheet{width:100%;max-width:520px;max-height:min(88dvh,720px);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:1rem;padding:.9rem 1rem 1.1rem;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(180deg,rgba(240,220,168,.05),transparent 35%),var(--arena-panel);box-shadow:0 24px 60px #00000080;animation:sheet-in .18s ease-out}.sheet-head{display:flex;align-items:center;gap:.5rem}.sheet-title{flex:1;margin:0;text-align:center;font-family:var(--font-display);font-size:1.4rem;color:var(--chrome-bright)}.sheet-body{display:flex;flex-direction:column;gap:.9rem}.sheet-confirm{width:100%;margin-top:.25rem}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;min-height:128px;padding:.9rem .9rem 1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,rgba(47,111,134,.16),transparent 60%),var(--arena-mid);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,transform .14s ease}.mode-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.mode-card:focus-visible{outline:none;box-shadow:var(--focus)}.mode-glyph{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);color:var(--chrome-bright);font-family:Segoe UI Symbol,"Noto Sans Symbols 2",system-ui,sans-serif;font-size:1.05rem;font-variant-emoji:text;margin-bottom:.25rem}.mode-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--chrome-bright)}.mode-blurb{font-size:.78rem;line-height:1.4;color:var(--muted)}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;border:1px solid var(--line);background:var(--arena-mid)}.segmented button{min-height:38px;border:none;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}.segmented button.active{background:var(--arena-raised);color:var(--chrome-bright);box-shadow:inset 0 0 0 1px var(--line-strong)}.segmented button:focus-visible{outline:none;box-shadow:var(--focus)}.deck-picker{display:flex;align-items:center;gap:.6rem;min-width:0}.deck-picker select{flex:1 1 auto;min-width:0}.deck-picker-art{width:36px;height:50px;flex:0 0 auto;border-radius:4px;border:1px solid var(--line-strong);object-fit:cover;object-position:center top;background:var(--arena-mid)}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media(max-width:480px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{max-width:none;border-radius:18px 18px 0 0;padding-bottom:max(1.1rem,env(safe-area-inset-bottom))}.mode-card{min-height:116px;padding:.75rem}.topbar-mark{display:none}.topbar-inner{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.playmat-preview{width:100%;aspect-ratio:12 / 7;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:.8rem;background:radial-gradient(90% 120% at 50% 50%,rgba(47,111,134,.18),transparent 70%),linear-gradient(180deg,#12303d,#0e2230);background-size:cover;background-position:center;box-shadow:inset 0 0 40px #00000059}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}label.btn{position:relative}label.btn:focus-within{box-shadow:var(--focus)}label.btn.is-busy{opacity:.6;cursor:progress}.field input.range{min-height:0;padding:0;border:none;background:transparent;accent-color:var(--chrome)}.arena .arena-body{flex:1;min-height:0;display:flex;flex-direction:column}.arena .card-preview{display:none}.arena .arena-rail{display:contents}.arena .playmat{--mat-gap: 8px;--hint-h: 1.35rem;flex:1;min-height:0;overflow:hidden;padding:6px 8px;container-type:size}.arena .playmat-inner{position:relative;height:100%;max-width:none;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mat-gap)}.arena .opp-hand-hint{flex:0 0 auto;height:var(--hint-h);min-height:0;gap:.5rem}.arena .opp-hand-hint .card-back{width:13px;height:18px;border-radius:2px}.arena .midline{position:absolute;left:50%;top:calc(50% + var(--hint-h) / 2);transform:translate(-50%,-50%);z-index:6;min-height:0;width:max-content;max-width:92%;pointer-events:none}.arena .midline .prompt{pointer-events:auto;width:auto;max-width:100%;text-align:center;border-color:var(--line-strong);background:#0b1720f0}.arena .midline-ornament{display:none}.arena .side-field{--mat-h: min( calc((100cqh - var(--hint-h) - 2 * var(--mat-gap)) / 2), calc(100cqw * 7 / 12) );flex:0 0 auto;width:calc(var(--mat-h) * 12 / 7);height:var(--mat-h);padding:0;position:relative;overflow:hidden;container-type:size;border:1px solid var(--line);border-radius:calc(var(--mat-h) * .035);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 60px #00000059,0 10px 30px #0000004d;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23d2a54d' stroke-opacity='0.09' stroke-width='1'%3E%3Ccircle cx='100' cy='100' r='70'/%3E%3Ccircle cx='100' cy='100' r='56'/%3E%3Cpath d='M100 10 L112 100 L100 190 L88 100 Z M10 100 L100 88 L190 100 L100 112 Z'/%3E%3Cpath d='M45 45 L104 96 L155 155 L96 104 Z M155 45 L104 104 L45 155 L96 96 Z' stroke-opacity='0.06'/%3E%3C/g%3E%3C/svg%3E") center / 46cqh no-repeat,radial-gradient(90% 120% at 50% 50%,rgba(47,111,134,.16),transparent 70%),linear-gradient(180deg,#12303d,#0e2230)}.arena .side-field.mirrored{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23d2a54d' stroke-opacity='0.07' stroke-width='1'%3E%3Ccircle cx='100' cy='100' r='70'/%3E%3Ccircle cx='100' cy='100' r='56'/%3E%3Cpath d='M100 10 L112 100 L100 190 L88 100 Z M10 100 L100 88 L190 100 L100 112 Z'/%3E%3C/g%3E%3C/svg%3E") center / 46cqh no-repeat,radial-gradient(90% 120% at 50% 50%,rgba(120,64,44,.14),transparent 70%),linear-gradient(0deg,#1a2530,#121c25)}.arena .side-field.has-mat-art{background:linear-gradient(rgba(5,10,14,var(--mat-dim, .35)),rgba(5,10,14,var(--mat-dim, .35))),var(--mat-art) center / cover no-repeat,#0e2230}@property --c{syntax: "<length>"; inherits: true; initial-value: 64px;}@property --g{syntax: "<length>"; inherits: true; initial-value: 6px;}.arena .side-field.mirrored.has-mat-art{background:#0e2230}.arena .side-field.mirrored.has-mat-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(5,10,14,var(--mat-dim, .35)),rgba(5,10,14,var(--mat-dim, .35))),var(--mat-art) center / cover no-repeat;transform:rotate(180deg)}.arena .side-field.mirrored.has-mat-art .side-grid{position:relative;z-index:1}.arena .mat-order{position:absolute;z-index:2;top:.7cqw;left:2.4cqw;padding:.1em .55em;border-radius:999px;font-size:clamp(.5rem,1.7cqw,.78rem);font-weight:800;letter-spacing:.06em;line-height:1.3;pointer-events:none;color:var(--ink);background:#0b1720d9;border:1px solid var(--line-strong)}.arena .side-opp .mat-order{top:auto;left:auto;bottom:.7cqw;right:2.4cqw}.arena .mat-order-first{color:#1d1406;background:linear-gradient(180deg,#e6bd62,#c7963d);border-color:#ffecbe80}.arena .side-grid{--c: 12.6cqw;--g: 1.1cqw;height:100%;padding:2.4cqw;display:grid;grid-template-columns:repeat(7,var(--c));grid-template-rows:calc(var(--c) * 1.4) calc(var(--c) * 1.4) minmax(0,1fr);grid-template-areas:"life characters characters characters characters characters ." "life . . leader stage . deck" "dondeck cost cost cost cost cost trash";gap:var(--g);justify-content:center;align-content:center;align-items:center;justify-items:center}.arena .side-opp .side-grid{grid-template-rows:minmax(0,1fr) calc(var(--c) * 1.4) calc(var(--c) * 1.4);grid-template-areas:"trash cost cost cost cost cost dondeck" "deck . stage leader . . life" ". characters characters characters characters characters life"}.arena .side-field .zone-caption{display:none}.arena .zone-characters,.arena .zone-cost{width:100%;height:100%;min-width:0}.arena .zone-characters{display:flex;align-items:center}.arena .zone-characters.drop-highlight-zone,.arena .zone-stage.drop-highlight-zone{border-radius:calc(var(--c) * .08)}.arena .side-field .characters-row{display:grid;grid-template-columns:repeat(5,var(--c));grid-auto-flow:row;gap:var(--g);min-height:0;width:auto;overflow:visible}.arena .side-field .card-tile,.arena .side-field .zone-slot,.arena .side-field .characters-row .card-tile,.arena .side-field .characters-row .zone-slot,.arena .side-field .zone-leader .card-tile{width:var(--c);height:calc(var(--c) * 1.4);min-width:0;max-width:none;aspect-ratio:auto;margin:0;border-radius:calc(var(--c) * .07)}.arena .side-field .card-tile{border-width:max(1px,calc(var(--c) * .022))}.arena .side-field .zone-slot{border:1px dashed rgba(240,220,168,.18);background:#00000024;font-size:calc(var(--c) * .12)}.arena .side-field .card-caption{padding:calc(var(--c) * .025) calc(var(--c) * .04)}.arena .side-field .card-caption .name{font-size:clamp(.5rem,calc(var(--c) * .12),.74rem);-webkit-line-clamp:1}.arena .side-field .card-caption .meta{font-size:clamp(.45rem,calc(var(--c) * .1),.64rem)}.arena .side-field .power-badge,.arena .side-field .don-badge{font-size:clamp(.48rem,calc(var(--c) * .1),.7rem)}.arena .side-field .zone-pile{width:var(--c);gap:calc(var(--c) * .04)}.arena .side-field .zone-pile-stack{width:calc(var(--c) * .74);height:calc(var(--c) * 1.02)}.arena .side-field .zone-pile-label{font-size:clamp(.45rem,calc(var(--c) * .1),.66rem)}.arena .side-field .zone-pile-count{font-size:clamp(.7rem,calc(var(--c) * .17),1.15rem)}.arena .side-field .zone-life{display:flex;flex-direction:column;align-items:center;gap:var(--g)}.arena .side-field .zone-pile-life .zone-pile-stack{width:var(--c);min-height:calc(var(--c) / 1.4);height:auto}.arena .side-field .zone-pile-life .zone-pile-face{position:relative;width:var(--c);height:calc(var(--c) / 1.4);margin-top:calc(var(--c) * -.46);overflow:hidden;border-radius:calc(var(--c) * .06);border-color:#f0dca859;background:#15202c;box-shadow:0 2px 6px #0006}.arena .side-field .zone-pile-life .zone-pile-face:before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--c) / 1.4);height:var(--c);transform:translate(-50%,-50%) rotate(90deg);background-color:#1a2838;background-image:var(--card-back-art),linear-gradient(145deg,#243447,#15202c);background-size:cover,auto;background-position:center;background-repeat:no-repeat}.arena .side-field .zone-pile-life .zone-pile-face:first-child{margin-top:0}.arena .side-field .zone-pile-life .zone-pile-stack:empty:before{width:var(--c);height:calc(var(--c) / 1.4);border-radius:calc(var(--c) * .06)}.arena .side-field .zone-don-deck{display:flex;justify-content:center}.arena .side-field .zone-don-deck .zone-pile-stack,.arena .side-field .zone-trash .zone-pile-stack{width:calc(var(--c) * .64);height:calc(var(--c) * .88)}.arena .side-field .don-strip{--don-w: calc(var(--c) * .7);height:100%;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--c) * .05) calc(var(--c) * .1);border-radius:calc(var(--c) * .08);background:#0000002e}.arena .side-field .don-strip-label{font-size:clamp(.45rem,calc(var(--c) * .1),.66rem);margin-bottom:calc(var(--c) * .04)}.arena .side-field .don-strip-rail{min-height:calc(var(--don-w) * 1.4 + 4px)}@media(min-width:721px)and (max-width:899px){.arena .hand-row-inner{padding-top:1.1rem}.arena .hand-row-inner .card-tile.full{width:90px;height:126px}}@media(min-width:900px)and (min-height:500px),(orientation:landscape)and (min-width:600px)and (max-height:499px){.arena{--left-w: clamp(190px, 18vw, 320px);--rail-w: clamp(250px, 22vw, 380px);--dock-cw: clamp(72px, min(6.4vw, 12.5vh), 150px);--dock-head: 2.2rem;--dock-peek: calc(var(--dock-head) + var(--dock-cw) * 1.4 * .42)}}@media(min-width:1500px)and (min-height:800px){.arena{--left-w: clamp(260px, 17vw, 400px);--rail-w: clamp(320px, 20vw, 460px)}}.arena.arena-wide .arena-body{display:grid;grid-template-columns:var(--left-w) minmax(0,1fr) var(--rail-w)}.arena.arena-wide .playmat{--hint-h: 0px}.arena.arena-wide .opp-hand-hint{display:none}.arena-left{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line);background:#0811188c}.arena.arena-wide .arena-left .card-preview{display:flex;flex-direction:column;gap:.6rem;flex:0 1 auto;max-height:62%;min-height:0;overflow-y:auto;padding:.8rem}.arena-left .card-preview-img,.arena-left .card-preview-placeholder{width:auto;max-width:100%;height:min(38dvh,calc((var(--left-w) - 1.6rem) * 1.4));align-self:center}.arena.arena-wide .arena-left .battle-log{position:static;flex:1 1 0;min-height:7rem;width:auto;max-width:none;max-height:none;border-radius:0;border-width:1px 0 0;box-shadow:none;background:transparent}.battle-log-heading{margin:0;cursor:default}.arena.arena-wide .arena-rail{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border-left:1px solid var(--line);background:var(--arena-panel)}.arena.arena-wide .arena-rail>*{flex:0 0 auto}.arena.arena-wide .arena-rail .intent-bar{max-height:34%;overflow-y:auto;border-top:1px solid var(--line);padding:.6rem .7rem .7rem}.arena.arena-wide .arena-rail .intent-row{flex-wrap:wrap;overflow-x:visible;padding-right:0}.arena.arena-wide .arena-rail .chat-panel,.arena.arena-wide .arena-rail .chat-panel.collapsed{position:static;width:auto;max-height:none;border-radius:0;border-width:1px 0 0;box-shadow:none;background:#08111899}.arena.arena-wide .arena-rail .chat-panel:not(.collapsed){flex:1 1 0;min-height:7rem}.rail-dock-spacer{flex:0 0 var(--dock-peek)!important;margin-top:auto}.opp-hand-fan{--fan-w: calc(var(--dock-cw) * .6);position:relative;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:0 .7rem .35rem;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(0,0,0,.3),transparent)}.opp-hand-fan-cards{display:flex;justify-content:center;width:100%;height:calc(var(--fan-w) * .95)}.opp-hand-fan .opp-fan-card{flex:0 0 auto;width:var(--fan-w);height:calc(var(--fan-w) * 1.4);margin-top:calc(var(--fan-w) * -.45);border-radius:4px;transform:rotate(calc(var(--i) * -4deg));transform-origin:50% 0;box-shadow:0 4px 10px #00000073}.opp-hand-fan .opp-fan-card+.opp-fan-card{margin-left:min(.2rem,calc((100% - 1.5rem - var(--n) * var(--fan-w)) / max(var(--n) - 1,1)))}.opp-hand-fan-count{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.turn-panel{display:flex;flex-direction:column;gap:.45rem;padding:.65rem .7rem .7rem}.turn-banner{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.55rem .6rem .6rem;text-align:center;border:1px solid var(--line);border-radius:10px;background:#0811188c}.turn-banner-kicker{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}.turn-banner-clock{color:#c8e4f5}.turn-banner-title{font-family:var(--font-display);font-size:clamp(1.1rem,1.45vw,1.65rem);line-height:1.15;letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}.turn-banner-sub{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;color:var(--muted)}.turn-panel-mine .turn-banner{border-color:var(--chrome);background:linear-gradient(180deg,#d2a54d4d,#d2a54d14);animation:turn-banner-glow 2.2s ease-in-out infinite}.turn-panel-mine .turn-banner-title{color:var(--chrome-bright)}.turn-panel-theirs .turn-banner{border-color:#7fb6d699;background:linear-gradient(180deg,#508cb447,#508cb40f)}.turn-panel-theirs .turn-banner-title{color:#d6ecf8}.turn-panel-respond .turn-banner{border-color:var(--crimson-bright);background:linear-gradient(180deg,#b2372f59,#b2372f1a);animation:turn-banner-alert 1.2s ease-in-out infinite}.turn-panel-respond .turn-banner-title{color:#ffe0da}@keyframes turn-banner-glow{0%,to{box-shadow:0 0 #d2a54d00}50%{box-shadow:0 0 18px #d2a54d73}}@keyframes turn-banner-alert{0%,to{box-shadow:0 0 #d24a3f00}50%{box-shadow:0 0 18px #d24a3f8c}}.turn-player{padding:.4rem .5rem .45rem;border:1px solid transparent;border-radius:8px;background:#ffffff08}.turn-player-you.is-active{border-color:var(--line-strong);background:#d2a54d1a}.turn-player-opp.is-active{border-color:#7fb6d68c;background:#508cb41f}.turn-player-head{display:flex;align-items:center;gap:.4rem;min-width:0}.turn-player-dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:#ffffff2e}.turn-player-you.is-active .turn-player-dot{background:var(--chrome-bright);box-shadow:0 0 8px var(--chrome)}.turn-player-opp.is-active .turn-player-dot{background:#9cd3f0;box-shadow:0 0 8px #5aa6cf}.turn-player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;color:var(--ink)}.turn-order-badge{flex:none;padding:.08rem .5rem;border:1px solid rgba(120,180,220,.55);border-radius:999px;background:#508cb42e;color:#c8e4f5;font-size:.68rem;font-weight:800;letter-spacing:.05em}.turn-order-badge.first{color:#1d1406;background:linear-gradient(180deg,#e6bd62,#c7963d);border-color:#ffecbe80}.turn-player-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin:.35rem 0 0}.turn-player-stats>div{min-width:0;text-align:center}.turn-player-stats dt{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.turn-player-stats dd{margin:0;font-size:.86rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.hand-dock{--dock-gap: .5rem;--dock-card-h: calc(var(--dock-cw) * 1.4);position:fixed;right:0;bottom:0;z-index:16;width:var(--rail-w);max-width:calc(100vw - var(--left-w) - 1rem);display:flex;flex-direction:column;padding:0 .6rem .6rem;border:1px solid var(--line-strong);border-right:none;border-bottom:none;border-radius:14px 0 0;background:linear-gradient(180deg,#1d3344f7,#0b1720fa);box-shadow:0 -10px 30px #00000073;transform:translateY(calc(var(--dock-card-h) * .58 + .6rem));transition:transform .2s ease .14s,width .2s ease .14s}.hand-dock.is-open,.hand-dock:focus-within{width:max(var(--rail-w),calc(var(--n) * (var(--dock-cw) + var(--dock-gap)) + 1.2rem));transform:none;transition-delay:0s}@media(hover:hover){.hand-dock:hover{width:max(var(--rail-w),calc(var(--n) * (var(--dock-cw) + var(--dock-gap)) + 1.2rem));transform:none;transition-delay:0s}}.hand-dock.is-dragging,.hand-dock.is-dragging:hover{width:var(--rail-w);transform:translateY(calc(var(--dock-card-h) * .58 + .6rem))}.hand-dock-head{display:flex;align-items:center;gap:.5rem;height:var(--dock-head);min-width:0}.hand-dock-toggle{flex:1;display:flex;align-items:center;gap:.45rem;min-width:0;min-height:var(--dock-head);padding:0;border:none;background:none;color:var(--chrome-bright);font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.hand-dock-toggle:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}.hand-dock-caret{margin-left:auto;color:var(--chrome)}.hand-dock-cards{display:flex;align-items:flex-end;justify-content:center;height:var(--dock-card-h);min-width:0}.hand-dock .hand-dock-cards>*{flex:0 0 auto;width:var(--dock-cw);height:var(--dock-card-h);margin-block:0;transition:transform .14s ease}.hand-dock .hand-dock-cards>*+*{margin-left:min(var(--dock-gap),calc((100% - var(--n) * var(--dock-cw)) / var(--n1)))}.hand-dock .hand-dock-cards>.card-tile:hover,.hand-dock .hand-dock-cards>.card-tile:focus-within{z-index:2;transform:translateY(-10px)}.hand-dock .hand-dock-cards>.card-tile.selected{z-index:3;transform:translateY(-14px)}.arena .ability-prompt{position:fixed;z-index:45;max-height:calc(100dvh - 8rem);overflow-y:auto;overscroll-behavior:contain}.arena.arena-wide .ability-prompt{left:calc(var(--left-w) + (100vw - var(--left-w) - var(--rail-w)) / 2);bottom:1.25rem;width:min(460px,calc(100vw - var(--left-w) - var(--rail-w) - 1.5rem));max-height:calc(100dvh - 6.5rem)}@media(orientation:landscape)and (min-width:600px)and (max-height:499px){.arena{--left-w: clamp(140px, 20vw, 210px);--rail-w: clamp(190px, 26vw, 260px);--dock-cw: clamp(52px, 13vh, 70px);--dock-head: 1.8rem}.arena.arena-wide .arena-left .card-preview{display:none}.turn-panel{padding:.4rem .5rem;gap:.3rem}.turn-banner{padding:.3rem .4rem}.turn-banner-title{font-size:.95rem}.turn-player-stats{display:none}}.card-preview-img,.card-preview-placeholder{width:100%;aspect-ratio:5 / 7;border-radius:10px;object-fit:cover;box-shadow:0 10px 28px #00000073;flex:0 0 auto}.card-preview-placeholder{display:grid;place-items:center;border:1px dashed var(--line);background:#0000002e;color:var(--muted);font-size:.8rem;box-shadow:none}.card-preview-hint{margin:0;text-align:center;color:var(--muted);font-size:.8rem}.card-preview-meta{display:flex;flex-direction:column;gap:.35rem;min-width:0}.card-preview-name{margin:0;font-family:var(--font-display);font-size:1.15rem;line-height:1.2;color:var(--chrome-bright)}.card-preview-stats,.card-preview-traits{margin:0;font-size:.74rem;color:var(--muted)}.card-preview-traits{color:var(--chrome)}.card-preview-effect{margin:.2rem 0 0;font-size:.8rem;line-height:1.5;color:var(--ink);white-space:pre-wrap}@media(max-width:720px){.arena .midline .prompt{padding:.3rem .55rem;font-size:.66rem;line-height:1.3}}.hud-turn-chip.hud-order{border-color:#78b4dc8c;background:#508cb42e;color:#c8e4f5}.hud-turn-chip.hud-order.first{border-color:var(--chrome);background:#d2a54d38;color:var(--chrome-bright)}.chat-panel{position:absolute;top:3.75rem;left:.5rem;z-index:12;width:min(280px,46vw);max-height:min(48vh,420px);display:flex;flex-direction:column;background:#0c121cf0;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0006;overflow:hidden}.chat-panel.collapsed{width:auto;max-height:none}.chat-toggle{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:.45rem .65rem;border:none;background:transparent;color:var(--chrome-bright);font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.chat-toggle:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--chrome-bright)}.chat-count,.chat-unread{min-width:1.4rem;padding:.1rem .35rem;border-radius:999px;text-align:center;font-variant-numeric:tabular-nums}.chat-count:empty{display:none}.chat-count{background:#ffffff14}.chat-unread{background:var(--chrome);color:#1d1406}.chat-body{flex:1;min-height:3rem;overflow-y:auto;overscroll-behavior:contain;padding:0 .6rem .4rem}.chat-empty,.chat-readonly{margin:.25rem 0 .4rem;color:var(--muted);font-size:.74rem}.chat-readonly{padding:0 .6rem .5rem}.chat-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.chat-line{font-size:.78rem;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}.chat-who{margin-right:.4rem;font-weight:700;color:#9cc7e0}.chat-line.mine .chat-who{color:var(--chrome-bright)}.chat-form{display:flex;gap:.4rem;padding:.45rem;border-top:1px solid var(--line)}.chat-input{flex:1 1 auto;min-width:0;min-height:36px;padding:.4rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--arena-mid);color:var(--ink);font:inherit;font-size:.82rem}.chat-input:focus-visible{outline:none;border-color:var(--chrome);box-shadow:0 0 0 3px #d2a54d33}.chat-send{flex:0 0 auto;min-height:36px;padding:0 .8rem;border:1px solid rgba(255,236,190,.45);border-radius:8px;background:linear-gradient(180deg,#e6bd62,#c7963d);color:#1d1406;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.chat-send:disabled{opacity:.45;cursor:not-allowed}@media not ((min-width:900px)and (min-height:500px)){.arena .arena-body{position:relative}.arena .battle-log{top:4px}.arena .chat-panel{top:4px;left:6px}.arena .chat-panel.collapsed{border-radius:999px}}@media(min-width:1500px)and (min-height:800px){.hand-dock .card-tile .card-caption .name{font-size:clamp(.72rem,.55vw,.95rem)}.hand-dock .card-tile .card-caption .meta{font-size:clamp(.62rem,.45vw,.8rem)}}@media(max-width:720px){.arena .hud-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status actions";gap:.5rem;padding:.3rem .5rem;box-shadow:0 4px 12px #0000004d}.arena .hud-brand,.arena .hud-actions .match-id{display:none}.arena .hud-status{font-size:.66rem;gap:.2rem .35rem}.arena .hud-turn-chip{margin-left:0;padding:.1rem .35rem;font-size:.58rem}.arena .hud-actions .leave-btn,.arena .hud-actions .hud-pass-btn{padding:.3rem .55rem;font-size:.68rem;min-height:0}.arena .playmat{--mat-gap: 6px;padding:4px 4px 6px}.arena .arena-body{position:relative}.arena .opp-hand-hint{align-self:flex-start;justify-content:flex-start;padding-left:6px}.arena .battle-log{top:4px;right:6px;width:auto;max-width:calc(100% - 12px);border-radius:999px}.arena .battle-log:not(.collapsed){width:min(300px,calc(100% - 12px));max-height:min(55dvh,420px);border-radius:10px}.arena .battle-log-toggle{padding:.2rem .55rem;font-size:.62rem}.arena .hand-rail{padding:.3rem .5rem}.arena .hand-rail-head{margin-bottom:0}.arena .hand-rail-btn{padding:.25rem .55rem;font-size:.65rem}.arena .hand-row-inner{padding:.85rem .1rem .35rem;gap:.4rem}.arena .hand-row-inner .card-tile.full{width:72px;height:101px}.arena .intent-bar{padding:.35rem .5rem max(.4rem,env(safe-area-inset-bottom))}.arena .intent-bar:not(.intent-bar-mulligan) h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(max-width:899px)and (orientation:portrait){.arena .side-field{--mat-h: min( calc((100cqh - var(--hint-h) - 2 * var(--mat-gap)) / 2), 74cqw );width:min(100cqw,calc(var(--mat-h) * 1.55));height:var(--mat-h);border-radius:10px}.arena .side-grid{--g: 1cqw;--c: min( calc((100cqw - 2.8cqw - 5 * 1cqw) / 6), calc((100cqh - 2.8cqw - 2 * 1cqw) / 4.05) );padding:1.4cqw;grid-template-columns:repeat(6,var(--c));grid-template-areas:"life characters characters characters characters characters" "life . . leader stage deck" "dondeck cost cost cost cost trash"}.arena .side-opp .side-grid{grid-template-areas:"trash cost cost cost cost dondeck" "deck stage leader . . life" "characters characters characters characters characters life"}.arena .side-field .don-strip{--don-w: calc(var(--c) * .64);padding:calc(var(--c) * .04) calc(var(--c) * .06)}}@media(orientation:landscape)and (min-width:600px)and (max-height:499px){.arena .hud-bar{padding:.25rem .6rem;box-shadow:0 4px 12px #0000004d}.arena .hud-brand{font-size:.72rem}.arena .hud-status{font-size:.68rem}.arena .hud-actions .leave-btn,.arena .hud-actions .hud-pass-btn{padding:.25rem .55rem;font-size:.68rem;min-height:0}.arena .playmat{--mat-gap: 4px;--hint-h: 1rem;padding:3px 6px}.arena .opp-hand-hint .card-back{width:10px;height:14px}.arena .side-field{--mat-h: calc((100cqh - var(--hint-h) - 2 * var(--mat-gap)) / 2);width:min(100cqw,calc(var(--mat-h) * 1.9));height:var(--mat-h);border-radius:8px}.arena .side-grid{--g: 2cqh;--c: min( calc((100cqw - 4cqw - 6 * 2cqh) / 7), calc((100cqh - 6cqh - 2 * 2cqh) / 3.9) );padding:3cqh 2cqw}.arena .side-field .don-strip{--don-w: calc(var(--c) * .54);padding:calc(var(--c) * .03) calc(var(--c) * .06)}.arena .side-field .don-strip-label{margin-bottom:0;line-height:1.1}.arena .side-field .zone-pile-label{display:none}.arena .side-field .zone-deck .zone-pile-stack{width:calc(var(--c) * .7);height:calc(var(--c) * .96)}.arena .side-field .zone-don-deck .zone-pile-stack,.arena .side-field .zone-trash .zone-pile-stack{width:calc(var(--c) * .54);height:calc(var(--c) * .72)}.arena.arena-wide .arena-rail .intent-bar{padding:.35rem .5rem .4rem}}@media(max-width:720px){.arena .arena-body:has(.chat-panel) .opp-hand-hint{padding-left:104px}.arena .arena-body:has(.chat-panel) .opp-hand-label{display:none}}.arena .side-field.is-active-turn{border-color:var(--chrome);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 60px #00000059,0 0 0 2px #d2a54dcc,0 0 26px #d2a54d66}.arena .side-opp.is-active-turn{border-color:#7fb6d6;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 60px #00000059,0 0 0 2px #7fb6d6bf,0 0 26px #5aa6cf59}.arena .mat-order{padding:.15em .7em;font-size:clamp(.58rem,2cqw,.95rem);box-shadow:0 2px 8px #0006}.hud-turn-chip.hud-turn-theirs{border-color:#7fb6d699;background:#508cb433;color:#d6ecf8}.turn-splash{position:fixed;top:50%;left:50%;z-index:35;transform:translate(-50%,-50%);pointer-events:none}.arena.arena-wide .turn-splash{left:calc(var(--left-w) + (100vw - var(--left-w) - var(--rail-w)) / 2)}.turn-splash-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem 2.2rem 1rem;border:2px solid var(--line-strong);border-radius:14px;background:#081118eb;box-shadow:0 20px 50px #0000008c;animation:turn-splash var(--splash-ms, 1.5s) ease forwards}.turn-splash-card strong{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,3rem);line-height:1.1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink)}.turn-splash-card span{font-size:clamp(.75rem,1.2vw,.95rem);color:var(--muted);white-space:nowrap}.turn-splash-mine .turn-splash-card{border-color:var(--chrome);box-shadow:0 0 40px #d2a54d66,0 20px 50px #0000008c}.turn-splash-mine .turn-splash-card strong{color:var(--chrome-bright)}.turn-splash-theirs .turn-splash-card{border-color:#7fb6d6;box-shadow:0 0 40px #5aa6cf59,0 20px 50px #0000008c}.turn-splash-theirs .turn-splash-card strong{color:#d6ecf8}@keyframes turn-splash{0%{opacity:0;transform:scale(.85)}12%{opacity:1;transform:scale(1.04)}22%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.turn-splash-card{animation-name:turn-splash-fade}.turn-panel-mine .turn-banner,.turn-panel-respond .turn-banner{animation:none}.hand-dock,.hand-dock .hand-dock-cards>*{transition:none}}@keyframes turn-splash-fade{0%,to{opacity:0}10%,80%{opacity:1}}.room-chip{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.room-copy-btn{flex:none;min-width:3.6rem;min-height:28px;padding:.2rem .5rem;border:1px solid var(--line);border-radius:6px;background:var(--arena-mid);color:var(--chrome-bright);font:inherit;font-size:.68rem;font-weight:700;cursor:pointer}.room-copy-btn:hover{border-color:var(--chrome)}.hud-undo-btn,.hud-concede-btn{min-height:36px;padding:.4rem .65rem;border-radius:8px;font:inherit;font-size:.72rem;font-weight:700;white-space:nowrap;cursor:pointer}.hud-undo-btn{border:1px solid var(--line);background:var(--arena-panel);color:var(--chrome-bright)}.hud-undo-btn:not(:disabled):hover,.hud-undo-btn.armed{border-color:var(--chrome);background:#d2a54d29}.hud-undo-btn:disabled{opacity:.45;cursor:not-allowed}.hud-concede-btn{border:1px solid rgba(210,74,63,.6);background:#b2372f2e;color:#ffd9d4}.hud-concede-btn:hover,.hud-concede-btn.armed{border-color:#c06060;background:var(--danger);color:#fff}.hud-undo-btn:focus-visible,.hud-concede-btn:focus-visible,.room-copy-btn:focus-visible{outline:none;box-shadow:var(--focus)}.undo-request{position:fixed;top:4.25rem;left:50%;z-index:50;transform:translate(-50%);width:min(420px,calc(100vw - 2rem));padding:.75rem .9rem;border:1px solid var(--chrome);border-radius:12px;background:#0c121cf7;box-shadow:0 12px 32px #0000008c}.undo-request p{margin:0 0 .6rem;font-size:.82rem;line-height:1.4;color:var(--ink)}.undo-request-actions{display:flex;gap:.5rem}.undo-request-actions .btn{flex:1}@media(max-width:720px){.arena .hud-actions .room-chip{display:none}.arena .hud-actions .hud-undo-btn,.arena .hud-actions .hud-concede-btn{min-height:0;padding:.3rem .5rem;font-size:.66rem}}.arena-waiting{position:relative;z-index:2;flex:1;display:grid;place-items:center;padding:1.5rem 1rem}.room-invite{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(460px,100%);padding:1.4rem 1.25rem;text-align:center;border:1px solid var(--line-strong);border-radius:14px;background:var(--arena-panel);box-shadow:0 20px 50px #00000073}.room-invite-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--chrome)}.room-invite-id{max-width:100%;padding:.5rem .9rem;border:1px dashed var(--line-strong);border-radius:10px;background:#00000040;color:var(--chrome-bright);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.25rem,5vw,1.9rem);letter-spacing:.08em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.room-invite-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.room-invite-actions .btn{min-width:10rem}.room-invite-hint{margin:0;min-height:2.6em;font-size:.8rem;line-height:1.35;color:var(--muted)}.hud-seat-clock{opacity:.7}.hud-seat-clock.running{opacity:1;border-color:var(--chrome);background:#d2a54d33;color:var(--chrome-bright)}.hud-seat-clock.low.running{border-color:var(--crimson-bright);background:#b2372f4d;color:#ffe0da}.turn-player-clock{flex:none;min-width:3.2rem;padding:.05rem .4rem;border:1px solid var(--line);border-radius:6px;font-size:.78rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted)}.turn-player-clock.running{border-color:var(--chrome);color:var(--chrome-bright);background:#d2a54d24}.turn-player-clock.low.running{border-color:var(--crimson-bright);color:#ffe0da;background:#b2372f4d}.away-banner{position:relative;z-index:2;padding:.5rem .85rem;border-bottom:1px solid rgba(201,130,47,.5);background:#c9822f2e;color:var(--ink);font-size:.8rem;font-variant-numeric:tabular-nums}.rematch-panel{display:flex;flex-direction:column;gap:.5rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:10px;background:#0003}.rematch-note{margin:0;font-size:.82rem;line-height:1.4;color:var(--ink)}.rematch-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rematch-actions .btn{flex:1 1 8rem}.choice-readiness{padding:.05rem .4rem;border:1px solid var(--line);border-radius:999px;font-size:.6rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;color:var(--muted)}.choice-readiness-can-attack,.choice-readiness-active{border-color:#6bc48a99;background:#3f8a5f38;color:#c9f0d6}.choice-readiness-summoning-sick{border-color:#c9822f99;background:#c9822f33;color:#f5d9b5}.choice-readiness-rested{border-color:#95a4ad80;background:#95a4ad24;color:#c7d1d7}.attack-overlay{--atk: #f0c65a;--atk-glow: rgba(255, 196, 80, .55);--atk-hot: #ffdf8a;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:14}.attack-overlay.attack-incoming{--atk: #e0503f;--atk-glow: rgba(235, 70, 50, .6);--atk-hot: #ffb199}.atk-trail-glow{fill:none;stroke:var(--atk-glow);stroke-width:9;stroke-linecap:round;opacity:.55}.atk-trail{fill:none;stroke:var(--atk);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 7;animation:atk-march .7s linear infinite}.atk-fuse{fill:none;stroke:var(--atk-hot);stroke-width:2;stroke-linecap:round;stroke-dasharray:2 26;animation:atk-march .45s linear infinite;opacity:.9}.atk-head{fill:var(--atk);stroke:#00000080;stroke-width:.8}@keyframes atk-march{to{stroke-dashoffset:-34}}.atk-shot{stroke:var(--atk-hot);stroke-width:1.2;filter:drop-shadow(0 0 5px var(--atk-glow))}.atk-smoke{fill:var(--atk-hot)}.atk-smoke-0{opacity:.18}.atk-smoke-1{opacity:.3}.atk-smoke-2{opacity:.45}.atk-impact{fill:none;stroke:var(--atk-hot);stroke-width:2.5}.atk-source{fill:none;stroke:var(--atk);stroke-width:2;opacity:.85;filter:drop-shadow(0 0 6px var(--atk-glow));animation:atk-source-pulse 1.2s ease-in-out infinite}@keyframes atk-source-pulse{50%{opacity:.35}}.atk-reticle-ring{fill:#0000001f;stroke:var(--atk);stroke-width:2.5;filter:drop-shadow(0 0 6px var(--atk-glow));transform-box:fill-box;transform-origin:center;animation:atk-reticle-pulse 1s ease-in-out infinite}.atk-reticle-dash{fill:none;stroke:var(--atk);stroke-width:1.5;stroke-dasharray:4 6;opacity:.85}.atk-reticle-tick{stroke:var(--atk-hot);stroke-width:2.5;stroke-linecap:round}.atk-reticle-spin{animation:atk-spin 6s linear infinite}.atk-reticle-core{fill:var(--atk-hot)}@keyframes atk-spin{to{transform:rotate(360deg)}}@keyframes atk-reticle-pulse{50%{transform:scale(.86)}}.atk-redirect{stroke:var(--atk);stroke-width:1.5;stroke-dasharray:3 5;opacity:.45}@media(prefers-reduced-motion:reduce){.atk-trail,.atk-fuse,.atk-source,.atk-reticle-ring,.atk-reticle-spin{animation:none}.atk-fuse{display:none}}.don-strip{position:relative}.don-select-count{position:absolute;left:50%;top:.2rem;transform:translate(-50%);z-index:3;max-width:calc(100% - 5.5rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.05rem .45rem;border-radius:999px;font-size:.6rem;line-height:1.3;font-weight:700;letter-spacing:.02em;color:#1a1206;background:#ffd54f;box-shadow:0 2px 8px #00000073;pointer-events:none}.don-attach-confirm{position:fixed;z-index:30;box-sizing:border-box;display:flex;flex-direction:column;gap:.45rem;padding:.55rem .6rem;border-radius:10px;border:1px solid var(--chrome);background:#0c121cf7;box-shadow:0 12px 28px #0000008c;color:var(--ink);font-size:.78rem}.don-attach-title{display:flex;align-items:center;gap:.45rem;min-width:0}.don-attach-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.don-attach-icon{width:20px;height:28px;flex:none;border-radius:2px;object-fit:cover}.don-attach-actions{display:flex;gap:.4rem}.don-attach-actions button{flex:1 1 0;min-width:0;min-height:34px;border-radius:7px;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.don-attach-cancel{flex:0 0 auto!important;padding:0 .7rem;border:1px solid var(--line);background:transparent;color:var(--muted)}.don-attach-ok{border:1px solid #ffd54f;background:linear-gradient(180deg,#f3c94f,#c99a2c);color:#1a1206}.don-attach-ok:focus-visible,.don-attach-cancel:focus-visible{outline:2px solid var(--chrome-bright);outline-offset:2px}.drag-ghost{position:fixed;left:0;top:0;z-index:60;pointer-events:none;will-change:transform}.drag-ghost img,.drag-ghost>span:first-child{display:block;width:64px;aspect-ratio:5 / 7;object-fit:cover;border-radius:5px;border:2px solid var(--chrome-bright);box-shadow:0 10px 24px #0000008c;translate:-50% -60%;rotate:-4deg;opacity:.92}.drag-ghost-give_don img{width:40px}.drag-ghost-count{position:absolute;left:8px;top:-18px;padding:.05rem .35rem;border-radius:999px;font-size:.7rem;font-weight:800;color:#1a1206;background:#ffd54f}.hand-row-inner .card-tile{transition-duration:90ms}@media(min-width:900px)and (min-height:500px){.arena .arena-rail .hand-row-inner .card-tile.card-draggable:not(.card-dragging){touch-action:pan-y!important}}.username-form .field-inline input{min-width:0}.username-submit{flex:0 0 auto;min-width:6.5rem}.username-message{min-height:1.4em}.username-message.is-error{color:#ef9a9a}.username-message.is-ok{color:var(--chrome-bright)}.username-loading{min-height:5.25rem;display:flex;align-items:center}.hud-names{display:inline-flex;align-items:center;gap:.35rem;min-width:0;max-width:100%}.hud-name{min-width:0;max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-name-you{color:var(--chrome-bright)}@media(max-width:480px){.hud-name{max-width:6.5rem}}