:root{--background:#101317;--background-strong:#0a0c0f;--panel:#181d22;--panel-strong:#20262c;--panel-soft:#15191e;--text:#f6efe3;--muted:#b8afa1;--faint:#7d766d;--line:#343026;--line-strong:#625235;--accent:#d7b46a;--accent-dark:#8d6f34;--danger:#b6473b;--danger-strong:#e05a4d;--success:#8fae7c;--shadow:0 18px 60px #00000047;--radius:8px;--radius-small:5px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--background);min-width:320px}body{background:radial-gradient(circle at 20% 0%, #d7b46a1f, transparent 28rem), linear-gradient(145deg, var(--background-strong), var(--background) 48%, #17130f);min-height:100vh;color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit}h1,h2,h3,p{margin-block-start:0}h1{letter-spacing:0;margin-block-end:.75rem;font-size:clamp(2.35rem,7vw,5.4rem);line-height:.95}h2{letter-spacing:0;margin-block-end:.5rem;font-size:1.15rem;line-height:1.15}h3{margin-block-end:.35rem;font-size:.95rem;line-height:1.2}p{line-height:1.55}.app-shell{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:20px}.home-shell{align-items:center;display:grid}.home-grid{gap:20px;display:grid}.home-copy{align-content:start;gap:18px;display:grid}.premise{max-width:38rem;color:var(--muted);font-size:1.05rem}.home-actions{gap:14px;display:grid}.room-shell{align-content:start;gap:18px;display:grid}.room-header{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.room-header-actions,.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand-link{color:var(--text);text-transform:uppercase;font-weight:800;text-decoration:none}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff09, transparent), var(--panel);box-shadow:var(--shadow)}.narrow-panel{width:min(520px,100%);margin:12vh auto 0;padding:20px}.form-panel{gap:16px;padding:18px;display:grid}.field{gap:7px;display:grid}.field span,.eyebrow,.theme-label{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:800}.theme-label{margin:0}input,select{border:1px solid var(--line-strong);border-radius:var(--radius-small);width:100%;min-height:44px;color:var(--text);background:#0f1216;outline:none;padding:.65rem .75rem}input:focus,select:focus,button:focus-visible,.influence-card:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select:disabled,input:disabled{color:var(--muted);opacity:.8}.button,.room-code-badge,summary{border-radius:var(--radius-small);min-height:42px;color:var(--text);cursor:pointer;border:1px solid #0000;padding:.68rem .85rem;font-weight:800;text-decoration:none;transition:transform .14s,border-color .14s,background .14s}.button:hover:not(:disabled),.room-code-badge:hover,summary:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{background:var(--accent);color:#17110a}.button-secondary{border-color:var(--line-strong);background:#242119}.button-danger{background:var(--danger);color:#fff7ef}.button-ghost{border-color:var(--line);background:0 0}.muted{color:var(--muted);margin:0}.form-error{color:#ffd5ce;margin:0}.room-code-badge{border-color:var(--line-strong);background:#0f1216;align-items:center;gap:8px;display:inline-flex}.room-code-badge span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1rem}.room-code-badge small{color:var(--muted);font-size:.72rem}.sync-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #d7b46a1a}.lobby-grid,.game-layout,.table-grid{gap:16px;display:grid}.lobby-main,.theme-card,.table-panel,.influence-panel,.action-panel,.reaction-panel,.log-panel,.game-over-panel,.reveal-panel{padding:16px}.section-heading,.phase-banner{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.phase-banner{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(90deg,#181d22,#221c16);padding:16px}.phase-banner h1{margin:0;font-size:clamp(1.6rem,6vw,3.1rem)}.coin-pill,.danger-pill{border:1px solid var(--line-strong);border-radius:var(--radius-small);min-height:28px;color:var(--accent);white-space:nowrap;flex:none;align-items:center;padding:.25rem .5rem;font-size:.76rem;font-weight:800;display:inline-flex}.danger-pill{color:#ffd5ce;border-color:#e05a4d80}.theme-thumb,.card-art{border-radius:var(--radius-small);background:linear-gradient(135deg,#d7b46a2e,#0000 45%),#0e1115;position:relative;overflow:hidden}.theme-thumb{aspect-ratio:16/10;margin-bottom:14px}.theme-thumb img,.card-art img{object-fit:cover;width:100%;height:100%}.image-fallback{width:100%;height:100%;min-height:120px;color:var(--accent);text-align:center;text-transform:uppercase;place-items:center;padding:12px;font-weight:900;display:grid}.player-list{gap:10px;display:grid}.player-row{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--panel-soft);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.player-row.is-active{border-color:var(--accent)}.player-row.is-eliminated{opacity:.55}.player-main{min-width:0}.player-main strong{overflow-wrap:anywhere;display:block}.player-tags,.influence-pips{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.player-tags span{border:1px solid var(--line);border-radius:var(--radius-small);color:var(--muted);padding:.12rem .35rem;font-size:.7rem}.influence-pips{grid-column:1/-1}.influence-pip{border:1px solid var(--line-strong);width:26px;height:34px;color:var(--accent);background:#101317;border-radius:3px;place-items:center;font-size:.72rem;font-weight:900;display:inline-grid}.influence-pip.is-revealed{border-color:var(--danger);color:#ffd5ce}.influence-grid,.exchange-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.influence-card{border:1px solid var(--line-strong);border-radius:var(--radius-small);background:#11151a;gap:10px;min-height:260px;padding:10px;display:grid;position:relative}.influence-card.is-revealed{border-color:var(--danger)}.influence-card.is-selectable{cursor:pointer}.influence-card.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px #d7b46a73}.card-art{aspect-ratio:4/3}.card-copy p{color:var(--muted);margin:0;font-size:.88rem}.card-detail{inset-inline:10px;z-index:3;border:1px solid var(--line-strong);border-radius:var(--radius-small);box-shadow:var(--shadow);background:#080a0c;padding:10px;position:absolute;bottom:10px}.card-detail p{color:var(--muted);margin:6px 0 0;font-size:.84rem}.action-list,.response-actions,.choice-section{gap:10px;display:grid}.target-action{grid-template-columns:1fr;gap:8px;display:grid}.mini-card-grid,.reveal-grid{gap:8px;display:grid}.choice-card,.reveal-chip{border:1px solid var(--line-strong);border-radius:var(--radius-small);color:var(--text);text-align:left;background:#11151a;padding:.65rem .75rem}.choice-card{cursor:pointer}.choice-card:disabled{cursor:not-allowed;opacity:.5}.log-panel ol{color:var(--muted);margin:0;padding-left:1.2rem}.rules-drawer{position:relative}.rules-drawer summary{border-color:var(--line-strong);background:#18140f;align-items:center;list-style:none;display:inline-flex}.rules-drawer summary::-webkit-details-marker{display:none}.rules-content{border:1px solid var(--line-strong);border-radius:var(--radius);width:min(680px,100vw - 40px);box-shadow:var(--shadow);background:#0d1013;gap:16px;margin-top:10px;padding:16px;display:grid}.rules-drawer.compact .rules-content{z-index:10;width:auto;max-height:calc(100vh - 96px);position:fixed;top:78px;left:12px;right:12px;overflow:auto}.rules-content ul,.rules-content dl{margin:0;padding:0}.rules-content li{color:var(--muted);margin-left:1rem;padding-block:.18rem}.rules-content dl{gap:9px;display:grid}.rules-content dt{color:var(--accent);font-weight:900}.rules-content dd{color:var(--muted);margin:2px 0 0}.rules-content p{color:var(--muted);margin:0}.game-over-panel{gap:14px;display:grid}.game-over-panel h1{font-size:clamp(2rem,7vw,4rem)}.reveal-row{border:1px solid var(--line);border-radius:var(--radius-small);gap:8px;padding:10px;display:grid}.reveal-row div{flex-wrap:wrap;gap:6px;display:flex}@media (min-width:640px){.app-shell{padding:28px}.rules-drawer.compact .rules-content{width:min(680px,100vw - 40px);max-height:none;position:absolute;top:100%;left:auto;right:0;overflow:visible}.target-action{grid-template-columns:minmax(0,1fr) auto}.player-row{grid-template-columns:minmax(0,1fr) auto auto}.influence-pips{grid-column:auto;justify-content:flex-end}}@media (min-width:860px){.home-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center}.lobby-grid{grid-template-columns:minmax(0,1fr) 320px}.table-grid{grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr)}.action-panel,.reaction-panel{align-self:start}}