.score-card{--m1:#4f1419;--m2:#701c22;--m3:#55141a;--g1:#d3b45b;--g2:#c19b4b;--cream:#f6ece8;--dark:#400000;z-index:1;background:var(--cream);width:100%;max-width:440px;color:var(--dark);font-family:var(--font-body), "DM Sans", sans-serif;border-radius:36px;margin:0 auto;padding:26px 20px 28px;display:grid;position:relative;box-shadow:0 20px 50px #0006}.score-logo{width:clamp(120px,34vw,150px);height:auto;margin:0 auto 4px;display:block}.score-hero{grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.score-figures h2{color:var(--dark);font-family:var(--font-sans), Outfit, sans-serif;margin:0;font-size:clamp(1.3rem,6vw,1.7rem);font-weight:600;line-height:1.1}.score-big{color:var(--m1);font-family:var(--font-sans), Outfit, sans-serif;letter-spacing:-2px;margin-top:6px;font-size:clamp(3.4rem,17vw,5rem);font-weight:800;line-height:1}.score-pct{color:var(--g2);font-family:var(--font-sans), Outfit, sans-serif;padding-left:.4em;font-size:clamp(1.5rem,7vw,2rem);font-weight:700}.score-mascot{justify-self:end;width:100%;height:auto;display:block}.score-msg{color:var(--m2);font-family:var(--font-body), "DM Sans", sans-serif;text-align:center;margin:14px 0 18px;font-size:clamp(1rem,4.4vw,1.2rem);font-weight:500}.score-divider{color:var(--g1);align-items:center;gap:12px;margin-bottom:18px;display:flex}.score-divider:before,.score-divider:after{content:"";background:var(--g1);flex:1;height:1px}.score-divider svg{width:26px;height:20px}.score-right h3{color:var(--dark);font-family:var(--font-sans), Outfit, sans-serif;text-align:center;margin:0 0 16px;font-size:clamp(1.4rem,6vw,1.7rem);font-weight:700}.score-row,.score-targets{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.game-page .score-btn{background:var(--m2);height:46px;color:var(--cream);font-family:var(--font-sans), Outfit, sans-serif;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.92rem;font-weight:600;transition:transform .15s,filter .15s;display:flex;box-shadow:0 6px 14px #4f141947}.score-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.score-btn:active{transform:translateY(0)}.score-btn svg{flex:none;width:20px;height:20px}.score-copy{background:var(--m3)}.score-copy svg{color:var(--g1)}.score-play,.score-return{width:100%;height:50px;font-size:1rem}.score-play{margin-bottom:10px}.game-page .score-return{background:var(--g1);color:var(--dark);font-weight:700}.score-note{color:var(--m2);text-align:center;margin:0 0 12px;font-size:.9rem;font-weight:500}.score-manual{width:100%;color:var(--dark);font-family:var(--font-body), "DM Sans", sans-serif;background:#fff;border:1px solid #40000026;border-radius:16px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}@media (min-width:600px){.score-card{max-width:540px;padding:34px 36px}.score-logo{width:170px}.game-page .score-btn{gap:10px;height:56px;font-size:1.05rem}.score-btn svg{width:24px;height:24px}.game-page .score-play,.game-page .score-return{height:62px;font-size:1.15rem}.score-row,.score-targets{gap:12px;margin-bottom:18px}.score-play{margin-bottom:14px}}@media (min-width:960px){.score-card{grid-template-columns:1.1fr 1fr;align-items:center;column-gap:56px;max-width:960px;padding:48px 56px}.score-left{flex-direction:column;display:flex}.score-logo{margin:0 0 8px}.score-msg{text-align:left}.score-big{font-size:6rem}.score-right{flex-direction:column;display:flex}.score-btn:hover{transform:translateY(-3px)}}
.game-page{--maroon:#4f1419;--maroon-2:#701c22;--maroon-dark:#39090d;--btn:#55141a;--ink:#400000;--gold:#d3b45b;--gold-2:#c19b4b;--cream:#f6eeea;--card:#fbf4f2;--white:#f9eff0;--rule:#e6dad9;--muted:#b58f92;--ok:#2ecc71;--bad:#e5484d;--pad:clamp(16px, 4vw, 32px);--timer-size:clamp(86px, 23vw, 110px);--head:var(--font-sans), "Outfit", "Poppins", sans-serif;background:var(--maroon);width:100%;min-height:100dvh;color:var(--ink);font-family:var(--font-body), "DM Sans", sans-serif;flex-direction:column;flex:1;display:flex}.game-page button,.game-page input,.game-page textarea{font:inherit}.game-page button{cursor:pointer}.game-page button:focus-visible,.game-page input:focus-visible,.game-page textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.game-page img{max-width:100%;display:block}.game-app{background:var(--maroon) radial-gradient(circle at 90% 18%, #d3b45b14 0 2px, transparent 3px);flex-direction:column;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.game-header{padding:max(20px, env(safe-area-inset-top)) var(--pad) 0;color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.back-button{aspect-ratio:1;border:2px solid var(--gold);color:#fff;border-radius:50%;justify-self:start;place-items:center;width:clamp(44px,12vw,56px);display:grid}.back-button svg,.back-button .tt-glyph{width:26px;height:26px}.game-logo{color:#fff;font-family:var(--font-sans), Outfit, sans-serif;letter-spacing:-.02em;text-align:center;font-size:clamp(44px,12vw,58px);font-weight:800;line-height:.9;position:relative}.logo-accent{color:var(--gold);font-weight:800}.game-logo-subtitle{color:var(--gold);font-family:var(--font-sans), Outfit, sans-serif;letter-spacing:.08em;font-size:11px;font-weight:600;position:absolute;bottom:-10px;right:-8px}.question-counter{border:2px solid var(--gold);color:var(--gold);font-family:var(--font-sans), Outfit, sans-serif;border-radius:999px;justify-self:end;margin:0;padding:8px 20px;font-size:clamp(20px,5.5vw,28px);font-weight:600}.question-counter span:last-child{color:#fff}.game-seam{z-index:2;height:calc(var(--timer-size) - 32px);margin-top:28px;position:relative}.seam-bar{align-items:center;width:100%;display:flex}.category-badge{max-width:calc(50% - var(--timer-size) / 2 - 14px);padding:6px 18px 6px var(--pad);background:var(--maroon-2);color:#fff;font-family:var(--font-sans), Outfit, sans-serif;white-space:nowrap;border-radius:0 40px 40px 0;align-items:center;gap:8px;margin:0;font-size:clamp(15px,4.2vw,20px);font-weight:600;display:flex;overflow:hidden}.category-icon,.category-badge .tt-glyph{width:22px;height:22px;color:var(--gold);flex:none}.category-name{color:#fff;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden}.mute-button{width:22px;height:22px;margin-left:auto;margin-right:var(--pad);color:#fff;background:0 0;border:0;place-items:center;padding:0;display:grid}.mute-button svg,.mute-button .tt-glyph{width:22px;height:22px}.timer-wrapper{z-index:3;width:var(--timer-size);position:absolute;top:-10px;left:50%;transform:translate(-50%)}.timer{width:var(--timer-size);aspect-ratio:1;background:conic-gradient(var(--gold) var(--timer-progress,25%), var(--maroon-2) 0);box-shadow:0 0 0 5px var(--maroon-dark);border-radius:50%;place-items:center;display:grid;position:relative}.timer:before{content:"";background:var(--maroon-dark);border-radius:50%;position:absolute;inset:8px}.timer-inner{color:#fff;font-family:var(--font-sans), Outfit, sans-serif;text-align:center;font-weight:700;line-height:1;position:relative}.timer-number{font-size:clamp(30px,8vw,40px);display:block}.timer-label{letter-spacing:.05em;font-size:12px}.game-page.is-low .timer{background:conic-gradient(var(--bad) var(--timer-progress,25%), var(--maroon-2) 0);animation:.5s infinite alternate tt-pulse}.game-sheet{z-index:1;padding:36px var(--pad) calc(28px + env(safe-area-inset-bottom));background:var(--cream);border-radius:28px 28px 0 0;flex:1;margin-top:0;position:relative}.question-wrap{filter:drop-shadow(0 1px 1.5px #40000014)drop-shadow(0 14px 12px #40000021)}.question-card{--r:6px;--s:18px;padding:calc(var(--r) * 2 + 8px) calc(var(--r) * 2 + 8px) 10px;background:var(--card);-webkit-mask:linear-gradient(#000, #000) center / calc(100% - var(--r) * 2) calc(100% - var(--r) * 2) no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 0 / var(--s) calc(var(--r) * 2) round no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 100% / var(--s) calc(var(--r) * 2) round no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 0 / calc(var(--r) * 2) var(--s) no-repeat round, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 100% 0 / calc(var(--r) * 2) var(--s) no-repeat round;-webkit-mask:linear-gradient(#000, #000) center / calc(100% - var(--r) * 2) calc(100% - var(--r) * 2) no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 0 / var(--s) calc(var(--r) * 2) round no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 100% / var(--s) calc(var(--r) * 2) round no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 0 / calc(var(--r) * 2) var(--s) no-repeat round, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 100% 0 / calc(var(--r) * 2) var(--s) no-repeat round;mask:linear-gradient(#000, #000) center / calc(100% - var(--r) * 2) calc(100% - var(--r) * 2) no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 0 / var(--s) calc(var(--r) * 2) round no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 100% / var(--s) calc(var(--r) * 2) round no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 0 / calc(var(--r) * 2) var(--s) no-repeat round, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 100% 0 / calc(var(--r) * 2) var(--s) no-repeat round}.question-image-wrapper{aspect-ratio:766/530;background:#fff;border-radius:18px;position:relative;overflow:hidden}.question-image-fill{position:absolute;inset:0}.question-text{color:var(--ink);font-family:var(--font-sans), Outfit, sans-serif;text-align:center;margin:0;padding:12px 6px 8px;font-size:18px;font-weight:700;line-height:1.2}.game-note,.listen-error{color:var(--muted);text-align:center;margin:12px 0 0;font-size:14px}.answer-section{margin-top:26px}.tap-to-answer{color:var(--ink);font-family:var(--font-sans), Outfit, sans-serif;text-align:center;margin:0;font-size:clamp(20px,5.4vw,26px);font-weight:600}.tap-to-answer .accent{color:var(--gold-2);font-style:normal}.recording-area{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.recording-area.is-live,.recording-area.is-checking{justify-content:flex-start}.microphone-button{aspect-ratio:1;border:3px solid var(--gold);width:76px;color:var(--gold);background:#471114;border-radius:50%;flex:none;place-items:center;transition:transform .15s;display:grid;box-shadow:0 0 0 8px #d3b45b2e}.microphone-button:active{transform:scale(.94)}.microphone-button.is-idle{opacity:.6;box-shadow:none}.microphone-button svg{width:30px;height:30px}.listening-area{flex:1;min-width:0}.listening-label{color:var(--ink);font-family:var(--font-body), "DM Sans", sans-serif;font-size:18px;font-weight:500}.waveform{align-items:center;gap:3px;width:100%;height:34px;margin-top:6px;display:flex;overflow:hidden}.waveform-bar{background:var(--gold-2);border-radius:3px;flex:4px;width:4px;height:4px}.recording-area.is-live .waveform-bar{height:var(--bar-height,4px);transform-origin:50%;animation:.9s ease-in-out infinite waveform-bounce}.recording-area.is-live .waveform-bar:nth-child(2n){animation-delay:.12s}.recording-area.is-live .waveform-bar:nth-child(3n){animation-delay:.24s}@keyframes waveform-bounce{50%{transform:scaleY(1.45)}}.transcript{background:var(--white);color:var(--ink);font-family:var(--font-body), "DM Sans", sans-serif;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:20px;font-size:clamp(18px,4.8vw,22px);font-weight:400;line-height:1.35;display:flex;box-shadow:0 2px #40000008}.transcript p{flex:1;margin:0}.answer-status{width:46px;height:46px;color:var(--gold-2);flex:none;place-items:center;display:grid}.answer-status svg{width:46px;height:46px}.answer-divider{color:var(--muted);font-family:var(--font-sans), Outfit, sans-serif;letter-spacing:.04em;align-items:center;gap:20px;margin:22px 0;font-size:20px;font-weight:700;display:flex}.answer-divider:before,.answer-divider:after{content:"";background:var(--rule);flex:1;height:2px}.type-answer-button{background:var(--btn);color:#fff;width:100%;font-family:var(--font-sans), Outfit, sans-serif;letter-spacing:.01em;text-transform:uppercase;border-radius:22px;justify-content:center;align-items:center;gap:16px;padding:clamp(13px,3.4vw,17px);font-size:clamp(19px,5vw,25px);font-weight:800;transition:background .2s;display:flex}.game-page .type-answer-button{font-weight:800}.type-answer-button svg{border:2px solid var(--gold);width:42px;height:32px;color:var(--gold);border-radius:6px;padding:4px}.type-answer-button:hover{background:#6a1a22}.typed-answer-form{gap:8px;margin-top:18px;display:flex}.typed-answer-form input{background:var(--white);width:100%;color:var(--ink);font-family:var(--font-body), "DM Sans", sans-serif;border:none;border-radius:18px;padding:16px 18px;font-size:18px;font-weight:400}.typed-answer-form button{background:var(--btn);color:#fff;font-family:var(--font-sans), Outfit, sans-serif;border-radius:18px;flex:none;padding:0 18px;font-weight:700}.verdict{color:var(--ink);font-family:var(--font-sans), Outfit, sans-serif;letter-spacing:.04em;text-align:center;margin:0;font-size:clamp(22px,5vw,28px);font-weight:800}.verdict.is-correct{color:#2f7d46}.verdict.is-wrong,.verdict.is-timeout{color:var(--maroon)}.reveal-label{color:var(--muted);font-family:var(--font-sans), Outfit, sans-serif;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:18px 0 0;font-size:13px;font-weight:700}.reveal-answer{color:var(--ink);font-family:var(--font-sans), Outfit, sans-serif;text-align:center;margin:4px 0 0;font-size:clamp(22px,5vw,30px);font-weight:800;line-height:1.25}.skip-button{color:var(--maroon);font-family:var(--font-sans), Outfit, sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:16px auto 0;font-size:14px;font-weight:800;display:block}.game-status{justify-content:center;align-items:center;min-height:60vh;display:flex}.game-status-card{text-align:center;width:min(100%,440px);padding:8px 8px 12px}.game-status-card h1{color:var(--ink);font-family:var(--font-sans), Outfit, sans-serif;margin:0 0 8px;font-size:28px}.game-status-card p{color:var(--ink);margin:0}.game-status-card a,.game-status-card .type-answer-button{margin-top:18px}.game-results,.game-results .text-white{color:var(--ink)}.game-results .text-muted-foreground{color:var(--muted)}@media (min-width:600px){.game-page{background:linear-gradient(160deg, var(--maroon-dark), var(--maroon))}.game-app{border-radius:36px;min-height:0;margin:24px auto;overflow:hidden;box-shadow:0 30px 80px #00000073,0 0 0 1px #d3b45b40}.game-sheet{padding-top:56px}.question-text{padding:22px 6px 12px;font-size:clamp(21px,5.6vw,28px);line-height:1.25}}@media (min-width:960px){.game-app{max-width:1080px;margin:40px auto}.game-seam{margin-top:20px}.game-sheet{grid-template-columns:1.1fr 1fr;align-items:start;gap:48px;padding:72px 48px 48px;display:grid}.answer-section,.tt-answer{align-self:center;margin-top:0}.game-status,.game-results{grid-column:1/-1}}.score-stage{justify-content:center;align-items:center;min-height:100dvh;padding:20px 16px;display:flex;position:relative;overflow-x:hidden}.score-stage:before,.score-stage:after{content:"";z-index:0;opacity:.55;pointer-events:none;background:#701c22;border-radius:50%;position:fixed}.score-stage:before{width:60vmax;height:60vmax;top:-35vmax;left:-25vmax}.score-stage:after{background:#55141a;border:2px solid #c19b4b;width:50vmax;height:50vmax;bottom:-30vmax;right:-22vmax}.tt-qwrap{filter:drop-shadow(0 1px 1.5px #40000014)drop-shadow(0 14px 12px #40000021)}.tt-q{--r:6px;--s:18px;--mk:linear-gradient(#000, #000) center / calc(100% - var(--r) * 2) calc(100% - var(--r) * 2) no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 0 / var(--s) calc(var(--r) * 2) round no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 100% / var(--s) calc(var(--r) * 2) round no-repeat, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 0 0 / calc(var(--r) * 2) var(--s) no-repeat round, radial-gradient(circle var(--r) at 50% 50%, #000 97%, #0000) 100% 0 / calc(var(--r) * 2) var(--s) no-repeat round;padding:calc(var(--r) * 2 + 8px) calc(var(--r) * 2 + 8px) 10px;background:var(--card);-webkit-mask:var(--mk);-webkit-mask:var(--mk);mask:var(--mk)}.tt-tile{aspect-ratio:16/8;background:radial-gradient(circle at 30% 20%, #7a2a30, var(--maroon-dark));border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.tt-tile:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 50%, #d3b45b1a 0 6deg, transparent 6deg 12deg);position:absolute;inset:0}.tt-tile.has-image:before{display:none}.tt-tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tt-emo{filter:drop-shadow(0 6px 10px #0006);font-size:clamp(54px,16vw,84px);animation:3s ease-in-out infinite tt-float;position:relative}.tt-topic{color:var(--gold);font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;background:#00000059;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;bottom:10px;left:12px}.tt-q h1{color:var(--ink);font-family:var(--head);text-align:center;margin:0;padding:18px 6px 10px;font-size:clamp(20px,5.2vw,26px);font-weight:700;line-height:1.25}.tt-q h1 em,.tt-tap em{color:var(--gold-2);font-style:normal}.tt-answer{margin-top:24px}.tt-tap{color:var(--ink);font-family:var(--head);text-align:center;margin:0 0 14px;font-size:clamp(18px,4.8vw,24px);font-weight:600}.tt-opts{gap:12px;display:grid}.tt-opt{border:2px solid var(--rule);background:var(--white);width:100%;color:var(--ink);text-align:left;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;font-size:clamp(16px,4.2vw,19px);font-weight:500;line-height:1.35;transition:transform .15s,box-shadow .25s,background .25s,border-color .25s,opacity .25s;display:flex}.tt-opt b{background:var(--btn);width:40px;height:40px;color:var(--gold);font-family:var(--head);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.tt-opt>span{flex:1}.tt-opt em{background:var(--rule);color:var(--ink);font-family:var(--head);letter-spacing:.08em;border-radius:99px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:700;display:none}.tt-opts.show .tt-opt em{display:block}.tt-opt:not(:disabled):hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 20px #4000001f}.tt-opt:disabled{cursor:default}.tt-opt.ok{border-color:var(--ok);background:#eefaf2;animation:.45s tt-pop;box-shadow:0 0 0 4px #2ecc7140,0 0 32px #2ecc7199}.tt-opt.ok em,.tt-opt.ok b{background:var(--ok);color:#fff}.tt-opt.bad{border-color:var(--bad);background:#fdeeee;animation:.45s tt-shake;box-shadow:0 0 0 4px #e5484d40,0 0 32px #e5484d99}.tt-opt.bad em,.tt-opt.bad b{background:var(--bad);color:#fff}.tt-opt.dim{opacity:.55}.tt-fb{border-left:6px solid var(--gold);background:var(--white);border-radius:18px;margin-top:16px;padding:16px 18px;animation:.35s tt-rise}.tt-fb.ok{border-left-color:var(--ok)}.tt-fb.bad{border-left-color:var(--bad)}.tt-fb h5{font-family:var(--head);margin:0;font-size:clamp(18px,4.6vw,22px);font-weight:700}.tt-fb p{color:#6b4447;margin:4px 0 0;font-size:clamp(15px,3.9vw,17px);line-height:1.5}.game-page .tt-next{background:var(--btn);color:#fff;width:100%;font-family:var(--head);text-transform:uppercase;border-radius:22px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:clamp(13px,3.4vw,17px);font-size:clamp(19px,5vw,25px);font-weight:500;display:flex}.game-page .tt-next:hover{background:#6a1a22}.tt-next .tt-glyph{width:24px;height:24px;color:var(--gold)}.tt-glyph{background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes tt-pop{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes tt-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes tt-pulse{to{transform:scale(1.06)}}@keyframes tt-float{50%{transform:translateY(-8px)}}@keyframes tt-rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.game-page *,.game-page :before,.game-page :after{transition:none!important;animation:none!important}}
