:root{color-scheme:dark;--paper:#080808;--ink:#f5f0e5;--muted:#bdb49f;--gold:#d9bc78;--gold-soft:#f0d99b;--line:#51452d;--spring:cubic-bezier(.22,1.35,.42,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% 28%,#3c31123b,transparent 40%),#080808;-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}
.home-bar{position:sticky;top:0;z-index:30;display:flex;width:100%;min-height:calc(52px + env(safe-area-inset-top));align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #f4dfa5;background:linear-gradient(110deg,#b18a38,#f0d98e 48%,#b18a38);color:#090806;padding-top:env(safe-area-inset-top);box-shadow:0 8px 28px #0009,inset 0 1px #fff8;font-size:.88rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.home-bar:before{content:"←";font-size:1.15rem}.game-shell{width:min(100%,480px);height:calc(100svh - 52px - env(safe-area-inset-top));min-height:590px;margin-inline:auto;padding:16px 18px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.game-identity{min-width:0;display:flex;flex-direction:column;gap:3px}.game-identity h1{margin:0;color:var(--gold);font:500 28px/1 Georgia,serif;letter-spacing:-.7px;white-space:nowrap}.player-name{max-width:165px;overflow:hidden;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.player-name:empty{display:none}.top-actions{display:flex;gap:4px}.icon-button{display:grid;width:39px;height:39px;place-items:center;flex:0 0 39px;border:1px solid #554625;border-radius:50%;background:#15130e;color:#ecd59c;font-size:22px;line-height:1;transition:transform .2s var(--spring),background .2s}.icon-button:hover{background:#292319}.icon-button:active{transform:scale(.91)}.info-icon{font:italic 700 20px Georgia,serif}
.scorebar{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:8px;padding-bottom:9px;border-bottom:1px solid var(--line)}.scorebar>div{text-align:center;border-right:1px solid var(--line)}.scorebar>div:last-child{border:0}.scorebar span{display:block;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:1.3px}.scorebar strong{font-size:24px;font-weight:550;font-variant-numeric:tabular-nums}.play-area{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center}.message{min-height:22px;margin:2px 0 7px;color:#ddd3bd;text-align:center;font-size:14px;line-height:1.35}.buzzer-stage{position:relative;width:min(100%,calc(100svh - 292px),430px);aspect-ratio:1;border:1px solid #5f4e2c;border-radius:50%;background:radial-gradient(circle,#19160f 0 25%,#0d0d0c 26% 62%,#18150f 63% 64%,#090909 65%);box-shadow:0 24px 70px #000b,inset 0 1px #ffe5a51f}.centre-display{position:absolute;z-index:1;inset:36%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #6b5932;border-radius:50%;background:#0c0b09;box-shadow:inset 0 0 18px #d9bc7812}.centre-display span{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.15em}.centre-display strong{color:var(--gold-soft);font:400 clamp(24px,8vw,38px)/1 Georgia,serif}.buzzer{--colour:#d24c5d;--glow:#ff6177;position:absolute;z-index:2;width:31%;aspect-ratio:1;border:4px solid color-mix(in srgb,var(--colour),#fff 18%);border-radius:50%;background:radial-gradient(circle at 37% 30%,color-mix(in srgb,var(--colour),#fff 20%),var(--colour) 46%,color-mix(in srgb,var(--colour),#000 48%) 72%);box-shadow:inset 0 5px 10px #fff4,inset 0 -10px 15px #0007,0 8px 0 color-mix(in srgb,var(--colour),#000 58%),0 14px 22px #000a;transform:translate(-50%,-50%);transition:filter .12s,box-shadow .12s,transform .12s}.buzzer span{display:grid;position:absolute;inset:19%;place-items:center;border:1px solid #fff3;border-radius:50%;color:#fff9;font-weight:850;text-shadow:0 1px #0008}.buzzer:hover:not(:disabled){filter:brightness(1.12)}.buzzer:active:not(:disabled),.buzzer.is-active{filter:brightness(1.7) saturate(1.25);box-shadow:inset 0 4px 16px #fff9,inset 0 -5px 9px #0003,0 3px 0 color-mix(in srgb,var(--colour),#000 45%),0 0 38px var(--glow);transform:translate(-50%,-47%) scale(.98)}.buzzer:disabled{cursor:default}.buzzer-1{--colour:#c9475a;--glow:#ff5c73}.buzzer-2{--colour:#c89036;--glow:#ffc34f}.buzzer-3{--colour:#3b9b66;--glow:#55dc8f}.buzzer-4{--colour:#4679c6;--glow:#65a0ff}.buzzer-5{--colour:#8359bb;--glow:#b77aff}
.buzzer-stage[data-count="3"] .buzzer-1{left:50%;top:19%}.buzzer-stage[data-count="3"] .buzzer-2{left:24%;top:70%}.buzzer-stage[data-count="3"] .buzzer-3{left:76%;top:70%}.buzzer-stage[data-count="4"] .buzzer-1{left:27%;top:27%}.buzzer-stage[data-count="4"] .buzzer-2{left:73%;top:27%}.buzzer-stage[data-count="4"] .buzzer-3{left:27%;top:73%}.buzzer-stage[data-count="4"] .buzzer-4{left:73%;top:73%}.buzzer-stage[data-count="5"] .buzzer{width:27%}.buzzer-stage[data-count="5"] .buzzer-1{left:50%;top:17%}.buzzer-stage[data-count="5"] .buzzer-2{left:80%;top:40%}.buzzer-stage[data-count="5"] .buzzer-3{left:69%;top:76%}.buzzer-stage[data-count="5"] .buzzer-4{left:31%;top:76%}.buzzer-stage[data-count="5"] .buzzer-5{left:20%;top:40%}.buzzer-stage[data-count="3"] .buzzer:nth-of-type(n+4),.buzzer-stage[data-count="4"] .buzzer:nth-of-type(n+5){display:none}
.buzzer.is-answer{filter:brightness(1.7) saturate(1.25);outline:3px solid #fff;outline-offset:4px;box-shadow:inset 0 4px 16px #fff9,0 0 38px var(--glow);transform:translate(-50%,-47%) scale(.98)}
.primary-button{display:flex;width:100%;min-height:49px;align-items:center;justify-content:center;gap:12px;border:1px solid var(--gold);border-radius:11px;background:var(--gold);color:#0a0906;font-weight:800}.primary-button:hover{background:var(--gold-soft)}.start-button{width:min(100%,430px);margin-top:10px}.keyboard-hint{margin:7px 0 0;color:#837c6e;font-size:10px}.ad-reservation{display:grid;min-height:28px;place-items:center;margin-top:5px;border:1px dashed #41371f;border-radius:9px;color:#6e6759;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
dialog{width:min(calc(100% - 28px),430px);max-height:calc(100dvh - 28px);margin:auto;overflow:auto;border:1px solid #9a7b3b;border-radius:20px;background:linear-gradient(145deg,#191713,#090909 70%);color:var(--ink);padding:22px;box-shadow:0 32px 110px #000e}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.dialog-top h2,dialog h2{margin:0;color:var(--gold-soft);font:400 31px/1.05 Georgia,serif}.dialog-top .eyebrow{margin:0}.dialog-top .icon-button{width:38px;height:38px;font-size:17px}fieldset{margin:0 0 16px;padding:0;border:0}legend{display:block;margin-bottom:9px;color:var(--gold-soft);font-size:13px;font-weight:800;letter-spacing:.04em}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{display:grid;min-height:67px;place-items:center;border:1px solid #554625;border-radius:11px;background:#11100d;color:var(--ink);font-size:20px;font-weight:800}.choice-grid small{display:block;color:var(--muted);font-size:9px;font-weight:600}.choice-grid input:checked+span{border-color:var(--gold);background:#d9bc7818;box-shadow:inset 0 0 0 1px #d9bc7855}.choice-grid input:focus-visible+span{outline:3px solid var(--gold-soft);outline-offset:3px}.switch-row{display:flex;min-height:51px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}.switch-row input{appearance:none;position:relative;width:40px;height:24px;margin:0;flex:0 0 40px;border:1px solid #8e836d;border-radius:20px;background:#39372f}.switch-row input:before{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#f5f0e5;transition:transform .2s}.switch-row input:checked{background:var(--gold);border-color:var(--gold)}.switch-row input:checked:before{transform:translateX(16px);background:#111}#settings-form>.primary-button{margin-top:16px}.secondary-button{min-height:48px;border:1px solid #8f7543;border-radius:10px;background:transparent;padding:8px 12px}.dialog-buttons{display:flex;gap:8px;margin-top:22px}.dialog-buttons .primary-button{flex:1}.eyebrow{margin:0 0 9px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:1.5px}.record-panel{padding:14px;border:1px solid #4e422a;border-radius:12px;background:#090909}.record-grid{display:grid;grid-template-columns:1fr auto;gap:9px;color:#c9c0ae;font-size:13px}.record-grid strong{color:var(--gold-soft);font-size:14px;text-align:right}.dialog-note{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.rules h3{margin:22px 0 8px;color:var(--gold-soft);font:400 24px/1.1 Georgia,serif}.rules p,dialog>p,.result-dialog>p{color:#d6cebd;font-size:14px;line-height:1.55}.control-rule{display:flex;align-items:flex-start;gap:12px;margin:12px 0}.control-rule p{margin:5px 0}.control-symbol{flex:0 0 36px;height:36px;display:grid;place-items:center;border:1px solid #554625;border-radius:50%;background:#15130e;color:#ecd59c;font-size:22px}.sound-muted{opacity:.55}.info-control{font:italic 700 18px Georgia,serif}.result-dialog{text-align:center}.result-mark{display:grid;width:78px;height:78px;place-items:center;margin:8px auto 16px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:400 54px/1 Georgia,serif;box-shadow:0 0 35px #d9bc7844}.result-dialog h2{font-size:36px}.result-dialog .primary-button{margin-top:20px}.result-best{color:var(--gold-soft)!important;font-weight:800}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition-duration:.01ms!important}
@media(max-width:375px){.game-shell{padding-inline:11px}.game-identity h1{font-size:24px}.top-actions{gap:2px}.icon-button{width:36px;flex-basis:36px}.buzzer-stage{width:min(100%,calc(100svh - 284px))}}
@media(max-height:720px){.game-shell{min-height:520px;padding-top:8px}.topbar{margin-bottom:7px}.scorebar{padding-bottom:5px}.message{margin-bottom:4px}.buzzer-stage{width:min(100%,calc(100svh - 255px),390px)}.start-button{min-height:43px;margin-top:6px}.keyboard-hint{display:none}.ad-reservation{min-height:23px}}
@media(min-width:700px) and (orientation:portrait){.game-shell{width:min(100%,760px);padding:24px 34px 14px}.game-identity h1{font-size:43px}.topbar{margin-bottom:20px}.icon-button{width:46px;height:46px;flex-basis:46px}.scorebar span{font-size:12px}.scorebar strong{font-size:30px}.message{font-size:17px;margin:10px 0 14px}.buzzer-stage{width:min(86vw,620px,calc(100svh - 325px))}.start-button{width:min(86vw,620px);margin-top:16px}.keyboard-hint{font-size:12px}.buzzer{border-width:6px}}
@media(min-width:800px) and (orientation:landscape){.game-shell{width:min(100%,940px);display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:34px}.topbar{grid-column:1/-1}.scorebar{grid-column:1;grid-row:2;align-self:start;margin-top:78px;grid-template-columns:1fr}.scorebar>div{padding:14px;border-right:0;border-bottom:1px solid var(--line)}.scorebar>div:last-child{border:0}.play-area{grid-column:2;grid-row:2/4}.buzzer-stage{width:min(58vh,500px)}.start-button{width:min(58vh,500px)}.ad-reservation{grid-column:1;grid-row:3}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}