: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}.theme-picker{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.theme-picker legend{color:var(--accent);text-transform:uppercase;margin-bottom:3px;padding:0;font-size:.76rem;font-weight:800}.theme-options{gap:10px;display:grid}.theme-option{border:1px solid var(--line);border-radius:var(--radius-small);cursor:pointer;background:#101317;grid-template-columns:112px minmax(0,1fr);align-items:stretch;gap:10px;min-width:0;padding:6px;transition:border-color .14s,background .14s,transform .14s;display:grid}.theme-option:hover{border-color:var(--line-strong);transform:translateY(-1px)}.theme-option.is-selected{border-color:var(--accent);background:linear-gradient(135deg,#d7b46a21,#0000 45%),#12161a}.theme-option input{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.theme-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.theme-option-thumb{background:#0e1115;border-radius:4px;min-height:70px;position:relative;overflow:hidden}.theme-option-thumb img{object-fit:cover;width:100%;height:100%}.theme-option-copy{align-content:center;gap:4px;min-width:0;padding:3px 2px;display:grid}.theme-option-name{color:var(--text);font-weight:900;line-height:1.15}.theme-option-description{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.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-join-card{border:1px solid var(--line);border-radius:var(--radius-small);background:#0f1216;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;max-width:min(100%,420px);padding:6px;display:grid}.room-code-badge{border-color:var(--line-strong);background:#18140f;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}.room-join-qr{border:1px solid var(--line-strong);background:var(--text);border-radius:4px;grid-row:span 2;width:74px;height:74px}.room-join-url{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.7rem;line-height:1.2;overflow:hidden}.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}.action-button{text-align:center;grid-template-columns:minmax(84px,.95fr) minmax(86px,1fr) minmax(68px,.8fr);align-items:center;gap:8px;width:100%;min-width:0;min-height:48px;padding:.42rem .5rem;display:grid}.action-button-help-row{grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;gap:7px;min-width:0;display:grid}.action-button-label{min-width:0;color:var(--text);overflow-wrap:anywhere;line-height:1.15}.action-button-badge{border:1px solid var(--line);border-radius:var(--radius-small);min-width:0;min-height:26px;color:var(--muted);overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;padding:.22rem .35rem;font-size:.68rem;font-weight:900;line-height:1.05;display:inline-flex}.action-button-badge-left{color:var(--accent);border-color:#d7b46a80}.action-button-badge-safe{color:#d6ebc8;border-color:#8fae7c8c}.action-button-badge-danger{color:#ffd5ce;border-color:#e05a4d73}.action-help-button,.action-help-close{border:1px solid var(--line-strong);border-radius:var(--radius-small);color:var(--accent);cursor:pointer;background:#18140f;place-items:center;display:inline-grid}.action-help-button{z-index:1;min-height:48px;padding:0;position:relative}.action-help-close{flex:none;width:34px;height:34px}.action-help-backdrop{z-index:20;background:#0000006b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.action-help-modal{border:1px solid var(--line-strong);border-radius:var(--radius);width:min(380px,100%);box-shadow:var(--shadow);background:#0d1013;gap:12px;padding:16px;display:grid}.action-help-modal h3{margin:0}.action-help-modal p{color:var(--muted);margin:0;font-size:.92rem}.target-action-form{gap:12px;display:grid}.target-action-confirm-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.target-action-confirm-row .button{width:100%}.response-button-with-badge{text-align:left;grid-template-columns:minmax(0,1fr) minmax(68px,auto);align-items:center;gap:8px;display:grid}.response-button-label{overflow-wrap:anywhere;min-width:0}.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}.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}}