:root{--bg: #140f0c;--panel: #241c17;--panel-2: #2e241e;--ink: #f4e8d8;--accent: #d2642d;--accent-2: #7a9e5c;--legal: #3d7a4a;--danger: #b33a3a;--muted: #9a8774;--line: #5a4638}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:radial-gradient(circle at top right,#3b281f 0%,transparent 40%),radial-gradient(circle at bottom left,#1d2a1a 0%,transparent 35%),var(--bg);color:var(--ink);min-height:100vh;padding:1rem 1rem 5.5rem}header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.75rem}h1{margin:0;letter-spacing:.04em;font-size:1.5rem}h2{margin:0 0 .5rem;font-size:1rem}#status{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.hud{display:grid;grid-template-columns:repeat(3,auto);gap:.55rem .85rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.55rem .8rem}.hud .label{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase}.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.hint{margin:0 0 .75rem;padding:.65rem .8rem;background:#1c2818;border:1px solid #3d5234;border-radius:8px;color:#d7e6c8}.phase-banner{text-align:center;font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;color:var(--accent)}.phase-banner.pulse{animation:bannerPulse .55s ease}@keyframes bannerPulse{0%{transform:scale(.92);opacity:.4}60%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}.block-banner{background:#4a1f1f;border:1px solid #8a3a3a;color:#ffd4d4;padding:.65rem .9rem;border-radius:8px;margin-bottom:.75rem;font-weight:600;animation:bannerPulse .4s ease}.toast{position:fixed;top:1rem;right:1rem;z-index:30;background:#2a3d24;border:1px solid #5a7a48;color:#e8f5dc;padding:.7rem 1rem;border-radius:8px;box-shadow:0 8px 24px #00000059}.seats{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.seat{flex:1;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;transition:border-color .2s ease,transform .15s ease}.seat.you{border-color:var(--accent)}.seat.bot{border-style:dashed}.seat.current{outline:2px solid var(--accent-2);transform:translateY(-2px)}.seat.ousted{opacity:.45;filter:grayscale(.6)}.seat-name{font-weight:700;margin-bottom:.25rem}.seat-meta{color:var(--muted);font-size:.75rem;margin:.2rem 0}.seat-ready{display:flex;flex-wrap:wrap;gap:.3rem}.mini{font-size:.7rem;background:var(--panel-2);border-radius:4px;padding:.15rem .35rem}input,button{background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:.45rem .7rem;border-radius:6px}button{cursor:pointer;background:#4a3024}button:hover:not(:disabled){background:var(--accent)}button:disabled{opacity:.35;cursor:not-allowed}button.primary{background:#3f5a2f}button.primary:hover:not(:disabled){background:var(--accent-2)}button.danger{background:#5a2424}button.danger:hover:not(:disabled){background:var(--danger)}.board{display:grid;grid-template-columns:300px 1fr;gap:1rem}.sidebar,.table section{background:#241c17d9;border:1px solid var(--line);border-radius:12px;padding:.8rem}.sidebar{align-self:start;position:sticky;top:.5rem}.phase-actions{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.row{display:flex;flex-wrap:wrap;gap:.4rem}.panel-disabled{opacity:.45;pointer-events:none}.combat-detail{font-size:.85rem;line-height:1.4;margin-bottom:.5rem;color:#e8dcc8}.combat-detail .fighter{color:var(--accent);font-weight:600}.clog{color:var(--muted);font-size:.75rem;margin-top:.2rem}.section-head{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline;margin-bottom:.4rem}.sub{color:var(--muted);font-size:.75rem}.table{display:flex;flex-direction:column;gap:.8rem}.cards{display:flex;flex-wrap:wrap;gap:.6rem;min-height:2.5rem}.card{width:118px;background:var(--panel-2);border:1px solid #6a5242;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translateY(-2px)}.card.legal{box-shadow:0 0 0 2px var(--legal);animation:legalGlow 1.8s ease infinite}.card.selected{box-shadow:0 0 0 3px var(--accent);transform:translateY(-3px)}.card.legal.selected{box-shadow:0 0 0 2px var(--legal),0 0 0 5px var(--accent)}.card.marked{outline:2px dashed #7aa0ff}@keyframes legalGlow{0%,to{box-shadow:0 0 0 2px #5ab46e8c}50%{box-shadow:0 0 10px 2px #5ab46ebf}}.card img{width:100%;height:150px;object-fit:cover;background:#111;display:block}.card .meta{padding:.35rem;font-size:.72rem;line-height:1.25}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:#2a3348;border:1px solid #4a5d82;border-radius:999px;padding:.25rem .6rem;font-size:.8rem}.card-picker{background:#1a1512;border:1px solid var(--line);border-radius:8px;padding:.65rem;margin-bottom:1rem;font-size:.85rem;max-height:280px;overflow:auto}.picker-head{display:flex;gap:.6rem;margin-bottom:.5rem}.picker-head img{width:56px;height:72px;object-fit:cover;border-radius:4px;background:#111}.effect-list{margin:.4rem 0;padding-left:1.1rem}.effect-list .when{color:var(--accent-2);font-weight:600;margin-right:.25rem}.effect-raw{white-space:pre-wrap;font-size:.75rem;color:var(--muted);margin:.35rem 0 0}.tag{display:inline-block;font-size:.65rem;padding:.1rem .35rem;border-radius:4px;margin-top:.25rem}.tag.ok{background:#2a4a2e;color:#b7e39a}.tag.warn{background:#4a3a20;color:#e6d09a}.event-feed{background:#120e0c;border:1px solid #4a3a30;border-radius:8px;height:140px;overflow:auto;padding:.5rem;font-size:.8rem;margin-bottom:1rem;color:#c8b8a4}.event-feed .ok{color:#b7e39a;margin-bottom:.3rem}.event-feed .err{color:#ff8f8f;margin-bottom:.3rem}.fallback{color:var(--muted);margin:.35rem 0}.log{background:#120e0c;border:1px solid #4a3a30;border-radius:8px;height:180px;overflow:auto;padding:.6rem;font-size:.8rem;color:var(--muted)}.log div{margin-bottom:.35rem}.log .err{color:#ff8f8f}.log .ok{color:#b7e39a}.mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:25;background:#140f0cf5;border-top:1px solid var(--line);padding:.5rem .75rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.mobile-actions{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto}.mobile-actions button{flex:0 0 auto;white-space:nowrap}.topnav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:-.25rem 0 1rem;padding:.65rem .85rem;background:#241c17eb;border:1px solid var(--line);border-radius:12px}.topnav .brand{margin-right:.5rem;letter-spacing:.06em;color:#f0d2b0}.nav-btn{background:transparent;border:1px solid transparent;color:var(--muted);padding:.35rem .65rem}.nav-btn.active,.nav-btn:hover{color:var(--ink);border-color:var(--line);background:var(--panel-2)}.nav-status{margin-left:auto;color:var(--muted);font-size:.85rem}.screen{margin-bottom:1rem}.screen.hidden{display:none}.hero-panel{max-width:720px;padding:1.5rem;background:linear-gradient(135deg,rgba(210,100,45,.12),transparent 45%),var(--panel);border:1px solid var(--line);border-radius:14px}.hero-panel h1{margin-bottom:.35rem}.hero-panel p{color:var(--muted);margin-top:0}.home-actions{margin-top:.75rem}.deck-pick{display:block;margin-top:1rem;color:var(--muted);font-size:.85rem}.deck-pick select{display:block;margin-top:.35rem;min-width:220px}.lobby-list{display:grid;gap:.5rem;margin:.75rem 0}.lobby-item{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.7rem .85rem;background:var(--panel);border:1px solid var(--line);border-radius:10px}.room-panel{margin-top:1rem;padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:12px}.room-seats{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .75rem}.seat-chip{padding:.3rem .55rem;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;font-size:.85rem}.deck-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem}.deck-list,.build-list,.search-results{display:grid;gap:.35rem;max-height:280px;overflow:auto}.deck-item,.search-card,.build-row{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;color:var(--ink)}.builder-cols{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.build-row{display:flex;justify-content:space-between;align-items:center}.rules-doc{max-width:720px;padding:1rem 1.15rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;line-height:1.5}.rules-doc h3{margin-top:1rem;color:#e8c9a4}.rules-doc p,.rules-doc li{color:#dccbb8}.seats-multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.seat.offline{opacity:.55;border-style:dashed}.auth-box{margin:.75rem 0 1rem;padding:.75rem;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.seat-chip{cursor:pointer}.seat-chip:hover{border-color:var(--accent)}.table-screen{max-width:1400px;margin:0 auto}.arena{display:grid;grid-template-columns:1fr 280px;gap:.85rem;align-items:start}.arena-opponents,.arena-me{grid-column:1}.arena-side{grid-column:2;grid-row:1 / span 4;position:sticky;top:.5rem;display:flex;flex-direction:column;gap:.75rem}.arena-title{margin:0 0 .5rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.opp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-bottom:.5rem}.opp-seat{background:linear-gradient(180deg,#2a201a,#1a1410);border:1px solid var(--line);border-radius:14px;padding:.7rem .8rem;transition:border-color .2s,transform .2s}.opp-seat.turn{border-color:var(--accent-2);box-shadow:0 0 0 1px #7a9e5c59}.opp-seat.prey{border-color:#a85a3a}.opp-seat.bot{border-style:dashed}.opp-seat.offline{opacity:.6}.opp-head{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start;margin-bottom:.55rem}.opp-stats{display:flex;gap:.55rem;font-size:.78rem;color:var(--muted)}.opp-stats b{color:var(--ink)}.tag-prey,.tag-turn,.tag-off{display:inline-block;margin-left:.35rem;padding:.1rem .4rem;border-radius:999px;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.tag-prey{background:#5a2a1a;color:#f0c0a0}.tag-turn{background:#2a3a22;color:#c8e0b0}.tag-off{background:#333;color:#aaa}.zone-label{display:block;font-size:.65rem;text-transform:uppercase;color:var(--muted);margin:.35rem 0 .25rem}.opp-hand,.vcard-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:stretch}.vcard{position:relative;width:92px;min-height:118px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--ink);overflow:hidden;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.vcard:hover{transform:translateY(-3px);border-color:#8a6a50}.vcard img{width:100%;height:72px;object-fit:cover;display:block;background:#0c0908}.vcard-body{padding:.3rem .35rem .4rem;display:flex;flex-direction:column;gap:.1rem}.vcard-body strong{font-size:.68rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vcard-body span{font-size:.62rem;color:var(--muted)}.vcard.facedown{width:42px;min-height:58px;background:repeating-linear-gradient(45deg,#3a2a22,#3a2a22 4px,#2a1c16 4px,#2a1c16 8px)}.vcard.facedown .vcard-body{display:none}.vcard.legal{border-color:var(--legal);box-shadow:0 0 0 1px #3d7a4a80}.vcard.selected{border-color:var(--accent);box-shadow:0 0 0 2px #d2642d8c;transform:translateY(-4px)}.vcard.dimmed{opacity:.55;filter:grayscale(.25)}.vcard-badge{position:absolute;top:2px;right:2px;background:var(--accent);color:#fff;font-size:.6rem;font-style:normal;padding:.1rem .3rem;border-radius:4px}.action-dock{grid-column:1;background:#241c17f2;border:1px solid var(--line);border-radius:14px;padding:.65rem .75rem;margin:.35rem 0 .75rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.action-dock.empty{text-align:center;color:var(--muted);padding:.9rem}.action-dock-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}.action-dock-row{display:flex;flex-wrap:wrap;gap:.45rem}.act{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:7.5rem;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;transition:transform .12s,background .12s,border-color .12s}.act:hover:not(:disabled){transform:translateY(-2px);border-color:#9a7a60}.act:disabled{opacity:.4;cursor:not-allowed}.act-label{font-weight:700;font-size:.9rem}.act-hint{font-size:.68rem;color:var(--muted)}.act-primary{background:#3a4a2e;border-color:#5a7a48}.act-attack{background:#4a2a1e;border-color:#a85a3a}.act-block{background:#2a3a4a;border-color:#4a6a8a}.act-danger{background:#4a2222;border-color:#a04040}.act-combat{background:#3a2a3a;border-color:#7a4a7a}.act-card,.act-quick{background:#2a3228;border-color:#4a6a3a}.act-influence{background:#2a2e3a;border-color:#4a5a7a}.act-politics,.act-vote{background:#3a3220;border-color:#8a7040}.act-pass{background:transparent;border-style:dashed}.my-zone{margin-bottom:.65rem;padding:.55rem .65rem;background:var(--panel);border:1px solid var(--line);border-radius:12px}.my-zone .section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.35rem}.my-zone.zone-hand{border-color:#6a5038;background:linear-gradient(180deg,#2e241c,#241c17)}.hint.my-turn{border-color:#5a7a48;background:#1c2818}.you-turn{color:#b7e39a}.event-feed.compact{max-height:120px;font-size:.78rem}.choice-inline .act{display:inline-flex;min-width:auto;margin-left:.25rem;padding:.25rem .5rem}@media (max-width: 980px){.board{grid-template-columns:1fr}.sidebar{position:static;order:2}.table{order:1}.hud{grid-template-columns:repeat(2,auto)}.mobile-bar{display:block}.deck-layout,.builder-cols{grid-template-columns:1fr}.nav-status{width:100%;margin-left:0}.arena{grid-template-columns:1fr}.arena-side{grid-column:1;grid-row:auto;position:static}.action-dock{position:sticky;bottom:4.5rem;z-index:20}.mobile-bar .action-dock{margin:0;border:none;background:transparent;padding:0}.mobile-bar .act{min-width:6.5rem}}