/* Vol.8 case-night surfaces; shared token palette, low-cost rendering on phones. */
.v8r{--v8-bg:#101716;--v8-panel:#1c2c2c;--v8-line:#3b5147;--v8-ink:#f5f1e8;--v8-muted:#d5c6a5;--v8-accent:#d09a54;--v8-danger:#df8794;color:var(--v8-ink);background:var(--v8-bg);padding:24px;border:1px solid var(--v8-line);border-radius:20px;box-sizing:border-box;font:16px/1.5 ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;text-align:left}
.v8r *{box-sizing:border-box}.v8r h2{font-size:clamp(24px,4vw,40px);line-height:1.1;margin:8px 0 16px}.v8r h3{margin:16px 0 8px}.v8r p{margin:8px 0 16px}.v8r-kicker{color:var(--v8-accent);font-size:12px;letter-spacing:.16em;font-weight:800}.v8r-note{color:var(--v8-muted);font-size:14px}.v8r-status{min-height:24px;color:var(--v8-accent)}.v8r-error{color:var(--v8-danger)}.v8r-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.v8r button,.v8r select,.v8r input{min-height:44px;max-width:100%;font:inherit;padding:10px 14px;border:1px solid var(--v8-line);border-radius:12px;background:var(--v8-panel);color:var(--v8-ink)}.v8r button{cursor:pointer;transition:transform .15s,background .2s}.v8r button:active{transform:scale(.97)}.v8r button:disabled{opacity:.45;cursor:default}.v8r .v8r-primary{background:var(--v8-accent);color:var(--v8-bg);font-weight:800;border-color:var(--v8-accent)}.v8r label{display:block;margin:8px 0}.v8r label input{width:90px;margin-left:8px}.v8r-question{font-size:clamp(20px,3vw,34px);font-weight:750;margin:24px 0 16px}.v8r img{display:block;max-width:100%;max-height:40vh;object-fit:contain;margin:16px auto;border-radius:12px}.v8r audio{width:100%;margin:16px 0}.v8r-board{display:grid;gap:8px;margin:16px 0}.v8r-row{padding:12px 16px;border:1px solid var(--v8-line);background:var(--v8-panel);border-radius:12px;display:flex;justify-content:space-between;gap:16px}.v8r-options{display:grid;gap:8px}.v8r-options button{text-align:left}.v8r-options .chosen{border-color:var(--v8-accent);background:#29454a}.v8r-timer{font-size:32px;font-weight:850;font-variant-numeric:tabular-nums;color:var(--v8-accent)}.v8r-wheel{border-radius:50%;width:180px;height:180px;margin:16px auto;border:10px solid var(--v8-line);background:conic-gradient(#29454a 0 25%,#3b5147 25% 50%,#6d2935 50% 75%,#d09a54 75%);display:grid;place-items:center;position:relative}.v8r-wheel:before{content:'▼';position:absolute;top:-30px;left:66px;color:var(--v8-ink)}.v8r-wheel span{border-radius:50%;padding:12px;background:var(--v8-bg);font-size:14px;font-weight:900}.v8r-wheel.spinning{animation:v8r-spin 1.2s ease-out}.v8r-display{font-size:64px;text-align:center}.v8r-host{margin:24px auto;max-width:1000px}.v8r-screen{position:fixed;inset:0;z-index:8500;border-radius:0;overflow:auto;padding:5vh 7vw}.v8r-screen h2{font-size:4vw}.v8r-screen .v8r-question{font-size:3vw}.v8r-screen .v8r-board{max-width:1000px;margin:24px auto}.v8r-screen .v8r-timer{position:absolute;right:6vw;top:5vh}.v8r-screen .v8r-wheel{width:240px;height:240px}.v8r-screen .v8r-wheel:before{left:96px}.v8r-player{margin:16px 0}.v8r [hidden]{display:none!important}.v8r-scores{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.v8r-scores span{padding:8px 12px;border:1px solid var(--v8-line);border-radius:12px;font-variant-numeric:tabular-nums}@keyframes v8r-spin{from{transform:rotate(-720deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.v8r-wheel.spinning{animation:none}}@media(max-width:430px){.v8r{padding:16px}.v8r-actions>*{flex:1 1 auto}.v8r-host{margin:16px 8px}.v8r-question{font-size:22px}.v8r label input{width:72px}.v8r-scores{font-size:14px}}

.v8r-screen[data-round="II"]{padding:3vh 4vw;height:100dvh;overflow:hidden}.v8r-screen[data-round="II"] h2{font-size:clamp(30px,3.4vw,52px)}.v8r-screen[data-round="II"]>.v8r-rule{display:none}.v8r-screen .v8r-status:empty{display:none}.v8r-stage{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;height:calc(100dvh - 220px);min-height:0}.v8r-stage-side{min-height:0;overflow:auto}.v8r-screen .v8r-stage .v8r-wheel{width:160px;height:160px;border-width:8px;margin:16px auto 24px}.v8r-screen .v8r-stage .v8r-wheel:before{left:58px}.v8r-stage-side h3{font-size:20px;line-height:1.3}.v8r-stage-side .v8r-note{font-size:12px}.v8r-stage-side .v8r-scores{font-size:13px;gap:4px}.v8r-stage-side .v8r-scores span{padding:4px 8px}.v8r-stage-side summary{font-size:14px}.v8r-stage-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.v8r-screen .v8r-stage-main .v8r-question{font-size:clamp(24px,3vw,44px);margin:0 0 12px;line-height:1.2;flex:none}.v8r-screen .v8r-stage-main img{flex:1;min-height:0;width:100%;max-height:none;object-fit:contain;margin:8px 0}.v8r-stage-main audio{flex:none}.v8r-stage-main h3{font-size:24px;line-height:1.3;margin:8px 0;flex:none}.v8r-stage-main .v8r-note{font-size:12px;line-height:1.3;max-height:64px;overflow:auto;flex:none;margin:8px 0}
.v8r-host-answer{margin:12px 0;padding:12px 16px;border:2px solid #d09a54;border-radius:10px;background:#1c2c29}.v8r-host-answer b{font-size:20px;display:block}.v8r-host-answer p{margin:6px 0 0;overflow-wrap:anywhere}

/* fix3 2026-10-27: end-of-music credits (projector pages of 6, phones/host full list) + host attendance */
.v8r-credits{margin:12px 0}.v8r-credits h3{margin:4px 0 8px}
.v8r-credit-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.v8r-credit-list li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--v8-line);border-radius:10px;background:var(--v8-panel);min-width:0;font-size:14px;line-height:1.35}
.v8r-credit-list b{font-size:15px;line-height:1.25}.v8r-credit-list a{color:var(--v8-accent);overflow-wrap:anywhere}.v8r-credit-list small{color:var(--v8-muted);font-size:12px;line-height:1.35}
.v8r-screen[data-view="credits"]{overflow:hidden}.v8r-screen[data-view="credits"] h2{margin:4px 0 8px}
.v8r-screen[data-view="credits"] .v8r-credit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}
.v8r-screen[data-view="credits"] .v8r-credit-list li{font-size:clamp(13px,1.1vw,22px);padding:10px 14px}
.v8r-screen[data-view="credits"] .v8r-credit-list b{font-size:clamp(16px,1.4vw,28px)}
.v8r-screen[data-view="credits"] .v8r-credits h3{font-size:clamp(18px,1.6vw,32px)}
.v8r-attendance{margin:12px 0;padding:8px 12px;border:1px solid var(--v8-line);border-radius:12px}
.v8r-attendance summary,.v8r-credits-details summary{cursor:pointer;font-weight:700}
.v8r-att{align-items:center;margin:6px 0;padding:8px 12px}.v8r-att span{min-width:0}.v8r-att button{flex:none}
@media(max-width:430px){.v8r-att{flex-direction:column;align-items:stretch}}
/* Game I v4 2026-10-28: question image (projector: image left / options right; phone: full-width 16:9 above options) */
.v8r-mcq-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:3vw;align-items:center;margin:1.5vh 0}.v8r-screen .v8r-mcq-stage img{width:100%;max-height:56vh;margin:0;aspect-ratio:16/9;object-fit:cover;box-shadow:0 18px 60px rgba(0,0,0,.55)}.v8r-screen .v8r-mcq-stage .v8r-options{font-size:clamp(18px,1.7vw,32px)}.v8r-screen[data-round="I"] .v8r-question{font-size:clamp(24px,2.5vw,46px);line-height:1.25;margin:12px 0 8px}
.v8r-player img{width:100%;aspect-ratio:16/9;object-fit:cover;max-height:none;margin:8px 0 10px}
.v8r-player[data-round="I"] .v8r-question{font-size:19px;line-height:1.3;margin:10px 0 6px}.v8r-player[data-round="I"] .v8r-timer{font-size:22px;margin:4px 0}.v8r-player[data-round="I"] .v8r-options button{padding:10px 12px;min-height:44px}

/* gameIV-v2 2026-10-28: IV phone 4-field form, projector reveal rows with hitting teams, host mapping list, stage dares */
.v8r-iv-form{display:grid;gap:8px;margin:8px 0 16px}.v8r-iv-field{display:flex;align-items:center;gap:8px;margin:0}.v8r-iv-field span{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--v8-panel);border:1px solid var(--v8-line);font-weight:800;font-size:14px}.v8r .v8r-iv-field input{flex:1;min-width:0;width:auto;margin:0;font-size:16px}.v8r-iv-form .v8r-primary{width:100%;margin-top:4px}
.v8r-iv-progress{font-weight:800;color:var(--v8-accent)}
.v8r-iv-row{align-items:center}.v8r-iv-main{display:flex;flex-direction:column;min-width:0;gap:2px}.v8r-iv-hits{color:var(--v8-muted);font-size:13px;line-height:1.3}.v8r-iv-pts{flex:none;font-variant-numeric:tabular-nums}.v8r-iv-open{border-color:var(--v8-accent);animation:v8r-iv-in .45s ease-out}.v8r-iv-hidden{opacity:.75}
@keyframes v8r-iv-in{from{transform:rotateX(80deg);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.v8r-iv-open{animation:none}}
.v8r-screen[data-round="IV"]{padding:3vh 5vw}.v8r-screen[data-round="IV"] h2{font-size:clamp(28px,2.6vw,50px);margin:4px 0 6px}.v8r-screen[data-round="IV"] .v8r-question{font-size:clamp(24px,2.3vw,44px);margin:6px 0 4px;line-height:1.2}.v8r-screen[data-round="IV"] p{margin:4px 0}.v8r-screen[data-round="IV"] .v8r-board{max-width:1300px;gap:6px;margin:8px auto}.v8r-screen[data-round="IV"] .v8r-iv-row{padding:.8vh 1.3vw}.v8r-screen[data-round="IV"] .v8r-iv-main b{font-size:clamp(20px,1.9vw,36px);line-height:1.15}.v8r-screen[data-round="IV"] .v8r-iv-pts{font-size:clamp(22px,2.1vw,40px);color:var(--v8-accent)}.v8r-screen[data-round="IV"] .v8r-iv-hits{font-size:clamp(12px,.92vw,18px)}.v8r-screen[data-round="IV"] .v8r-scores{margin-top:8px}.v8r-screen[data-round="IV"] .v8r-iv-progress{font-size:clamp(18px,1.8vw,32px)}.v8r-screen[data-round="IV"] .v8r-scores{font-size:13px;gap:4px}.v8r-screen[data-round="IV"] .v8r-scores span{padding:4px 8px}
.v8r-iv-sub{border-top:1px solid var(--v8-line);padding-top:4px}.v8r-iv-sub h3{font-size:16px;margin:8px 0 4px}.v8r-iv-ans{align-items:center;padding:6px 10px;margin:4px 0;font-size:14px}.v8r-iv-ans span{min-width:0}.v8r-iv-ans select{flex:none;max-width:45%;min-height:36px;padding:4px 8px}.v8r-iv-unclear{border-color:var(--v8-danger)}.v8r-iv-entry input{display:block;width:100%;margin:6px 0}
.v8r-iv-mine ol{margin:4px 0 12px;padding-left:22px}.v8r-iv-mine li{margin:4px 0}.v8r-iv-hit{color:var(--v8-accent);font-weight:800}
.v8r-dares{margin:12px 0;padding:8px 12px;border:1px solid var(--v8-line);border-radius:12px}.v8r-dares summary{cursor:pointer;font-weight:700}.v8r-dare{border-top:1px solid var(--v8-line);padding:8px 0}.v8r-dare h3{margin:8px 0 4px;font-size:17px}.v8r-dare p{margin:4px 0}.v8r-dare ol{margin:4px 0 8px;padding-left:22px}.v8r-dare-featured{border:2px solid var(--v8-accent);border-radius:10px;padding:8px 12px;background:#1c2c29}.v8r-dare[data-skipped="1"]{opacity:.5}
@media(max-width:430px){.v8r-iv-ans{flex-direction:column;align-items:stretch}.v8r-iv-ans select{max-width:100%}}

/* buzzglow 2026-10-28: projector duel panels (layout); glow lives in v8-halloween-theme.css */
.v8r-duel{display:grid;grid-template-columns:1fr 1fr;gap:2vw;flex:none;margin:0 0 4px;padding:10px 14px 12px}.v8r-duelist{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1vh 1.2vw;border:2px solid var(--v8-line);border-radius:16px;background:var(--v8-panel);min-width:0;transition:opacity .35s,filter .35s,border-color .3s,box-shadow .35s}.v8r-duel-tag{font-size:clamp(16px,1.7vw,32px);font-weight:900;letter-spacing:.14em;min-height:1.3em;line-height:1.3}.v8r-duel-name{font-size:clamp(24px,3vw,56px);line-height:1.1}.v8r-duel-sub{font-size:clamp(13px,1.1vw,22px);color:var(--v8-muted)}.v8r-duelist.is-dim{opacity:.35;filter:saturate(.5)}.v8r-called{color:var(--v8-accent);font-weight:800;font-size:18px;line-height:1.3;margin:8px 0;padding:10px 14px;border:2px solid var(--v8-accent);border-radius:12px;background:var(--v8-panel)}

/* gameII-v2 2026-10-28: host pult big correct answer + big judge buttons (host view only). */
.v8r-host-answer-big{padding:16px 18px;border-width:3px}.v8r-host-answer-kicker{display:block;font-size:13px;letter-spacing:.12em;font-weight:800;color:#d09a54}.v8r-host-answer-text{display:block;font-size:clamp(48px,9vw,84px);line-height:1.05;font-weight:900;margin:6px 0 4px;letter-spacing:-.02em;overflow-wrap:break-word;hyphens:auto;color:#fff}.v8r-host-answer-aliases{font-size:clamp(16px,3.6vw,22px);opacity:.85}.v8r-judge{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v8r .v8r-judge button{min-height:96px;font-size:clamp(20px,5vw,30px);font-weight:900;border-width:3px}.v8r .v8r-judge .v8r-judge-ok{background:#1f7a3a;border-color:#2fbf5b;color:#fff}.v8r .v8r-judge .v8r-judge-no{background:#8a1f24;border-color:#e0464d;color:#fff}
.v8r-skip{display:grid;grid-template-columns:2fr 1fr;gap:12px}.v8r .v8r-skip button{min-height:84px;font-size:clamp(18px,4.4vw,26px);font-weight:900;border-width:3px;background:#3a3f4a;border-color:#9aa3b5;color:#fff}.v8r .v8r-skip .v8r-skip-restart{font-size:clamp(14px,3.4vw,18px)}
@media(max-width:430px){.v8r .v8r-host-answer-big{padding:12px 8px;margin-left:-6px;margin-right:-6px}}
/* gameII-v2: projector card image never overflows the footer (flags are wide) */
.v8r-screen img{max-height:min(44vh,480px)!important;max-width:100%!important;width:auto;height:auto;object-fit:contain}