:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7e8e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#0d0506;--panel-strong:#17080a;--ink:#f7e8e8;--muted:#b58a8a;--line:#3a1014;--blue:#8f121f;--blue-soft:#26080c;--green:#c33a45;--green-soft:#25080b;--rose:#b91524;--rose-soft:#2d090e;--amber:#d14b55;--amber-soft:#2a0a0e;--violet:#d65a63;--shadow:none;background:#050202;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(135deg,#f7f9fc 0%,#eef7f0 48%,#fff8ea 100%);min-width:320px}button,input,textarea{font:inherit}button{border:1px solid var(--line);min-height:2.5rem;color:var(--ink);background:var(--panel-strong);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:0 .9rem;transition:transform .15s,border-color .15s,background .15s,color .15s;display:inline-flex}button:hover:not(:disabled){border-color:#b8c3d4;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #2474e847}input,textarea{border:1px solid var(--line);width:100%;min-height:2.7rem;color:var(--ink);background:#fff;border-radius:8px;padding:0 .85rem}textarea{resize:none;padding:.55rem .65rem}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:3.2rem;line-height:.95}h2{letter-spacing:0;font-size:1.2rem;line-height:1.2}.home-shell,.loading-shell,.room-shell{min-height:100vh}.home-shell,.loading-shell{place-items:center;padding:1.2rem;display:grid}.home-panel,.solo-panel,.picker-layout,.lobby-layout,.game-over-layout{background:var(--panel);width:min(100%,960px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #dde3ede0;border-radius:8px}.home-panel{grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding:clamp(1.1rem,4vw,3rem);display:grid}.brand-lockup,.identity-cluster,.header-actions,.top-actions,.round-status,.picker-topline,.lobby-header,.game-over-header,.lobby-footer,.game-over-actions,.share-strip,.join-row,.vote-header{align-items:center;display:flex}.brand-lockup{gap:1rem}.brand-mark{color:#fff;background:linear-gradient(135deg,#2474e8,#14a273 58%,#f1a229);border-radius:8px;flex:0 0 4.5rem;place-items:center;width:4.5rem;height:4.5rem;display:grid}.brand-mark svg{width:2.3rem;height:2.3rem}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-bottom:.35rem;font-size:.74rem;font-weight:800}.home-actions{gap:1rem;display:grid}.join-form{gap:.5rem;display:grid}.join-form label{color:var(--muted);font-size:.85rem;font-weight:700}.join-row{gap:.65rem}.primary-action{color:#fff;background:#2474e8;border-color:#0000}.primary-action:hover:not(:disabled){background:#1664d4;border-color:#0000}.form-error{color:var(--rose);font-weight:700}.loading-shell{color:var(--muted);gap:1rem}.loader{border:4px solid #dce4ef;border-top-color:var(--blue);border-radius:50%;width:2.8rem;height:2.8rem;animation:.9s linear infinite spin}.room-shell{padding:1rem}.solo-panel,.picker-layout,.lobby-layout,.game-over-layout{margin:0 auto;padding:clamp(1rem,3vw,2rem)}.solo-panel{gap:1rem;max-width:540px;display:grid}.picker-layout{gap:1.4rem;max-width:740px;display:grid}.picker-topline,.lobby-header,.game-over-header,.lobby-footer,.share-strip,.game-over-actions{justify-content:space-between;gap:1rem}.name-grid{grid-template-columns:repeat(auto-fit,minmax(10.8rem,1fr));gap:.65rem;display:grid}.name-option{background:#fff;justify-content:space-between;min-height:3.4rem;padding:0 .85rem}.name-option span{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:850;overflow:hidden}.name-option.selected{border-color:var(--blue);color:#155bc2;background:var(--blue-soft)}.empty-state{border:1px dashed var(--line);min-height:6rem;color:var(--muted);background:#f8fafc;border-radius:8px;place-items:center;font-weight:800;display:grid}.picker-actions{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.connection-badge,.role-pill,.status-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;min-height:1.7rem;padding:0 .62rem;font-size:.78rem;font-weight:800;display:inline-flex}.connection-badge{color:var(--green);background:var(--green-soft)}.connection-badge.connecting,.connection-badge.offline{color:var(--amber);background:var(--amber-soft)}.role-pill{color:#3d4656;background:#eef2f7;margin-top:.2rem}.role-guardian{color:#0f766e;background:var(--green-soft)}.role-villager{color:#4a5568;background:#eef2f7}.lobby-layout{gap:1.1rem;display:grid}.share-strip{border:1px solid var(--line);background:#f8fafc;border-radius:8px;min-width:0;padding:.55rem}.share-strip span{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;overflow:hidden}.player-grid,.reveal-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;display:grid}.player-tile,.reveal-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:.75rem;min-height:5.1rem;padding:.85rem;display:flex}.player-tile.offline{opacity:.62}.player-tile strong,.reveal-card strong{align-items:center;gap:.35rem;display:inline-flex}.player-tile small,.reveal-card small,.muted{color:var(--muted)}.game-layout{width:min(100%,1260px);height:calc(100vh - 2rem);box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #dde3ede0;border-radius:8px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.top-bar{border-bottom:1px solid var(--line);background:#ffffffe0;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;min-height:4.6rem;padding:.7rem 1rem;display:grid}.identity-cluster{min-width:0}.identity-cluster>div{min-width:0;display:grid}.identity-cluster strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.round-status{color:#334155;justify-content:center;font-weight:800}.round-status span:not(.countdown){border-left:1px solid var(--line);padding-left:.7rem}.top-actions{justify-content:flex-end}.icon-button,.mini-icon{flex:none;width:2.5rem;padding:0}.mini-icon.danger{color:var(--rose)}.sidebar{border-right:1px solid var(--line);background:#f7f9fc;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.channel-list,.roster{align-content:start;gap:.35rem;min-height:0;padding:.75rem;display:grid}.roster{border-top:1px solid var(--line);overflow:auto}.channel-row{background:0 0;border-color:#0000;justify-content:flex-start;width:100%;min-height:2.45rem;padding:0 .65rem}.channel-row.active{color:#155bc2;background:#e8f1ff}.channel-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.unread-dot{color:var(--rose);fill:currentColor;margin-left:auto}.roster-row{border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:2.8rem;padding:.35rem;display:grid}.roster-row.dead{color:var(--muted)}.roster-row.dead .roster-copy>span{text-decoration:line-through}.roster-copy{min-width:0;display:grid}.roster-copy>span,.roster-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster-copy>span{align-items:center;gap:.28rem;font-weight:800;display:inline-flex}.roster-copy small{color:var(--muted);font-size:.75rem}.roster-actions{gap:.25rem;display:flex}.message-panel{background:#fff;grid-template-rows:auto minmax(0,auto) minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative}.phase-banner{border-bottom:1px solid var(--line);align-items:center;gap:.65rem;min-height:2.5rem;padding:.55rem 1rem;font-size:.9rem;display:flex}.phase-banner strong{white-space:nowrap}.phase-banner span{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tone-danger{color:#9f1239;background:var(--rose-soft)}.tone-warning{color:#8a5200;background:var(--amber-soft)}.tone-success{color:#08704e;background:var(--green-soft)}.tone-neutral{color:#334155;background:#eef2f7}.thread-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:4.2rem;padding:.8rem 1rem;display:flex}.status-chip{color:var(--green);background:var(--green-soft)}.messages{flex-direction:column;gap:.55rem;min-height:0;padding:1rem;display:flex;overflow:auto}.message-bubble{background:#eef2f7;border-radius:18px 18px 18px 4px;width:fit-content;max-width:min(74%,42rem);padding:.68rem .82rem}.message-bubble.self{color:#fff;background:var(--blue);border-radius:18px 18px 4px;align-self:flex-end}.message-meta{align-items:baseline;gap:.55rem;margin-bottom:.22rem;font-size:.72rem;display:flex}.message-meta time{opacity:.72}.message-bubble p{overflow-wrap:anywhere;line-height:1.35}.system-message{max-width:min(90%,44rem);color:var(--muted);text-align:center;background:#f4f6fa;border-radius:999px;align-self:center;padding:.32rem .7rem;font-size:.8rem;font-weight:700}.composer{border-top:1px solid var(--line);background:#f8fafc;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;padding:.75rem;display:grid}.send-button{color:#fff;background:var(--blue)}.vote-overlay{align-content:center;gap:1rem;min-height:0;padding:clamp(1rem,4vw,2rem);display:grid}.vote-overlay.spectator{color:var(--muted);text-align:center;place-items:center}.vote-header{justify-content:space-between}.vote-header>span{color:var(--muted);font-weight:800}.vote-list{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.7rem;display:grid}.vote-option{background:#fff;justify-content:flex-start;min-height:4rem}.vote-option.selected{border-color:var(--blue);color:#155bc2;background:var(--blue-soft)}.avatar{color:#fff;background:linear-gradient(135deg,#2474e8,#14a273);border-radius:50%;flex:none;place-items:center;width:2.8rem;height:2.8rem;font-size:.86rem;font-weight:900;display:inline-grid}.avatar.compact{width:2rem;height:2rem;font-size:.68rem}.game-over-layout{gap:1rem;display:grid}.game-over-header p:last-child{max-width:48rem;color:var(--muted);line-height:1.45}.reveal-card>div{gap:.2rem;display:grid}.toast{z-index:20;color:#9f1239;max-width:min(92vw,24rem);box-shadow:var(--shadow);background:#fff4f6;border:1px solid #ffc4d1;border-radius:8px;align-items:center;gap:.7rem;padding:.65rem;display:flex;position:fixed;top:1rem;right:1rem}.toast button{width:2rem;min-height:2rem;padding:0}@keyframes spin{to{transform:rotate(360deg)}}*,:before,:after{border-radius:0!important}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:var(--ink);overscroll-behavior:none;background:#050202}button,input,textarea{color:var(--ink);touch-action:manipulation}button{border-color:var(--line);background:var(--panel-strong);text-transform:none;transition:border-color .12s,background-color .12s,color .12s}button:hover:not(:disabled){background:#23090d;border-color:#7c1821;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#b915248c}input,textarea{border-color:var(--line);background:#090304}.home-shell,.loading-shell,.room-shell{background:#050202;width:100vw;height:100vh;min-height:100vh;padding:0;overflow:hidden}.home-shell,.loading-shell{place-items:stretch stretch}.loading-shell{place-items:center}.room-shell{display:grid}.home-panel,.solo-panel,.picker-layout,.lobby-layout,.game-over-layout{background:var(--panel);width:100%;max-width:none;height:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;scrollbar-gutter:stable;border:0;margin:0;overflow:auto}.home-panel{grid-template-columns:minmax(0,1fr) minmax(17rem,28rem);align-content:center;gap:2rem;padding:2rem}.brand-lockup{min-width:0}.home-actions{place-self:center end;width:100%;max-width:30rem}.join-row input{min-width:0}.brand-mark,.avatar{color:#ffe7e7;background:#79111b}.primary-action,.send-button{color:#fff1f1;background:#8f121f;border-color:#a91624}.primary-action:hover:not(:disabled),.send-button:hover:not(:disabled){background:#ad1728;border-color:#d43b48}.loader{border-color:#27090d;border-top-color:var(--rose)}.solo-panel,.picker-layout,.lobby-layout,.game-over-layout{align-content:start;gap:1rem;padding:1.25rem}.picker-layout{grid-template-rows:auto minmax(0,1fr) auto}.name-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));align-content:start;min-height:0;padding-bottom:.15rem;overflow:auto}.name-option,.player-tile,.reveal-card,.vote-option{color:var(--ink);border-color:var(--line);background:#100507}.name-option span,.share-strip span,.round-status,.channel-row.active,.vote-option.selected{color:var(--ink)}.name-option.selected,.vote-option.selected,.channel-row.active{background:#2a0a0e;border-color:#a91624}.name-option.selected span{color:#ffe8e8}.empty-state,.share-strip,.sidebar,.composer{color:var(--muted);border-color:var(--line);background:#080304}.share-strip,.share-strip span{min-width:0}.player-tile{gap:.95rem}.player-tile>div,.reveal-card>div{gap:.38rem;min-width:0;display:grid}.player-tile small{line-height:1.1}.connection-badge,.connection-badge.connecting,.connection-badge.offline,.role-pill,.status-chip{border:1px solid var(--line);color:#ffd5d5;background:#2a0a0e;min-height:1.5rem;padding:0 .5rem;font-size:.74rem}.role-mafia{color:#ff9da5;background:#3a0b11}.role-guardian,.role-jester,.role-villager{color:#f0b7b7;background:#1c070a}.game-layout{width:100vw;max-width:none;height:100vh;min-height:100vh;box-shadow:none;background:#050202;border:0;grid-template-columns:15.5rem minmax(0,1fr) minmax(14rem,17rem);margin:0;overflow:hidden}.top-bar{grid-template-columns:minmax(0,1fr) auto minmax(7rem,auto);gap:.75rem;min-height:3.7rem;padding:.55rem .75rem}.top-bar,.message-panel,.thread-header{color:var(--ink);border-color:var(--line);background:#0d0506}.identity-cluster,.top-actions,.round-status{gap:.5rem}.identity-cluster .avatar{width:2.35rem;height:2.35rem;font-size:.74rem}.round-status{color:var(--ink);scrollbar-width:none;white-space:nowrap;justify-content:center;font-size:.82rem;overflow-x:auto}.round-status::-webkit-scrollbar{display:none}.round-status span:not(.countdown),.top-bar,.thread-header,.phase-banner,.roster,.sidebar,.composer{border-color:var(--line)}.top-actions{min-width:0}.icon-button{width:2.35rem;min-height:2.35rem}.mini-icon{width:1.9rem;min-height:1.9rem}.sidebar{background:#080304;overflow:hidden}.channel-list,.roster{gap:.32rem;padding:.55rem}.roster{scrollbar-gutter:stable;overflow:auto}.channel-row{min-height:2.25rem;color:var(--muted);padding:0 .55rem}.channel-row:hover:not(:disabled){color:var(--ink);background:#1d070a}.roster-row{background:0 0;min-height:2.55rem;padding:.3rem}.message-panel{background:#070202;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.notepad-panel{border-left:1px solid var(--line);min-width:0;min-height:0;color:var(--ink);background:#080304;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.notepad-toggle{border:0;border-bottom:1px solid var(--line);width:100%;min-height:2.8rem;color:var(--ink);background:#0d0506;justify-content:space-between;padding:0 .65rem}.notepad-toggle>span{align-items:center;gap:.4rem;min-width:0;font-weight:850;display:inline-flex}.notepad-toggle small{color:var(--muted);font-size:.72rem;font-weight:800}.notes-list{scrollbar-gutter:stable;align-content:start;gap:.55rem;min-height:0;padding:.55rem;display:grid;overflow:auto}.notepad-panel:not(.open) .notes-list{display:none}.note-row{gap:.32rem;display:grid}.note-row>span{color:#ffdada;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:850;overflow:hidden}.note-row.dead{opacity:.68}.note-row textarea{min-height:3.4rem;color:var(--ink);background:#100507}.note-row textarea::placeholder{color:#855f5f}.phase-banner{min-height:2.2rem;padding:.45rem .75rem}.phase-banner span{color:#d9a4a4}.thread-header{min-height:3.35rem;padding:.55rem .75rem}.thread-header h2{font-size:1.05rem}.messages{overscroll-behavior:contain;scrollbar-gutter:stable;background:#070202;gap:.45rem;padding:.75rem;overflow:auto}.message-bubble{max-width:min(78%,44rem);color:var(--ink);background:#1a080b;border:1px solid #2d0c10;padding:.58rem .68rem}.message-bubble.self{color:#fff3f3;background:#8f121f;border-color:#a91624}.system-message{border:1px solid var(--line);color:#d9a4a4;background:#130608;max-width:min(92%,44rem)}.composer{grid-template-columns:minmax(0,1fr) 2.45rem;gap:.5rem;padding:.55rem}.composer input{min-height:2.45rem}.send-button{width:2.45rem}.tone-danger,.tone-warning,.tone-success,.tone-neutral{color:#ffd9d9;background:#25080c}.vote-header>span,.player-tile small,.reveal-card small,.muted,.roster-copy small,.game-over-header p:last-child{color:var(--muted)}.vote-overlay{align-content:start;overflow:auto}.reveal-card.dead{background:#0a0304}.toast{color:#ffd9d9;box-shadow:none;background:#26080c;border-color:#8f121f}@supports (height:100dvh){.home-shell,.loading-shell,.room-shell,.game-layout{height:100dvh;min-height:100dvh}}@media (width<=860px){.home-panel{grid-template-columns:1fr;align-content:center}.home-actions{justify-self:stretch;max-width:none}.game-layout{grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:1fr}.top-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.identity-cluster{grid-column:1}.top-actions{grid-column:2;justify-content:flex-end}.round-status{grid-column:1/-1;justify-content:flex-start}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-row:2;grid-template-rows:auto minmax(0,1fr);max-height:10.4rem}.channel-list,.roster{scrollbar-width:thin;display:flex;overflow:auto hidden}.channel-list{border-bottom:1px solid var(--line)}.roster{border-top:0}.channel-row{flex:none;width:auto;min-width:7rem}.roster-row{border:1px solid var(--line);background:#0d0506;flex:0 0 10.6rem}.message-panel{grid-row:4;height:100%;min-height:0}.notepad-panel{border-left:0;border-bottom:1px solid var(--line);grid-row:3;max-height:2.8rem}.notepad-panel.open{max-height:12rem}.notes-list{grid-template-columns:repeat(2,minmax(9.5rem,1fr));overflow:auto}.note-row textarea{min-height:3rem}.message-bubble{max-width:92%}}@media (width<=760px){button,input,textarea{min-height:2.75rem}.home-panel,.picker-layout,.lobby-layout,.game-over-layout,.solo-panel{padding:max(.85rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) max(.85rem, env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left))}.home-panel{align-content:start;gap:1.15rem}.brand-lockup{align-items:flex-start}.brand-mark{flex-basis:3.55rem;width:3.55rem;height:3.55rem}.brand-mark svg{width:1.95rem;height:1.95rem}h1{font-size:2.35rem;line-height:1}.join-row,.picker-actions,.lobby-footer,.game-over-actions,.share-strip,.picker-topline,.lobby-header,.game-over-header{flex-direction:column;align-items:stretch}.join-row button,.picker-actions button,.lobby-footer button,.game-over-actions button,.primary-action{width:100%}.name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.name-option{min-height:3rem;padding:0 .65rem}.name-option span{font-size:.92rem}.player-grid,.reveal-grid,.vote-list{grid-template-columns:1fr}.share-strip span{white-space:normal;overflow-wrap:anywhere}.top-bar{min-height:0;padding:max(.55rem, env(safe-area-inset-top)) max(.6rem, env(safe-area-inset-right)) .52rem max(.6rem, env(safe-area-inset-left));gap:.48rem}.identity-cluster .avatar{width:2.1rem;height:2.1rem;font-size:.68rem}.top-actions .connection-badge{display:none}.round-status{gap:.42rem;font-size:.8rem}.round-status span:not(.countdown){padding-left:.45rem}.sidebar{max-height:9rem}.channel-list,.roster{gap:.4rem;padding:.45rem}.channel-row{min-width:6.8rem;min-height:2.55rem}.roster-row{flex-basis:10.1rem;min-height:3rem;padding:.38rem}.thread-header{min-height:2.9rem;padding:.46rem .62rem}.thread-header h2{font-size:1rem}.phase-banner{min-height:0;padding:.48rem .62rem;font-size:.8rem}.phase-banner span{white-space:normal}.messages{padding:.55rem}.message-bubble{max-width:94%;padding:.56rem .62rem}.composer{padding:.48rem max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) 2.65rem;gap:.42rem}.composer input{min-height:2.6rem}.send-button{width:2.65rem}.notepad-panel.open{max-height:10.5rem}.notepad-toggle{min-height:2.6rem}.vote-overlay{padding:.7rem max(.7rem, env(safe-area-inset-right)) max(.7rem, env(safe-area-inset-bottom)) max(.7rem, env(safe-area-inset-left))}.vote-header{flex-direction:column;align-items:flex-start;gap:.3rem}.vote-option{min-height:3.2rem}.toast{top:max(.55rem, env(safe-area-inset-top));right:max(.55rem, env(safe-area-inset-right));left:max(.55rem, env(safe-area-inset-left));max-width:none}}@media (width<=390px){h1{font-size:2.05rem}.name-grid{grid-template-columns:1fr}.channel-row{min-width:6.2rem}.roster-row{flex-basis:9.5rem}.message-meta{flex-direction:column;gap:.1rem}.notes-list{grid-template-columns:1fr}}:root{--bone:#f4eee4;--bone-dim:#cdbfb1;--coal:#050201;--soot:#0b0504;--soot-soft:#160908;--rust:#7f1e12;--rust-hot:#c43a2a;--rust-brown:#512012;--tar:#020101;--signal:#25b86f;--brass:#b88740}body{color:var(--bone);background:radial-gradient(circle at 18% 12%,#c43a2a61,#0000 24rem),radial-gradient(circle at 86% 84%,#b8874033,#0000 22rem),radial-gradient(circle at 48% 42%,#000000bd,#0000 31rem),linear-gradient(145deg,#1a0704 0%,#5b160e 47%,#120504 100%)}body:before{z-index:0;pointer-events:none;content:"";opacity:.72;mix-blend-mode:multiply;background:repeating-radial-gradient(circle at 22% 34%,#00000038 0 1px,#0000 1px 5px),repeating-linear-gradient(8deg,#ffebcd09 0 1px,#0000 1px 8px),radial-gradient(circle at 18% 26%,#000000ad,#0000 9rem),radial-gradient(circle at 78% 18%,#00000080,#0000 11rem),radial-gradient(circle at 68% 76%,#0009,#0000 14rem);position:fixed;inset:0}#root{z-index:1;position:relative}.home-shell,.loading-shell,.room-shell{background:radial-gradient(circle at 10% 18%,#00000094,#0000 13rem),radial-gradient(circle at 86% 86%,#0000009e,#0000 18rem),linear-gradient(160deg,#2a0804 0%,#741b10 46%,#160504 100%)}.home-panel,.solo-panel,.picker-layout,.lobby-layout,.game-over-layout,.game-layout{border:.35rem solid var(--tar);background:radial-gradient(circle at 16% 16%,#ffebd217,#0000 16rem),radial-gradient(circle at 76% 22%,#000000a3,#0000 18rem),repeating-radial-gradient(circle,#ffffff09 0 1px,#0000 1px 7px),linear-gradient(150deg,#1a0c08f5,#070403fa 54%,#260d08f5);box-shadow:inset 0 0 0 1px #f4eee414,inset 0 0 2.5rem #000000b8}.home-panel,.solo-panel,.picker-layout,.lobby-layout,.game-over-layout{padding:clamp(1rem,2.6vw,2rem)}h1,h2,.brand-lockup strong,.identity-cluster strong{color:var(--bone);text-shadow:0 2px #000,0 0 1rem #000000e6}.brand-lockup,.picker-topline>div,.lobby-header>div,.game-over-header>div,.thread-header,.vote-header{background:radial-gradient(at 20%,#000000c7,#0000 72%),linear-gradient(90deg,#000000bd,#0000002e)}.brand-lockup,.picker-topline>div,.lobby-header>div,.game-over-header>div{padding:.6rem .85rem}.eyebrow,label,.join-form label,.vote-header>span,.muted,.player-tile small,.reveal-card small,.roster-copy small,.game-over-header p:last-child{color:var(--bone-dim)}button,.name-option,.player-tile,.reveal-card,.vote-option,.channel-row,.roster-row,.message-bubble,.system-message,.share-strip,.connection-badge,.role-pill,.status-chip{border:.22rem solid var(--tar);background:radial-gradient(circle at 16% 20%,#ffffff14,#0000 6rem),radial-gradient(circle at 85% 82%,#00000073,#0000 7rem),linear-gradient(145deg,#18100d,#070303 58%,#1f0b07);box-shadow:inset 0 0 0 1px #f4eee40f,inset 0 -.8rem 1.6rem #00000061}button:hover:not(:disabled),.channel-row:hover:not(:disabled){background:radial-gradient(circle at 18% 32%,#c43a2a5c,#0000 7rem),linear-gradient(145deg,#2a0d08,#090303 62%,#46130d);border-color:#060101}input,textarea{color:var(--bone);border:.22rem solid var(--tar);background:radial-gradient(circle at 80% 20%,#c43a2a1f,#0000 8rem),linear-gradient(#090504,#150706);box-shadow:inset 0 0 1.2rem #00000085}input::placeholder,textarea::placeholder{color:#8e756b}.brand-mark,.avatar{border:.2rem solid var(--tar);color:var(--bone);background:radial-gradient(circle at 35% 25%,#fff5dc2e,#0000 2rem),linear-gradient(145deg,#a3271b,#3d0b08);box-shadow:0 0 1rem #000000a6,inset 0 0 1rem #00000047}.primary-action,.send-button,.name-option.selected,.vote-option.selected,.channel-row.active{color:#fff8ef;background:radial-gradient(circle at 18% 30%,#ffc57e2e,#0000 6rem),linear-gradient(150deg,#b33124,#62160f 60%,#220704);border-color:#080101}.primary-action:hover:not(:disabled),.send-button:hover:not(:disabled){background:radial-gradient(circle at 18% 30%,#ffddab33,#0000 6rem),linear-gradient(150deg,#ce4433,#741b12 60%,#2c0805)}.connection-badge.open,.role-guardian,.status-chip{color:#caffe1;background:radial-gradient(circle at 24% 36%,#25b86f47,#0000 5rem),linear-gradient(145deg,#0b2016,#040806)}.role-jester{color:#ffe3a6;background:radial-gradient(circle at 24% 36%,#b8874052,#0000 5rem),linear-gradient(145deg,#251806,#080504)}.role-mafia,.mini-icon.danger{color:#ffb5aa}.top-bar,.message-panel,.thread-header,.sidebar,.notepad-panel,.composer{background:radial-gradient(circle at 70% 12%,#7f1e1238,#0000 12rem),repeating-radial-gradient(circle at 30% 40%,#ffffff07 0 1px,#0000 1px 6px),linear-gradient(150deg,#100706,#050202 58%,#190806)}.top-bar,.thread-header,.phase-banner,.sidebar,.notepad-panel,.composer,.roster,.channel-list{border-color:var(--tar)}.share-strip{color:var(--bone)}.share-strip span{color:#f3e5d2}.player-grid,.reveal-grid,.vote-list,.name-grid{gap:.95rem}.player-tile,.reveal-card{min-height:5.45rem}.message-bubble{background:radial-gradient(circle at 14% 18%,#ffffff12,#0000 6rem),linear-gradient(145deg,#22110d,#0a0303)}.message-bubble.self{background:radial-gradient(circle at 18% 25%,#ffc9a629,#0000 6rem),linear-gradient(145deg,#9e281d,#4b0d08)}.system-message,.tone-danger,.tone-warning,.tone-success,.tone-neutral{background:radial-gradient(circle at 25%,#0000008f,#0000 10rem),linear-gradient(90deg,#1f0a07,#090303)}.phase-banner{color:#ffe6dd}.notepad-toggle{border:0;border-bottom:.22rem solid var(--tar)}.note-row>span{color:#ffe6d6}.toast{border:.24rem solid var(--tar);color:#fff1e8;background:radial-gradient(circle at 22% 32%,#c43a2a57,#0000 8rem),linear-gradient(145deg,#260a06,#090303)}@media (width<=760px){.home-panel,.picker-layout,.lobby-layout,.game-over-layout,.solo-panel{padding:max(.85rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) max(.85rem, env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left));border-width:0}.game-layout{border-width:0}.brand-lockup,.picker-topline>div,.lobby-header>div,.game-over-header>div{padding:.5rem .65rem}.player-grid,.reveal-grid,.vote-list,.name-grid{gap:.65rem}}