body{transition:background-color .6s ease,color .4s ease}body.mafia-night{--paper:#202b39;--ink:#f5f3eb;--muted:#d3d6db;--line:#637080;--orange:#b34227;background:var(--paper);color:var(--ink)}.mafia-header{max-width:1140px;padding:25px 24px}.mafia-header nav{margin-left:auto}.mafia-header a{text-decoration:none}.mafia-header .brand{color:var(--ink)}.mafia-header .brand-dot{color:#c84222}.mafia-header .chip{color:var(--ink)}#mafia-app{max-width:1140px;margin:auto}.m-setup{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:50px 0 60px}.m-intro h1{font-size:clamp(40px,4.8vw,62px);line-height:1.08;letter-spacing:-.035em;margin:0 0 24px}.m-intro h1 em{font-style:normal;color:var(--orange)}.m-intro>.lead{max-width:33ch}.m-intro>p:not(.lead){font-size:13px;color:var(--muted)}.m-cover{display:block;width:100%;height:auto;border-radius:14px;margin:26px 0 0}.m-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}#mafia-setup{padding-top:8px}#mafia-setup h2{margin:0;font-size:27px;letter-spacing:-.025em}#mafia-setup .field{margin:18px 0 8px}#mafia-setup textarea{min-height:180px}.m-check{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:15px;cursor:pointer}.m-check input{width:20px;height:20px;accent-color:var(--orange)}#mafia-setup>.button{width:100%;margin-top:8px}.m-resume{padding:20px 0 28px;border-bottom:1px solid var(--line);margin-bottom:24px}.m-resume h2{font-size:23px;margin:0}.m-game{max-width:640px;margin:18px auto 64px;text-align:center}.m-phase{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:32px}.m-phase .button{font-size:12px;min-height:44px;padding:8px 14px}.m-game h1{font-size:clamp(34px,4.2vw,52px);letter-spacing:-.035em;line-height:1.1;margin:20px 0}.m-game h1:focus{outline:none}.m-game .lead{max-width:50ch;margin:18px auto 28px}.m-game>p{line-height:1.65}.m-game>.button{width:100%;margin-top:18px}.m-role{min-height:280px;background:#e1e6d7;border-radius:14px;padding:30px;display:flex;align-items:center;flex-direction:column;justify-content:center;margin:26px 0;animation:unseal .45s cubic-bezier(.16,1,.3,1)}.m-role-mafia{background:#263447;color:#f5f3eb}.m-role-doctor{background:#d0e4da}.m-role-detective{background:#e4dbed}.m-role-symbol{font-size:56px;line-height:1;font-weight:700}.m-role h2{font-size:30px;margin:16px 0 5px}.m-role p{max-width:40ch;line-height:1.65}.m-sealed{height:220px;background:#263447;border-radius:14px;margin:30px 0;display:grid;place-items:center}.m-sealed span{width:100px;height:68px;border:2px solid #d4bc8d;border-radius:4px;position:relative}.m-sealed span:before,.m-sealed span:after{content:'';position:absolute;top:8px;width:57px;height:2px;background:#d4bc8d}.m-sealed span:before{left:0;transform:rotate(30deg);transform-origin:left}.m-sealed span:after{right:0;transform:rotate(-30deg);transform-origin:right}.m-moon{width:130px;height:130px;border-radius:50%;background:#e8dab9;margin:40px auto;box-shadow:24px 6px 0 0 var(--paper) inset;animation:moon-in .8s cubic-bezier(.16,1,.3,1)}.m-targets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 10px}.m-targets .button{overflow-wrap:anywhere;min-height:60px}.m-host-note{font-size:12px;color:var(--muted);margin:34px 0 0}.m-note{padding:14px 0;border-block:1px solid var(--line);font-size:14px}.m-inspection{padding:30px 0;margin:24px 0;border-block:1px solid var(--line)}.m-inspection h2{font-size:32px;margin:0 0 12px}.m-inspection p{font-size:24px;margin:0}.m-timer{font-size:clamp(76px,12vw,108px);font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.15;margin:30px 0 0}.m-timer-actions{display:flex;gap:12px;justify-content:center;margin:22px 0 4px}.m-roster,.m-journal{text-align:left;border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.m-roster summary,.m-journal summary{cursor:pointer;min-height:44px;padding:10px 0}.m-roster ul,.m-reveal-list{list-style:none;padding:0}.m-roster li,.m-reveal-list li{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.m-roster li span{font-size:12px;color:var(--muted);white-space:nowrap}.m-roster .is-out{color:var(--muted);text-decoration:line-through}.m-reveal-list{text-align:left;margin:25px 0}.m-reveal-list small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.m-reveal-list strong{font-size:14px}.m-journal ol{line-height:1.8;padding-left:22px}.mafia-tools{max-width:1092px;margin:24px auto;padding:18px 0;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center;flex-wrap:wrap}.mafia-tools>p{flex-basis:100%;font-size:12px;color:var(--muted);margin:0}.mafia-tools label{display:flex;gap:12px;align-items:center;font-size:12px}.mafia-tools input{width:130px;padding:0;accent-color:#c84222}.mafia-night .button.outline{border-color:#7e8c9b;color:var(--ink)}.mafia-night .button.outline:hover{background:#344457}.mafia-night .button.primary{color:#fff}.mafia-night dialog{--paper:#f5f3eb;--ink:#24251f;--muted:#62665a;--line:#d8dbd0;--orange:#c84222}.mafia-night .brand svg{fill:var(--ink)}.mafia-night footer a{color:var(--ink)}:focus-visible{outline:3px solid #b55a32;outline-offset:4px}::selection{background:#d7b29a;color:#24251f}textarea{caret-color:#c84222}*{scrollbar-color:#9b9e91 transparent}.button:disabled{opacity:.45;cursor:default}.m-game>h1,.m-game>.lead{animation:arrive .3s cubic-bezier(.16,1,.3,1)}@keyframes arrive{from{transform:translateY(5px)}to{transform:none}}@keyframes unseal{from{clip-path:inset(0 0 15% 0);transform:translateY(8px)}to{clip-path:inset(0);transform:none}}@keyframes moon-in{from{transform:translateY(12px) rotate(-20deg)}to{transform:none}}@media(max-width:760px){.m-setup{grid-template-columns:1fr;gap:32px;padding:20px 0 35px}.m-intro h1{font-size:44px}.m-cover{max-height:230px;object-fit:cover}.m-intro>.lead{max-width:none}.mafia-header{padding:18px 20px}.mafia-header nav{display:flex;gap:12px}.mafia-header nav a{font-size:12px}.m-game{margin-top:12px}.m-phase{margin-bottom:24px}.m-game h1{font-size:34px}.m-game .lead{font-size:16px;margin-bottom:22px}.m-sealed{height:170px}.m-role{padding:24px 18px;min-height:240px}.mafia-tools{margin:20px;padding:18px 0}.m-options{gap:12px}.m-targets .button{padding:12px}.m-game>.button{margin-top:14px}.m-moon{margin:30px auto}.m-reveal-list strong{font-size:13px}.m-reveal-list span{max-width:60%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mafia-night .mafia-header nav button,.mafia-night .mafia-tools .chip{color:var(--ink)}.mafia-night .mafia-tools .chip:hover{background:#344457}.mafia-header nav button{min-height:44px}.m-role-symbol{letter-spacing:-.025em}
.m-mode{border:0;padding:0;margin:28px 0}.m-mode legend{font-weight:600;font-size:14px;margin-bottom:12px}.m-mode label{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;margin:10px 0}.m-mode label:has(input:checked){border-color:#526d54;background:#e7ecdf}.m-mode input{width:20px;height:20px;flex-shrink:0;margin:2px 0;accent-color:#526d54}.m-mode b{font-size:16px}.m-mode small{display:block;line-height:1.5;margin-top:6px;font-size:13px;color:var(--muted)}.m-host{margin:36px 0 0;border-top:1px solid var(--line);padding:22px 0 0;text-align:left}.m-host-title{display:flex;align-items:center;gap:12px}.m-host-title svg{color:#526d54}.m-host p{font-size:14px;line-height:1.65;color:var(--muted)}.m-host .button{min-height:44px;font-size:13px;padding:10px 16px}.mafia-night .m-host-title svg{color:#d4bc8d}.m-private{font-size:13px;color:var(--muted)}.m-voice-controls{width:100%;padding-bottom:18px;border-bottom:1px solid var(--line)}#voice-options{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:16px}#voice-rate{width:auto;padding:9px}#voice-status{font-size:13px;line-height:1.5}#voice-status:empty{display:none}.m-voice-controls .help{max-width:65ch;margin-bottom:0}.m-host .button:focus-visible,.m-mode input:focus-visible{outline:3px solid #b55a32;outline-offset:4px}
@media(max-width:600px){.m-game .m-phase{margin-bottom:12px}.m-game h1{font-size:30px;margin-block:12px}.m-game .lead{line-height:1.5;margin-bottom:16px}.m-game .m-sealed{height:140px}.m-game .m-host{margin-top:24px}.mafia-tools .chip{min-height:44px}}