:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080b10;color:#eef2f7;font-synthesis:none}*{box-sizing:border-box}button,input{font:inherit}button{color:inherit}body{margin:0;min-width:320px;min-height:100vh;background:#080b10}:root{--bg: #080b10;--panel: rgba(16, 21, 29, .9);--panel-strong: #111722;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--muted: #8d98a8;--text: #eef2f7;--accent: #b5f36b;--accent-2: #77d6ff;--danger: #ff8c68}.app-shell{min-height:100vh;background:radial-gradient(circle at 20% -10%,rgba(70,113,180,.18),transparent 34rem),radial-gradient(circle at 80% 5%,rgba(129,184,91,.11),transparent 30rem),var(--bg)}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:2rem;padding:0 28px;position:sticky;top:0;z-index:20;background:#080b10db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;text-align:left;cursor:pointer}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-strong);border-radius:10px;background:linear-gradient(145deg,#b5f36b26,#77d6ff14);color:var(--accent);font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:.95rem}.brand small{color:var(--muted);font-size:.67rem;margin-top:1px}.topnav{display:flex;align-items:stretch;height:100%;gap:4px}.topnav button{border:0;border-bottom:2px solid transparent;padding:0 13px;background:none;color:var(--muted);cursor:pointer;font-size:.83rem}.topnav button:hover,.topnav button.active{color:var(--text);border-bottom-color:var(--accent)}.connection{margin-left:auto;display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.72rem}.connection span,.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #b5f36bb3}.page{width:min(1220px,calc(100% - 48px));margin:0 auto}.home{padding:76px 0 60px}.hero-panel{max-width:880px;padding:30px 0 48px}.eyebrow{margin:0 0 16px;letter-spacing:.19em;color:var(--accent);font-size:.7rem;font-weight:800}.hero-panel h1,.section-heading h1{margin:0;font-size:clamp(3.4rem,7.5vw,7.2rem);line-height:.9;letter-spacing:-.065em;font-weight:760}.hero-panel h1 span{color:#8d98a8}.lede{color:#b5bdc8;max-width:690px;font-size:1.18rem;line-height:1.65;margin:28px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary,.secondary,.mode-card button,.gm-panel button,.table-toolbar button{border-radius:9px;min-height:42px;padding:0 17px;cursor:pointer;border:1px solid var(--line-strong);transition:transform .12s ease,border-color .12s ease,background .12s ease}.primary{background:var(--accent);color:#11170b;border-color:var(--accent);font-weight:800}.secondary,.mode-card button,.gm-panel button,.table-toolbar button{background:#ffffff09}button:hover:not(:disabled){transform:translateY(-1px);border-color:#b5f36b75}button:disabled{opacity:.4;cursor:not-allowed}.small{min-height:36px;padding:0 12px;font-size:.75rem}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-card,.stat-card{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff0b,#ffffff05);border-radius:16px}.mode-card{min-height:270px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.mode-card.featured{border-color:#b5f36b3b;background:linear-gradient(155deg,#b5f36b14,#ffffff05)}.mode-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;font-size:1.15rem}.mode-kicker{display:block;color:var(--muted);letter-spacing:.14em;font-size:.64rem;font-weight:800;margin:25px 0 7px}.mode-card h2{margin:0;font-size:1.35rem}.mode-card p{color:var(--muted);line-height:1.55;font-size:.9rem}.mode-card button{margin-top:auto}.muted-card{opacity:.68}.home-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.stat-card{padding:20px}.stat-card span{font-size:.62rem;color:var(--muted);letter-spacing:.15em}.stat-card strong{display:block;font-size:1rem;margin-top:8px}.stat-card p{color:var(--muted);font-size:.8rem;line-height:1.45;margin-bottom:0}.clickable{cursor:pointer}.game-page{min-height:calc(100vh - 72px);display:grid;grid-template-rows:68px 1fr 180px}.opponent-strip,.hand-dock{border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;background:#0c1017d1}.player-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#273142;border:1px solid var(--line-strong);font-weight:800}.player-copy{margin-left:10px}.player-copy strong,.player-copy span{display:block}.player-copy span{color:var(--muted);font-size:.7rem;margin-top:2px}.life-orb{margin-left:22px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ff8c681f;border:1px solid rgba(255,140,104,.28);color:#ffc4b2;font-weight:800}.opponent-zones{display:flex;gap:8px;margin-left:auto}.opponent-zones span{border:1px solid var(--line);padding:7px 9px;border-radius:8px;color:var(--muted);font-size:.68rem}.table-layout{display:grid;grid-template-columns:165px minmax(0,1fr) 290px;min-height:0}.panel{background:var(--panel);border:1px solid var(--line)}.left-rail{border-width:0 1px 0 0;padding:17px 13px}.panel-title{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.turn-number{font-size:2.6rem;letter-spacing:-.06em;font-weight:750;margin:3px 0 14px}.turn-segment,.priority-card{border:1px solid var(--line);padding:11px;border-radius:10px;margin-bottom:8px}.turn-segment small,.priority-card small{display:block;color:var(--muted);font-size:.57rem;letter-spacing:.12em;margin-bottom:5px}.turn-segment strong,.priority-card strong{font-size:.78rem}.active-segment{border-color:#77d6ff40;background:#77d6ff0d}.priority-card{position:relative}.priority-card .pulse-dot{position:absolute;right:11px;top:50%}.spacer{margin-top:22px;margin-bottom:7px}.zone-button{width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:#aeb6c2;text-align:left;padding:9px 1px;font-size:.72rem;cursor:pointer}.zone-button span{float:right;color:var(--muted)}.battlefield-wrap{min-width:0;background:radial-gradient(circle at 50% 55%,#2a3f3d36,#090c1173 55%);display:grid;grid-template-rows:1fr 34px 1fr}.battlefield{padding:16px 22px;position:relative;min-height:205px}.opponent-field{background:linear-gradient(180deg,rgba(89,129,176,.035),transparent 60%)}.zone-label{color:#ffffff42;font-size:.57rem;letter-spacing:.16em;margin-bottom:13px}.card-row{display:flex;align-items:flex-start;justify-content:center;gap:11px;flex-wrap:wrap}.compact-row{align-items:flex-end}.game-card,.hand-card{position:relative;width:118px;height:158px;border-radius:9px;padding:8px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(160deg,#28303e,#151a23);display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-shadow:0 10px 24px #00000038;cursor:pointer}.own-card{border-color:#b5f36b30}.opponent-card{border-color:#77d6ff2e}.game-card.tapped{transform:rotate(10deg);opacity:.76}.card-cost{position:absolute;right:7px;top:6px;font-size:.61rem;color:#dce4ee}.card-art{height:78px;width:100%;display:grid;place-items:center;font-size:2rem;border-radius:6px;background:linear-gradient(135deg,#ffffff0f,#0000001a);margin-bottom:8px}.game-card strong,.hand-card strong{font-size:.66rem;line-height:1.15}.game-card small,.hand-card small{color:var(--muted);font-size:.55rem;margin-top:3px}.pt{margin-top:auto;margin-left:auto;font-size:.65rem;font-weight:800}.stack-callout{position:absolute;z-index:3;top:50%;left:50%;width:min(360px,calc(100% - 44px));transform:translate(-50%,-50%);display:grid;gap:4px;padding:12px 15px;border:1px solid rgba(119,214,255,.42);border-radius:10px;background:#0f1b2af5;box-shadow:0 14px 36px #00000052;text-align:center}.stack-callout small{color:var(--accent-2);font-size:.56rem;letter-spacing:.14em;font-weight:800}.stack-callout strong{color:#e6f1ff;font-size:.78rem}.stack-callout span{color:#aabbd0;font-size:.66rem;line-height:1.35}.table-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#fff3}.table-divider span{height:1px;background:var(--line)}.table-divider small{font-size:.5rem;letter-spacing:.16em}.right-rail{border-left:1px solid var(--line);min-width:0;background:#080b10b3;padding:10px;display:flex;flex-direction:column;gap:9px}.right-rail .panel{border-radius:10px;overflow:hidden}.panel-heading{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 11px;border-bottom:1px solid var(--line);text-transform:uppercase;font-size:.61rem;letter-spacing:.12em;color:var(--muted)}.panel-heading b{margin-left:auto;background:#ffffff12;min-width:20px;height:20px;border-radius:6px;display:grid;place-items:center}.panel-heading i{margin-left:auto;text-transform:none;letter-spacing:0;font-style:normal;font-size:.6rem;color:#b5f36bad}.stack-item{padding:11px;display:flex;align-items:center;gap:10px}.stack-index{width:25px;height:25px;border-radius:6px;background:#77d6ff1a;color:var(--accent-2);display:grid;place-items:center;font-size:.67rem}.stack-item strong,.stack-item small{display:block}.stack-item strong{font-size:.75rem}.stack-item small{color:var(--muted);font-size:.6rem;margin-top:2px}.stack-cost{margin-left:auto;font-size:.68rem}.log-panel{min-height:150px}.log-line{display:grid;grid-template-columns:42px 1fr;gap:4px;padding:7px 10px;font-size:.67rem}.log-line time{color:#576173}.log-line p{margin:0;color:#aeb6c2}.gm-panel{margin-top:auto;padding-bottom:10px}.gm-panel p{margin:10px;color:#b7c0cc;font-size:.7rem;line-height:1.45}.gm-panel button{margin:0 10px;min-height:34px;font-size:.67rem;width:calc(100% - 20px)}.hand-dock{border-top:1px solid var(--line);border-bottom:0;padding:10px 18px;gap:15px;min-width:0}.you-summary{display:flex;align-items:center;width:120px;flex:0 0 auto}.you-summary strong,.you-summary span{display:block;margin-left:8px}.you-summary strong{font-size:.78rem}.you-summary span{color:var(--muted);font-size:.64rem;margin-top:2px}.you-avatar{background:#b5f36b1a;color:var(--accent)}.hand{min-width:0;flex:1;display:flex;justify-content:center;align-items:flex-end;gap:7px;height:100%;overflow:hidden}.hand-card{width:104px;height:142px;flex:0 0 auto;margin-top:22px;transition:transform .12s ease,margin-top .12s ease}.hand-card:hover{transform:translateY(-12px);margin-top:10px}.hand-card .card-art{height:65px}.action-tray{width:150px;display:flex;flex-direction:column;gap:7px;flex:0 0 auto}.action-tray small{color:var(--muted);font-size:.56rem;letter-spacing:.12em}.coverage{padding:58px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading h1{font-size:clamp(2.8rem,6vw,5.6rem)}.coverage-summary{margin:42px 0 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.coverage-summary article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.coverage-summary span,.coverage-summary small,.coverage-summary strong{display:block}.coverage-summary span{color:var(--muted);font-size:.68rem}.coverage-summary strong{font-size:2rem;margin:9px 0 3px}.coverage-summary small{color:#5f6a78;font-size:.6rem}.coverage-table{border-radius:14px;overflow:hidden;min-height:410px}.table-toolbar{padding:12px;border-bottom:1px solid var(--line);display:flex;gap:8px}.table-toolbar input{flex:1;border-radius:8px;background:#ffffff09;border:1px solid var(--line);color:var(--text);padding:0 12px;min-height:38px;outline:none}.table-toolbar button{min-height:38px;font-size:.72rem}.empty-state{min-height:350px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.empty-state>span{font-size:2rem;color:var(--accent)}.empty-state h2{margin:12px 0 5px;font-size:1rem}.empty-state p{max-width:560px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}@media(max-width:1050px){.mode-grid,.home-footer-grid{grid-template-columns:1fr}.table-layout{grid-template-columns:130px minmax(0,1fr)}.right-rail{display:none}.game-card{width:100px;height:140px}}@media(max-width:720px){.topbar{padding:0 14px;height:62px}.topnav{display:none}.page{width:min(100% - 28px,1220px)}.home{padding-top:40px}.hero-panel h1{font-size:clamp(3rem,15vw,5.3rem)}.table-layout{grid-template-columns:1fr}.left-rail{display:none}.game-page{grid-template-rows:58px 1fr 170px}.opponent-zones{display:none}.battlefield{padding-inline:8px}.game-card{width:82px;height:120px}.card-art{height:54px}.you-summary{display:none}.action-tray{width:125px}.hand-card{width:82px;height:126px}.coverage-summary{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start;flex-direction:column}}.decision-panel{margin:0 0 1.2rem;border-color:color-mix(in srgb,var(--accent, #70d6a5) 55%,transparent)}.decision-panel h2{margin:.18rem 0 .35rem}.decision-panel>p:not(.eyebrow){margin:0 0 1rem;color:var(--muted, #9ca8b8)}.decision-options{display:grid;gap:.55rem;margin:1rem 0}.decision-choice{display:flex;align-items:center;gap:.65rem;min-height:3.3rem;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.14);border-radius:.65rem;background:#ffffff09;cursor:pointer}.decision-choice span{display:grid;gap:.14rem}.decision-choice small{color:var(--muted, #9ca8b8)}.blocker-choice{justify-content:space-between}.blocker-choice select{min-width:12rem;padding:.5rem;border-radius:.45rem;border:1px solid rgba(255,255,255,.2);background:#111b28;color:inherit}.hand-card{color:#f5f8fc;opacity:1}.hand-card em{margin-top:auto;color:#aab5c5;font-size:.54rem;font-style:normal}.hand-card.actionable{border-color:#b5f36bc7;background:linear-gradient(155deg,#b5f36b2e,#17201a 72%);box-shadow:0 0 0 1px #b5f36b29,0 14px 30px #0000004d}.hand-card.actionable em{color:var(--accent);font-weight:800}.hand-card:disabled:not(.actionable){opacity:.72}.game-result{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 1.35rem;border:1px solid rgba(181,243,107,.75);border-radius:.75rem;background:#0e1b10f0;color:var(--accent);font-weight:900;box-shadow:0 16px 45px #00000073}.game-result.defeat{border-color:#ff8c68bf;background:#26110ff0;color:#ffc4b2}.action-status{color:#b8c5d6;font-size:.62rem;line-height:1.25}.game-card em{margin-top:auto;color:#aab5c5;font-size:.54rem;font-style:normal}.game-card.actionable{border-color:#b5f36bc7;background:linear-gradient(155deg,#b5f36b2e,#17201a 72%);box-shadow:0 0 0 1px #b5f36b29,0 14px 30px #0000004d}.game-card.actionable em{color:var(--accent);font-weight:800}.game-card:disabled:not(.actionable){opacity:.72}.connection.disconnected span{background:#687386;box-shadow:none}.error-banner{position:sticky;top:72px;z-index:19;display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:8px 20px;border-bottom:1px solid rgba(255,140,104,.28);background:#521d17f0;color:#ffd5c8;font-size:.82rem}.error-banner button{border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#ffffff0f;color:inherit;padding:5px 10px;cursor:pointer}.lobby-card{gap:8px}.field-label{display:block;margin:13px 0 5px;color:#8d98a8;font-size:.63rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.lobby-input{width:100%;min-height:40px;border:1px solid rgba(255,255,255,.11);border-radius:8px;outline:none;background:#04070b8c;color:#eef2f7;padding:0 11px}.lobby-input:focus{border-color:#b5f36b80;box-shadow:0 0 0 3px #b5f36b0f}.code-input{letter-spacing:.12em;text-transform:uppercase}.resume-card{margin-top:14px;border-radius:16px;padding:20px 22px;display:flex;gap:20px;align-items:center;justify-content:space-between}.resume-card h2{margin:5px 0;font-size:1rem;word-break:break-all}.resume-card p{margin:0;color:#8d98a8;font-size:.75rem}.resume-actions{display:flex;gap:8px}.missing-session,.waiting-room{padding:110px 0;min-height:calc(100vh - 72px)}.missing-session h1,.waiting-room h1{font-size:clamp(2.6rem,7vw,5.6rem);letter-spacing:-.055em;line-height:.95;margin:0 0 20px}.missing-session p,.waiting-room p{color:#8d98a8}.join-code-display{display:inline-flex;align-items:center;min-height:64px;margin:12px 0 24px;padding:0 22px;border:1px solid rgba(181,243,107,.25);border-radius:12px;background:#b5f36b0f;color:#b5f36b;font-size:1.7rem;font-weight:850;letter-spacing:.16em}.seat-list{width:min(520px,100%);border-radius:12px;padding:12px}.seat-list>div{display:flex;align-items:center;gap:10px;padding:8px}.fixture-warning{position:absolute;z-index:3;left:50%;top:8px;transform:translate(-50%);width:min(720px,calc(100% - 30px));border:1px solid rgba(255,193,93,.18);border-radius:8px;background:#342610e0;color:#d9c28c;padding:7px 10px;font-size:.62rem;text-align:center;pointer-events:none}.battlefield-wrap{position:relative}.empty-mini{padding:13px;color:#7f8998;font-size:.68rem;line-height:1.45}.pulse-dot.quiet{background:#566070;box-shadow:none}.fixture-hand{position:relative;padding-top:20px}.fixture-hand-label{position:absolute;top:0;left:0;color:#707b8d;font-size:.54rem;letter-spacing:.08em}@media(max-width:900px){.resume-card{align-items:flex-start;flex-direction:column}.resume-actions{width:100%}.resume-actions button{flex:1}.fixture-warning{position:static;transform:none;margin:8px auto}}