/* 2026-09-21: Mafia/Werewolf, Categories Challenge, Trivia Challenge */
.three-new-game-page .batch-stage{min-height:470px}.mafia-setting{width:min(620px,100%);margin:13px auto;padding:11px 13px;border:1px solid rgba(92,233,255,.17);border-radius:14px;background:rgba(39,96,159,.12);color:#cdefff;font-size:.84rem;line-height:1.45}.mafia-private{width:min(620px,100%);margin:15px auto 0;padding:16px;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:linear-gradient(145deg,rgba(7,18,78,.78),rgba(85,20,108,.68));text-align:center}.mafia-private[hidden],.mafia-setting[hidden],.mafia-targets[hidden],.mafia-timer[hidden]{display:none}.mafia-private strong{display:block;margin:9px 0 5px;color:#fff;font-size:clamp(1.2rem,3vw,1.65rem)}.mafia-private p{margin:0;color:#d8def6;line-height:1.5}.mafia-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(620px,100%);margin:15px auto 2px}.mafia-target{min-height:48px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.055);color:#fff;font:inherit;font-weight:850;cursor:pointer;padding:9px 10px}.mafia-target:hover,.mafia-target:focus-visible{border-color:#63eaff;background:rgba(78,219,255,.1);outline:none}.mafia-target.is-selected{border-color:#ffcc67;background:rgba(255,196,71,.12);box-shadow:0 0 0 2px rgba(255,196,71,.08)}.mafia-target.is-villain{border-color:#ff6fae}.mafia-timer{--p:100%;position:relative;width:92px;height:92px;margin:16px auto 2px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#5ce9ff var(--p),rgba(255,255,255,.11) 0);isolation:isolate;box-shadow:0 12px 28px rgba(0,0,0,.18)}.mafia-timer::before{content:"";position:absolute;inset:6px;border-radius:50%;background:linear-gradient(145deg,#0b1f64,#3f176f);z-index:-1}.mafia-timer span{font-size:2rem;font-weight:950;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.mafia-timer small{margin-top:4px;color:#a9c8df;font-size:.55rem;font-weight:950;letter-spacing:.12em}.mafia-timer.is-low{background:conic-gradient(#ffcb55 var(--p),rgba(255,255,255,.11) 0)}
.categories-letter{display:grid;place-items:center;width:90px;height:90px;margin:10px auto;border-radius:23px;background:linear-gradient(145deg,#258ccb,#7b31d4);color:#fff;font-size:3.8rem;font-weight:950;box-shadow:0 16px 30px rgba(0,0,0,.2)}.categories-answer-grid{display:grid;gap:8px;width:min(690px,100%);margin:14px auto}.categories-row{display:grid;grid-template-columns:minmax(155px,.85fr) minmax(0,1.25fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(8,17,70,.4);text-align:left}.categories-prompt{color:#e8edff;font-size:.82rem;font-weight:800;line-height:1.25}.categories-row input{min-width:0;width:100%;min-height:42px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(5,13,60,.76);color:#fff;padding:0 10px;font:inherit;font-weight:750}.categories-row input:focus{outline:2px solid rgba(92,233,255,.55);outline-offset:1px}.categories-row input:disabled{opacity:.7}.categories-review{display:flex;gap:5px}.categories-review button{min-width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.055);color:#fff;font-weight:900;cursor:pointer}.categories-review button.is-on{border-color:#77ffc0;background:rgba(82,220,139,.15)}.categories-review button[data-value="0"].is-on{border-color:#ff8f9f;background:rgba(255,80,112,.13)}.categories-invalid{color:#ffb199;font-size:.68rem;font-weight:850}.categories-timer{width:78px;height:78px;margin-top:11px}.categories-timer span{font-size:1.65rem}
.trivia-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(660px,100%);margin:17px auto 5px}.trivia-option{min-height:58px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:linear-gradient(145deg,rgba(33,79,174,.3),rgba(97,37,143,.28));color:#fff;padding:10px 13px;font:inherit;font-weight:850;line-height:1.25;cursor:pointer}.trivia-option:hover,.trivia-option:focus-visible{border-color:#63eaff;background:rgba(78,219,255,.1);outline:none}.trivia-option:disabled{cursor:default;opacity:.84}.trivia-option.is-correct{border-color:#79ffc1;background:rgba(50,196,111,.18);color:#caffdf}.trivia-option.is-wrong{border-color:#ff8fa1;background:rgba(255,72,102,.14);color:#ffd2d8}.trivia-explanation{width:min(660px,100%);margin:11px auto 0;padding:11px 13px;border:1px solid rgba(92,233,255,.18);border-radius:13px;background:rgba(22,72,133,.16);color:#dfeaff;font-size:.84rem;line-height:1.45}.trivia-explanation strong{color:#8ff2ff}.trivia-timer{width:78px;height:78px;margin-top:12px}.trivia-timer span{font-size:1.65rem}.trivia-game .batch-question{font-size:clamp(1.25rem,3vw,1.9rem)}
@media(max-width:620px){.three-new-game-page .batch-stage{min-height:420px}.mafia-targets{grid-template-columns:1fr}.mafia-timer{width:80px;height:80px}.mafia-timer span{font-size:1.75rem}.categories-row{grid-template-columns:1fr}.categories-review{justify-content:flex-start}.categories-letter{width:76px;height:76px;font-size:3.1rem}.trivia-options{grid-template-columns:1fr}.trivia-option{min-height:52px}.mafia-private{padding:13px}.categories-answer-grid{margin-top:12px}}