:root{color:#e8ece7;font-synthesis:none;--muted:#91a1a5;--accent:#d3ed9e;--line:#303b41;background:#10161d;font-family:Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 70% 15%,#20303755,#0000 60%),#10161d;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:inherit;background:#242f34;border-radius:10px;padding:12px 18px;transition:background .2s,transform .2s}button:hover:enabled{background:#344148;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:25px 40px;display:flex}.brand{align-items:center;gap:13px;font-size:19px;font-weight:700;display:flex}.brand small{color:var(--muted);margin-top:7px;font-size:10px;font-weight:400;display:block}.moon{color:var(--accent);font-size:43px}.top-actions{align-items:center;gap:18px;display:flex}.text-btn{color:var(--muted);background:0 0;border:0}.landing{grid-template-columns:1.35fr 1fr;align-items:start;gap:90px;max-width:1260px;margin:65px auto;padding:0 40px;display:grid}.eyebrow{letter-spacing:.6px;color:var(--accent);font-size:12px}h1{letter-spacing:-2px;margin:20px 0;font-size:64px;font-weight:700;line-height:1.45}h1 em{color:var(--accent);font-style:normal}p{color:#b3c0c0;line-height:1.95}.hero>p{max-width:510px;font-size:16px}.pills{flex-wrap:wrap;gap:10px;margin:25px 0;display:flex}.pills span{border:1px solid var(--line);color:#c1cccc;border-radius:30px;padding:9px 13px;font-size:11px}.panel{border:1px solid var(--line);background:linear-gradient(150deg,#202c32,#19232a);border-radius:18px;padding:25px}.entry{margin-top:15px;padding:34px}.entry h2{margin:17px 0 25px;font-size:28px}label{color:#b3c0c0;font-size:13px;display:block}input{color:#f2f5eb;background:#111b21;border:1px solid #3c494f;border-radius:10px;width:100%;min-width:0;margin:10px 0 18px;padding:15px}.primary{background:var(--accent);color:#1c281c;border-color:var(--accent);font-weight:700}.primary:hover:enabled{background:#e3f6bd}.entry button{width:100%;margin:4px 0}.primary span{float:left}.secondary{background:#2c393e}.divider{color:var(--muted);align-items:center;gap:15px;margin:25px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.code-input{text-align:center;letter-spacing:12px;direction:ltr;font-size:21px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.entry>small{text-align:center;margin-top:22px;display:block}.scene{background:radial-gradient(at 50% 100%,#768b4122,#0000 60%);border-bottom:1px solid #4c5d54;height:220px;margin-top:26px;position:relative;overflow:hidden}.orb{background:#d3ed9e;border-radius:50%;width:95px;height:95px;position:absolute;top:20px;left:25%;box-shadow:0 0 95px #d3ed9e22}.orb:after{content:"";background:#172028;border-radius:50%;width:90px;height:90px;position:absolute;top:-18px;left:30px}.houses{text-align:center;letter-spacing:15px;color:#344444;font-size:90px;position:absolute;bottom:25px;left:0;right:0}.scene-label{text-align:center;width:100%;color:var(--muted);background:#10161dcc;padding:10px;font-size:11px;position:absolute;bottom:0}footer{border-top:1px solid var(--line);max-width:1240px;color:var(--muted);justify-content:space-between;margin:35px auto 0;padding:25px 0;font-size:12px;display:flex}.toast{z-index:20;color:#26301e;background:#e9efdc;border-radius:12px;align-items:center;gap:20px;max-width:90vw;padding:12px 22px;display:flex;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0008}.toast button{color:#26301e;background:0 0;padding:3px 8px}.rules{max-width:1100px;margin:25px auto}.game{max-width:1320px;margin:30px auto;padding:0 40px}.game-heading{justify-content:space-between;align-items:center;margin:32px 0;display:flex}.game-heading h1{letter-spacing:-1px;margin:12px 0;font-size:36px}.heading-actions{align-items:center;gap:15px;display:flex}.timer{color:var(--accent);direction:ltr;font:30px monospace}.layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;display:grid}.main-column{min-width:0}.main-column>.panel{margin-bottom:22px}.intro h2,.role-card h2{font-size:23px}.intro p,.role-card p{font-size:13px}.lobby-actions{gap:10px;display:flex}.role-card{border-color:#657449;justify-content:space-between;align-items:center;display:flex}.role-card.danger{border-color:#92695c}.role-card button{white-space:nowrap}.section-title{justify-content:space-between;align-items:center;gap:10px;margin:12px 0 18px;display:flex}.section-title h2{margin:0;font-size:17px}.section-title h2 span{color:var(--muted);margin-right:10px;font:12px monospace}.section-title>span{color:var(--muted);font-size:11px}.players{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.player{background:#1c272d;border-radius:14px;flex-direction:column;align-items:center;gap:10px;min-height:155px;padding:22px 8px;display:flex;position:relative}.player:disabled{opacity:1}.player.dead{opacity:.42}.player strong{overflow-wrap:anywhere;max-width:100%;font-size:13px}.player small{color:var(--muted);font-size:11px}.avatar{color:#d5ead2;background:#435048;border-radius:17px;place-items:center;width:50px;height:50px;font-size:24px;display:grid}.a1{color:#e7cebb;background:#524846}.a2{color:#c5ddea;background:#354b5c}.a3{color:#decee7;background:#554857}.a4{color:#ece5bb;background:#57533d}.dot{background:#617079;border-radius:50%;width:6px;height:6px;position:absolute;top:13px;left:13px}.dot.on{background:var(--accent)}.selected{border:1px solid var(--accent);background:#2b392b}.picked{color:var(--accent);font-size:10px}.selection{color:var(--muted);justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;display:flex}.timeline{margin-top:24px}.timeline h3{font-size:15px}.timeline p{gap:10px;font-size:13px;display:flex}.timeline span{color:var(--accent)}aside>.panel{margin-bottom:24px}.audio-panel small{margin-top:12px;display:block}.audio-panel button{width:100%;margin:7px 0}.wave{letter-spacing:3px;color:var(--accent)!important}.audio-panel p{font-size:12px}.messages{scrollbar-width:thin;height:290px;padding-left:5px;overflow:auto}.message{overflow-wrap:anywhere;background:#263339;border-radius:12px;margin-bottom:10px;padding:10px 13px}.message small{color:var(--accent);font-size:10px}.message p{color:#e0e6e2;margin:4px 0;font-size:13px}.message.secret{border-right:2px solid #bb947f}.chat-panel form{gap:8px;margin-top:10px;display:flex}.chat-panel input{margin:0;font-size:12px}.chat-panel form button{padding:10px}.empty{text-align:center;color:var(--muted);margin-top:80px;font-size:12px}.connection{color:#dcaa9e;font-size:11px}.connection.on{color:var(--accent)}.settings{align-items:center;gap:10px;margin-top:15px;display:flex}.settings label{flex:1}.settings input{margin-bottom:0}.intro details{margin-top:22px;font-size:12px}.victory{border-color:var(--accent)}@media (width<=1000px){.landing{gap:35px}.layout{grid-template-columns:minmax(0,1fr) 280px}.players{grid-template-columns:repeat(3,1fr)}h1{font-size:50px}}@media (width<=720px){.top{padding:17px 20px}.brand{font-size:15px}.brand small{font-size:9px}.moon{font-size:32px}.landing{flex-direction:column;gap:12px;margin:35px 0;padding:0 20px;display:flex}.hero h1{font-size:44px}.hero>p{font-size:14px}.scene{display:none}.entry{width:100%;padding:25px}.pills span{font-size:10px}.game{padding:0 16px}.layout{display:block}.game-heading{align-items:flex-start;gap:10px}.game-heading h1{font-size:27px}.heading-actions{flex-direction:column;align-items:flex-end}.heading-actions button{padding:10px;font-size:11px}.role-card{padding:20px;display:block}.role-card h2{font-size:20px}.players{grid-template-columns:repeat(3,1fr);gap:8px}.player{min-height:140px;padding:15px 5px}.player strong{font-size:11px}.panel{padding:20px}.audio-panel{margin-top:22px}.settings{flex-wrap:wrap}footer{gap:15px;margin:25px 20px;font-size:10px;line-height:1.8}.rules{margin:20px}.toast{width:90vw}.top-actions{gap:0}.text-btn{font-size:11px}}.phase-guide{border-color:#7b9252;margin-bottom:24px}.phase-guide h2{margin:20px 0 8px;font-size:23px}.phase-guide small{color:#b6c2c2;line-height:1.8;display:block}.phase-steps{flex-wrap:wrap;gap:8px;display:flex}.phase-steps span{color:#b6c2c2;border:1px solid #475653;border-radius:20px;padding:8px 12px;font-size:12px}.phase-steps .current{color:#172320;background:#d5eda0;border-color:#d5eda0;font-weight:700}.decision-saved{color:#d5eda0}.chat-channels{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.chat-channels button{border:1px solid #55605e;flex:1;padding:12px 8px;font-size:12px}.chat-channels button[aria-pressed=true]{outline:2px solid #d5eda0}.mafia-channel{color:#ffd9dc!important;background:#612b37!important}.chat-channels .mafia-channel[aria-pressed=true]{outline-color:#ff8c98}.chat-destination{min-height:52px;font-size:12px}.private-chat{border-color:#e77a89}.message.secret{background:#40242d;border:1px solid #e77a89;border-right-width:4px}.message.secret small{color:#ffb1bc}.chat-panel form{flex-wrap:wrap}.chat-panel form input{flex:1;min-width:140px}.chat-panel form button{font-size:12px}.player.speaking,.player.speaking:disabled{opacity:1;border-color:#d5eda0;box-shadow:0 0 0 3px #a6d46570}.speaker-badge,.action-hint{color:#d5eda0;margin-top:8px;font-size:11px;display:block}.player{transition:border-color .15s,box-shadow .15s}@media (prefers-reduced-motion:reduce){.player{transition:none}}.decision-warning{background:#483727;border:1px solid #dba560;border-radius:12px;padding:1rem}.host-controls{margin-bottom:1rem}.host-controls details{margin:1rem 0}.host-controls details button{margin:.35rem}.entry-actions{gap:10px;display:flex}.entry-actions button{flex:1}.host-controls .lobby-actions{flex-wrap:wrap}body{transition:background-color .7s}body[data-phase=night]{background:radial-gradient(at 75% 0,#243060,#0000 65%),#080d20}body[data-phase=night] .panel,body[data-phase=night] .player{background:linear-gradient(150deg,#1c2441,#11192c);border-color:#374367}body[data-phase=discussion]{background:radial-gradient(at 70% 0,#8b7645,#0000 70%),#26393b}body[data-phase=discussion] .panel,body[data-phase=discussion] .player{background:linear-gradient(145deg,#384b48,#233638);border-color:#69775c}body[data-phase=vote]{background:radial-gradient(at 70% 0,#63452e,#0000 70%),#271f26}.phase-scene{background:#ffffff08;border:1px solid #85887966;border-radius:22px;align-items:center;gap:24px;margin-bottom:24px;padding:26px;display:flex}.phase-scene h2{margin:0;font-size:26px}.phase-scene p{margin-bottom:0}.phase-orb{color:#ffe7a1;text-shadow:0 0 35px #ffefad55;font-size:76px}[data-phase=night] .phase-orb{color:#cad8ff}.sleep-badge{color:#b6c4f0;font-size:12px;position:absolute;top:10px;right:10px}.sleeping .avatar{opacity:.6}.confirm-night{width:100%;margin-top:16px}@media (width<=720px){.phase-scene{gap:14px;padding:18px}.phase-scene h2{font-size:20px}.phase-orb{font-size:48px}}@media (prefers-reduced-motion:reduce){body{transition:none}}