:root{font-family:'DM Sans','Noto Sans JP',sans-serif;color:#f3f4f6;background:#101318;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#101318;--panel:#191d24;--line:#2a303a;--muted:#858d9b;--lime:#d4fc63;--orange:#ff875e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 20% 0,#20262c 0,transparent 40%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}.home-shell,.setup-shell{max-width:1050px;min-height:100svh;margin:auto;padding:32px clamp(22px,6vw,72px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--lime);color:#151910;font-size:22px;font-weight:800;transform:rotate(-5deg)}.brand strong{font-size:17px;letter-spacing:-.04em}.brand strong span,.brand>div strong span{color:var(--lime)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;margin-top:2px}.hero{margin:auto 0;padding:90px 0 76px;max-width:650px}.eyebrow,.host-panel-top small,.section-heading small{font:500 10px 'DM Mono',monospace;color:var(--lime);letter-spacing:.16em}.hero h1,.setup-shell h1{font-size:clamp(48px,9vw,88px);letter-spacing:-.075em;line-height:1.02;margin:20px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:390px;color:#a3aab5;line-height:1.9;margin:25px 0 32px}.primary{background:var(--lime);border:0;border-radius:10px;color:#151910;font-weight:800;padding:16px 22px;display:inline-flex;justify-content:space-between;align-items:center;gap:42px;min-height:54px}.primary:hover{background:#e2ff8b;transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:not-allowed}.primary.large{width:min(100%,330px);padding:18px 22px}.primary span{font-size:20px}.hero-note{font:11px 'DM Mono',monospace;color:#9299a4;margin-top:20px}.pulse,.phase-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #d4fc6380;margin-right:8px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:22px 0 34px}.feature-row>div{display:flex;gap:17px;align-items:flex-start;color:#b5bbc5;font-size:12px;line-height:1.7}.feature-row b{font:11px 'DM Mono',monospace;color:var(--lime)}footer{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#626b77;display:flex;justify-content:space-between}footer span{color:#949ba6}.setup-shell{max-width:700px}.back,.text-button{border:0;background:none;color:#a0a7b1;padding:10px 0;text-align:left;margin-bottom:65px}.back:hover,.text-button:hover{color:var(--lime)}.setup-shell h1{font-size:clamp(48px,8vw,70px);margin:16px 0 32px}.setup-form{display:grid;gap:22px;max-width:500px}.setup-form label{display:grid;gap:9px;font-size:12px;font-weight:700;color:#dce0e6}.setup-form small{color:#858d9b;font-weight:400;margin-left:6px}.setup-form input,.setup-form select,.setup-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:14px;background:#191d24;color:#f3f4f6;outline:none}.setup-form input:focus,.setup-form select:focus,.setup-form textarea:focus{border-color:var(--lime)}.setup-form textarea{resize:vertical;line-height:1.8}.room-shell{min-height:100svh}.room-header{height:72px;border-bottom:1px solid var(--line);padding:0 clamp(18px,5vw,62px);display:flex;align-items:center;justify-content:space-between}.compact{gap:9px;text-decoration:none}.compact .brand-mark{width:32px;height:32px;font-size:17px;border-radius:10px}.compact strong{font-size:14px}.room-code{display:flex;align-items:center;gap:12px;font-family:'DM Mono',monospace}.room-code small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.room-code b{font-size:14px;letter-spacing:.15em;color:var(--lime)}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:var(--panel);border-radius:8px;font-size:20px}.room-content{max-width:1050px;margin:auto;padding:50px clamp(18px,5vw,62px) 70px}.room-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.room-title h1{font-size:clamp(30px,5vw,46px);letter-spacing:-.06em;margin:9px 0 0}.phase-pill{border:1px solid var(--line);border-radius:100px;padding:9px 13px;color:#c3c8d0;font-size:10px;white-space:nowrap}.phase-pill.buzzed{border-color:#ff875e80;color:#ffab8c}.phase-pill.buzzed i{background:var(--orange);box-shadow:0 0 14px #ff875e80}.phase-pill.finished i{background:#9ca3af}.host-panel{background:linear-gradient(125deg,#20262a,#191d24 65%);border:1px solid #343b43;border-radius:15px;padding:23px 26px;margin-bottom:43px}.host-panel-top{display:flex;justify-content:space-between;align-items:center}.host-panel-top h2,.section-heading h2{font-size:18px;margin:6px 0 0;letter-spacing:-.04em}.host-round{font:12px 'DM Mono',monospace;color:#737c87;border:1px solid var(--line);padding:7px 10px;border-radius:6px}.host-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.host-actions .primary{min-width:200px}.host-hint{color:#8b939e;font-size:11px}.secondary{padding:15px 20px;border-radius:9px;border:1px solid #353c47;background:#232831;color:#adb4bf;min-height:52px}.judge{border:0;border-radius:9px;min-height:52px;padding:0 25px;font-weight:800}.judge.correct{background:var(--lime);color:#171a11}.judge.incorrect{background:#ff765d;color:#23130f}.players-section{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-heading h2 span{color:#727b87;font:12px 'DM Mono',monospace;margin-left:8px}.section-heading .text-button{margin:0;padding:5px;font-size:10px}.player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-card{position:relative;min-height:132px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:17px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:12px 10px;transition:border-color .15s,background .15s}.player-card.is-buzzed{border-color:var(--lime);background:#22291c;box-shadow:0 0 0 1px #d4fc6320}.player-card.is-out{opacity:.48}.player-meta{display:flex;align-items:center;gap:9px;min-width:0}.player-index{font:10px 'DM Mono',monospace;color:#707986}.player-meta strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.out-tag,.penalty-tag{font:8px 'DM Mono',monospace;letter-spacing:.08em;color:#ff8774}.penalty-tag{color:#ffd05e}.player-stats{display:flex;align-items:center;gap:13px;color:#aab1bc;font:11px 'DM Mono',monospace}.player-stats>b{font-size:18px;color:#f2f4f6}.player-stats small{font-size:9px;color:#818995;margin-left:3px}.player-stats i{font-style:normal;color:var(--lime)}.player-stats i.cross{color:var(--orange)}.buzz-button{grid-column:1/-1;align-self:end;height:42px;border:1px solid #3b444e;border-radius:7px;background:#252b33;color:#aeb6c1;font:500 11px 'DM Mono',monospace;letter-spacing:.18em;touch-action:manipulation;transition:transform .08s,background .08s,color .08s}.buzz-button:not(:disabled){background:var(--lime);border-color:var(--lime);color:#151910;font-weight:800}.buzz-button:not(:disabled):active,.buzz-button.pressed{transform:scale(.98);background:#ecffaf}.buzz-button:disabled{cursor:default}.is-buzzed .buzz-button{background:var(--orange);border-color:var(--orange);color:#24150f}.results{margin-top:42px;padding:24px;background:#191d24;border:1px solid var(--line);border-radius:12px}.results h2{margin:7px 0 17px}.results p{padding:12px 0;margin:0;border-top:1px solid var(--line);font-size:13px}.results p>b{font:11px 'DM Mono',monospace;color:var(--lime);margin-right:10px}.results p span{float:right;color:#a6aeb8;font-size:11px}
@media(max-width:650px){.home-shell{padding-top:24px}.hero{padding:80px 0 70px}.feature-row{gap:10px}.feature-row>div{display:block;font-size:10px}.feature-row b{display:block;margin-bottom:7px}.room-header{height:62px}.room-header-actions .room-code{flex-direction:column;align-items:flex-end;gap:2px}.room-header-actions .room-code small{display:none}.room-header-actions .room-code b{font-size:10px;letter-spacing:.08em}.room-header-actions .icon-button{display:none}.room-code{gap:7px}.room-code small{font-size:7px}.room-code b{font-size:12px}.room-content{padding-top:32px}.room-title{align-items:flex-start;flex-direction:column;gap:13px}.room-title h1{font-size:34px}.host-panel{padding:19px 16px}.host-actions{align-items:stretch;flex-direction:column;gap:12px}.host-actions .primary,.host-actions .judge,.host-actions .secondary{width:100%;justify-content:center}.host-hint{text-align:center}.player-grid{grid-template-columns:1fr}.player-card{min-height:143px;padding:17px}.players-section{margin-top:32px}.setup-shell{padding-top:20px}.setup-shell .back{margin-bottom:48px}}
.countdown{font:500 22px 'DM Mono',monospace;color:var(--lime);letter-spacing:.08em}.countdown small{font:9px 'DM Mono',monospace;color:#87908d;margin-left:5px}.countdown.urgent{color:var(--orange)}.countdown.urgent small{color:#c48c7c}.host-actions .skip-question{margin:0;padding:8px 10px;white-space:nowrap;color:#aab1bc}.host-actions .skip-question:hover{color:var(--lime)}
.join-entry{margin-top:12px;width:min(100%,330px);justify-content:space-between;border-color:#3b444e}.form-note,.form-error{max-width:440px;margin:0;color:#9aa2ad;font-size:11px;line-height:1.7}.form-error{color:#ff997f;min-height:1em}.connection-notice{border:1px solid #7f583e;background:#33271f;color:#ffd2ad;border-radius:8px;padding:10px 13px;font-size:11px;margin:0 0 16px}.host-player-status{grid-column:1/-1;align-self:end;border-top:1px solid var(--line);padding-top:10px;color:#a4acb7;font:10px 'DM Mono',monospace}.is-buzzed .host-player-status{color:var(--lime)}.empty-players{grid-column:1/-1;color:#818a96;font-size:12px;padding:22px;border:1px dashed #343b45;border-radius:10px;text-align:center}
.room-header-actions{display:flex;align-items:center;gap:16px}.mode-button{min-height:34px;padding:7px 11px;font-size:10px;border-radius:7px}.player-shell{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 85%,#28311d 0,transparent 45%),#101318;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.player-shell:not(.accepting){background:radial-gradient(ellipse at 50% 85%,#1c242d 0,transparent 45%),#101318}.player-header,.player-footer{width:min(100%,620px);margin:0 auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between}.player-header .text-button{margin:0;padding:9px;font-size:10px}.player-main{flex:1;width:min(100%,620px);margin:auto;padding:30px 22px 38px;display:flex;flex-direction:column;justify-content:center}.player-game-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#939ba7;font:9px 'DM Mono',monospace;letter-spacing:.09em}.player-game-meta .eyebrow{font-size:9px}.player-select-label{display:grid;gap:7px;color:#78818d;font:9px 'DM Mono',monospace;letter-spacing:.14em;margin-top:32px}.player-select-label select{width:100%;border:1px solid var(--line);background:#191d24;color:#f3f4f6;border-radius:8px;padding:12px;font:600 14px 'DM Sans','Noto Sans JP',sans-serif}.player-scoreline{display:flex;justify-content:space-between;align-items:center;padding:22px 2px}.player-scoreline>div{display:flex;flex-direction:column;gap:8px}.player-scoreline strong{font-size:20px;letter-spacing:-.04em}.player-scoreline span{font:11px 'DM Mono',monospace;color:var(--lime)}.player-scoreline i{font-style:normal;color:var(--orange);margin-left:10px}.player-scoreline>b{font:700 25px 'DM Mono',monospace}.player-scoreline>b small{font-size:9px;color:#8c949f;margin-left:6px}.player-buzz{width:100%;aspect-ratio:1.2;max-height:390px;border:1px solid #35404b;border-radius:24px;background:linear-gradient(145deg,#242a32,#191d24);color:#818a96;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;touch-action:manipulation;transition:transform .08s,background .12s,box-shadow .12s}.player-buzz span{font:800 clamp(45px,15vw,72px) 'DM Sans',sans-serif;letter-spacing:.08em}.player-buzz small{font:10px 'DM Mono',monospace;letter-spacing:.14em}.player-buzz.ready{background:var(--lime);border-color:#e5ff9b;color:#17200c;box-shadow:0 18px 70px #d4fc631c}.player-buzz.ready:active,.player-buzz.pressed{transform:scale(.975);background:#eaffaa}.player-buzz.won{background:var(--orange);border-color:var(--orange);color:#24150f}.player-buzz:disabled{cursor:default}.player-state{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;color:#a5adb8;font-size:11px}.state-dot{width:7px;height:7px;border-radius:50%;background:#747d89}.state-dot.question{background:var(--lime);box-shadow:0 0 12px #d4fc6380}.state-dot.buzzed{background:var(--orange)}.state-dot.finished{background:#858d9b}.player-time{font:12px 'DM Mono',monospace;color:var(--lime);margin-left:8px}.player-footer{font:9px 'DM Mono',monospace;letter-spacing:.13em;color:#737b85}.player-footer span:last-child{color:var(--lime)}
@media(max-width:650px){.room-header-actions{gap:8px}.room-header-actions .room-code{flex-direction:column;align-items:flex-end;gap:2px}.mode-button{font-size:9px;padding:6px 8px}.player-main{justify-content:space-between;padding-top:12vh;padding-bottom:7vh}.player-buzz{aspect-ratio:1;max-height:unset;border-radius:50%;width:min(100%,420px);align-self:center}.player-scoreline{padding:18px 2px}.player-header{padding-top:max(14px,env(safe-area-inset-top))}}
.boot-fallback{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;text-align:center;color:#d4fc63;background:#101318;font:14px system-ui,sans-serif}.boot-fallback p{max-width:34rem;color:#a3aab5;line-height:1.7}