.presentation-app{--present-paper:var(--background);--present-ground:var(--secondary);--present-ink:var(--color-checkpoint-navy);--present-muted:var(--color-checkpoint-steel);--present-line:var(--border);--present-action:var(--color-checkpoint-blue);--present-hover:var(--color-checkpoint-blue-dark);--present-tint:#e9f3f9;--present-good:#236139;--present-good-bg:#edf7ee;--present-bad:#9c3434;--present-bad-bg:#fff1ef;--present-overlay:#1e3444a6;--present-accent:var(--color-checkpoint-cyan);font-family:var(--font-sans);color:var(--present-ink);background:var(--present-ground);isolation:isolate;-webkit-tap-highlight-color:transparent;flex-direction:column;height:100dvh;display:flex;overflow:clip}.presentation-app[data-accent=green],.presentation-app [data-accent=green]{--present-accent:var(--color-checkpoint-green)}.presentation-app[data-accent=navy],.presentation-app [data-accent=navy]{--present-accent:var(--color-checkpoint-navy)}.presentation-app[data-accent=cyan],.presentation-app [data-accent=cyan]{--present-accent:var(--color-checkpoint-cyan)}html[data-cp-text-size=large] .presentation-app{--present-font-scale:1.05882}html[data-cp-text-size=larger] .presentation-app{--present-font-scale:1.17647}.presentation-access-form input::placeholder{color:var(--present-muted);opacity:1}.presentation-legal-content{overscroll-behavior:contain;max-height:55dvh;padding:4px;font-size:1rem;overflow-y:auto}.presentation-legal-return{margin-top:20px}.presentation-dialog .presentation-policy-frame{border:1px solid var(--present-line);background:#fff;border-radius:8px;width:100%;height:42dvh;min-height:260px;display:block}:is(html:has(.presentation-app),body:has(.presentation-app)){overscroll-behavior:none;overflow:clip}.presentation-app ::selection{background:var(--present-tint);color:var(--present-ink)}.presentation-app :is(h1,h2,h3){color:var(--present-ink);text-wrap:balance;font-style:normal}.presentation-app h1:focus{outline:none}.presentation-app :is(button,a,input):focus-visible{outline:3px solid var(--present-action);outline-offset:4px}.presentation-app :is(button,a){touch-action:manipulation}.presentation-app button{cursor:pointer}.presentation-app button:disabled{cursor:default}.presentation-toolbar{min-height:82px;padding:max(12px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 12px max(28px,env(safe-area-inset-left));background:var(--present-paper);border-bottom:1px solid var(--present-line);flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.presentation-brand,.presentation-toolbar-actions{align-items:center;gap:22px;min-width:0;display:flex}.presentation-brand img{width:166px;height:auto}.presentation-brand>span{border-left:1px solid var(--present-line);color:var(--present-muted);padding-left:22px;font-size:.9412rem}.presentation-toolbar-actions{gap:8px}.presentation-button,.presentation-icon-button{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-size:.9412rem;font-weight:600;line-height:1.25;transition:background-color .15s,transform .15s;display:inline-flex}.presentation-icon-button{background:var(--present-ground);width:48px;color:var(--present-muted);flex-shrink:0;padding:12px}.presentation-app :is(.presentation-button,.presentation-icon-button) svg{flex-shrink:0;width:20px;height:20px}.presentation-button-primary{color:var(--present-paper);background:var(--present-action)}.presentation-button-secondary{background:var(--present-paper);border:1px solid var(--present-line);color:var(--present-ink)}.presentation-button-quiet{color:var(--present-ink);background:0 0}.presentation-button:disabled{opacity:.45}.presentation-app button:not(:disabled):active{transform:scale(.985)}.presentation-main{outline:none;flex-direction:column;flex:1;min-height:0;display:flex}.presentation-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--present-line) transparent;scrollbar-width:thin;min-height:0;padding:32px max(32px,env(safe-area-inset-right)) 32px max(32px,env(safe-area-inset-left));flex:1;overflow:clip auto}.presentation-bottom-bar{min-height:76px;padding:12px max(28px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:var(--present-paper);border-top:1px solid var(--present-line);flex:none;justify-content:space-between;align-items:center;gap:20px;display:flex}.presentation-bottom-bar>span{color:var(--present-muted);min-width:0;font-size:.8235rem}.presentation-tap-prompt{align-items:center;gap:8px;display:flex}.presentation-tap-prompt svg{width:18px;height:18px}.presentation-lobby{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(30px,5vw,72px);max-width:1250px;min-height:100%;margin:0 auto;display:grid}.presentation-welcome h1{font-size:clamp(2rem,calc(4.2vw * var(--present-font-scale,1)),3.6471rem);letter-spacing:-.035em;margin:0 0 24px;line-height:1.08}.presentation-welcome>p{max-width:29ch;color:var(--present-muted);font-size:1.1176rem;line-height:1.55}.presentation-welcome-note{color:var(--present-muted);margin-top:32px;font-size:.8235rem;display:block}.presentation-game-list{flex-direction:column;gap:16px;display:flex}.presentation-game{text-align:left;background:var(--present-paper);border:1px solid var(--present-line);border-radius:14px;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:24px 26px;transition:border-color .16s,transform .16s;display:flex}.presentation-game-copy{flex-direction:column;min-width:0;display:flex}.presentation-difficulty{color:var(--present-muted);align-items:center;gap:8px;font-size:.8235rem;font-weight:600;display:inline-flex}.presentation-difficulty:before{content:"";background:var(--present-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.presentation-game-title{font-size:clamp(1.2353rem,calc(2vw * var(--present-font-scale,1)),1.5882rem);letter-spacing:-.02em;margin:7px 0 5px;font-weight:600;line-height:1.2}.presentation-game-subtitle{color:var(--present-muted);font-size:.8824rem}.presentation-game-meta{color:var(--present-muted);margin-top:15px;font-size:.8235rem}.presentation-play{color:var(--present-action);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;font-size:.8235rem;font-weight:600;display:flex}.presentation-play svg{width:32px;height:32px}.presentation-intro{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(28px,4vw,56px);max-width:1180px;min-height:100%;margin:0 auto;display:grid}.presentation-intro-copy h1{font-size:clamp(1.7647rem,calc(3.2vw * var(--present-font-scale,1)),2.5882rem);letter-spacing:-.03em;margin:14px 0;line-height:1.12}.presentation-intro-copy p{color:var(--present-muted);font-size:1rem;line-height:1.55}.presentation-intro-copy .presentation-subtitle{margin-bottom:24px;font-weight:600}.presentation-how-to{counter-reset:steps;gap:18px;margin-top:32px;padding:0;font-size:.8824rem;list-style:none;display:grid}.presentation-how-to li{counter-increment:steps;align-items:center;gap:12px;display:flex}.presentation-how-to li:before{content:counter(steps);width:28px;height:28px;color:var(--present-action);background:var(--present-tint);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8235rem;font-weight:600;display:grid}.presentation-registration{background:var(--present-paper);border-radius:14px;padding:28px}.presentation-registration h2{margin-bottom:12px;font-size:1.4706rem}.presentation-access-form{gap:14px;display:grid}.presentation-access-form>p{font-size:.8235rem}.presentation-access-form input:not([type=checkbox]){min-height:48px;caret-color:var(--present-action);font-size:1rem}.presentation-access-form input[type=checkbox]{width:22px;height:22px;accent-color:var(--present-action);margin-top:1px}.presentation-access-form>div>label{font-size:.8824rem}.presentation-access-form .presentation-start-button{background:var(--present-action);width:100%;min-height:52px;box-shadow:none;margin-top:2px;font-size:1rem}.presentation-privacy-note{color:var(--present-muted);text-align:center;margin-top:14px;font-size:.7059rem}.presentation-round{max-width:1220px;margin:0 auto}.presentation-round-progress{margin-bottom:28px}.presentation-round-progress>div{color:var(--present-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:20px;margin-bottom:10px;font-size:.8824rem;font-weight:500;display:flex}.presentation-round-progress span{align-items:center;gap:6px;display:inline-flex}.presentation-round-progress svg{width:18px;height:18px;color:var(--present-action)}.presentation-round-progress progress{appearance:none;background:var(--present-line);width:100%;height:6px;color:var(--present-action);border:0;border-radius:3px;display:block;overflow:hidden}.presentation-round-progress progress::-webkit-progress-bar{background:var(--present-line)}.presentation-round-progress progress::-webkit-progress-value{background:var(--present-action)}.presentation-round-progress progress::-moz-progress-bar{background:var(--present-action)}.presentation-question-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(28px,4vw,56px);animation:.18s ease-out presentation-question-in;display:grid}.presentation-question h1{font-size:clamp(1.3529rem,calc(2.55vw * var(--present-font-scale,1)),2.1176rem);letter-spacing:-.025em;text-wrap:pretty;line-height:1.28}.presentation-question-context{white-space:pre-wrap;background:var(--present-paper);border-radius:10px;margin-top:20px;padding:18px;font-size:.9412rem;line-height:1.5}.presentation-answer-hint{color:var(--present-muted);margin-top:20px;font-size:.8235rem}.presentation-answers{grid-area:1/2/span 2;gap:12px;display:grid}.presentation-answer{border:1px solid var(--present-line);background:var(--present-paper);text-align:left;min-height:72px;color:var(--present-ink);border-radius:12px;align-items:center;gap:14px;padding:18px;font-size:1rem;line-height:1.4;transition:background-color .14s,border-color .14s;display:flex}.presentation-answer-letter{background:var(--present-ground);border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.8824rem;font-weight:600;display:grid}.presentation-answer[data-state=correct]{background:var(--present-good-bg);border-color:var(--present-good);color:var(--present-good)}.presentation-answer[data-state=incorrect]{background:var(--present-bad-bg);border-color:var(--present-bad);color:var(--present-bad)}.presentation-answer[data-state=muted]{color:var(--present-muted)}.presentation-answer-state{margin-top:4px;font-size:.7059rem;font-weight:600;display:block}.presentation-answer-mark{flex-shrink:0;width:22px;height:22px;margin-left:auto}.presentation-feedback{background:var(--present-paper);color:var(--present-muted);border-radius:12px;grid-area:2/1;padding:20px 24px;font-size:.9412rem;line-height:1.5}.presentation-feedback[data-revealed=false]{background:0 0;padding-left:0}.presentation-feedback strong{color:var(--present-ink);font-size:1.0588rem}.presentation-feedback strong+p{margin-top:5px}.presentation-results{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:64px;max-width:1040px;min-height:100%;margin:0 auto;display:grid}.presentation-result-score{color:var(--present-action);flex-direction:column;align-items:center;display:flex}.presentation-result-score>svg{stroke-width:1.5px;width:60px;height:60px;margin-bottom:18px}.presentation-result-score>span{font-size:clamp(4.5882rem,calc(9vw * var(--present-font-scale,1)),7.0588rem);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.presentation-result-score small{color:var(--present-muted);font-size:.38em;font-weight:400}.presentation-result-score p{color:var(--present-muted);margin-top:14px;font-size:1rem}.presentation-result-copy h1{font-size:clamp(1.7647rem,calc(4vw * var(--present-font-scale,1)),2.9412rem);margin:15px 0 20px;line-height:1.12}.presentation-result-copy>p:not(.presentation-difficulty){color:var(--present-muted);font-size:1.0588rem;line-height:1.6}.presentation-best-streak{align-items:center;gap:8px;margin-top:20px;display:flex}.presentation-best-streak svg{width:20px;height:20px}.presentation-result-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.presentation-offline{background:var(--present-tint);color:var(--present-ink);padding:10px 24px;font-size:.8235rem}.presentation-dialog{background:var(--present-paper);width:min(580px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--present-ink);overscroll-behavior:contain;border:0;border-radius:16px;margin:auto;padding:28px;overflow-y:auto}.presentation-dialog::backdrop{background:var(--present-overlay)}.presentation-dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.presentation-dialog h2{font-size:1.4706rem;line-height:1.2}.presentation-dialog h3{margin:26px 0 10px;font-size:1.1176rem}.presentation-dialog p{color:var(--present-muted);margin-bottom:14px;font-size:.9412rem;line-height:1.6}.presentation-dialog-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.presentation-fullscreen{margin-top:8px}.presentation-settings-links{flex-wrap:wrap;gap:8px 20px;display:flex}.presentation-settings-links button{min-height:44px;color:var(--present-action);text-underline-offset:4px;font-size:.8824rem;text-decoration:underline}@media (min-width:700px){.presentation-access-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px}.presentation-access-form>*{grid-column:1/-1}.presentation-access-form>div:first-of-type,.presentation-access-form>div:nth-of-type(2){grid-column:auto}.presentation-access-form>div>label:has(input[type=checkbox]){font-size:.7647rem;line-height:1.5}}@keyframes presentation-question-in{0%{transform:translate(8px)}to{transform:translate(0)}}@media (hover:hover){.presentation-button-primary:hover:not(:disabled),.presentation-access-form .presentation-start-button:hover:not(:disabled){background:var(--present-hover)}.presentation-icon-button:hover,.presentation-button-quiet:hover,.presentation-button-secondary:hover{background:var(--present-tint)}.presentation-game:hover,.presentation-answer:hover:not(:disabled){border-color:var(--present-action)}}@media (orientation:portrait),(max-width:760px){.presentation-lobby{grid-template-columns:minmax(0,1fr);align-content:center;gap:32px}.presentation-welcome h1{font-size:clamp(2rem,calc(6vw * var(--present-font-scale,1)),3.1765rem);margin-bottom:14px}.presentation-welcome h1 br{display:none}.presentation-welcome>p{max-width:48ch;font-size:1.0588rem}.presentation-welcome-note{display:none}.presentation-game{padding:24px 28px}.presentation-game-title{font-size:1.4706rem}.presentation-intro{grid-template-columns:minmax(0,1fr);align-content:center;gap:24px;max-width:640px}.presentation-intro-copy h1{font-size:1.8824rem}.presentation-intro-copy>p:not(.presentation-subtitle):not(.presentation-game-meta),.presentation-how-to{display:none}.presentation-intro-copy .presentation-subtitle{margin-bottom:10px}.presentation-question-layout{grid-template-columns:minmax(0,1fr);gap:24px}.presentation-answers{grid-area:2/1}.presentation-feedback{grid-area:3/1}.presentation-question h1{font-size:1.6471rem}.presentation-answer-hint{margin-top:10px}.presentation-answer{min-height:80px;padding:20px;font-size:1.0588rem}.presentation-results{text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;gap:32px;max-width:640px}.presentation-result-score>span{font-size:6.4706rem}.presentation-best-streak,.presentation-result-actions{justify-content:center}}@media (min-width:761px) and (orientation:landscape) and (max-height:850px){.presentation-toolbar{min-height:68px;padding-top:8px;padding-bottom:8px}.presentation-brand img{width:144px}.presentation-content{padding:16px max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left))}.presentation-bottom-bar{min-height:68px;padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.presentation-game{padding:18px 22px}.presentation-game-list{gap:12px}.presentation-game-meta{margin-top:10px}.presentation-intro{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:24px}.presentation-intro-copy h1{font-size:1.6471rem}.presentation-intro-copy .presentation-subtitle{margin-bottom:14px}.presentation-how-to{gap:10px;margin-top:18px}.presentation-registration{padding:20px}.presentation-access-form{gap:10px}.presentation-privacy-note{margin-top:8px}.presentation-answer{min-height:64px;padding:12px 14px}.presentation-round-progress{margin-bottom:16px}.presentation-question-layout{gap:20px 28px}.presentation-question h1{font-size:1.3529rem}.presentation-question-context{margin-top:14px;padding:12px;line-height:1.4}.presentation-answer-hint{margin-top:10px}.presentation-feedback{padding:14px 16px}}@media (min-width:900px) and (orientation:landscape) and (max-height:850px){.presentation-access-form{grid-template-columns:repeat(3,minmax(0,1fr))}.presentation-access-form>div:nth-of-type(3){grid-column:auto}}@media (min-width:700px) and (orientation:portrait) and (max-height:1180px){.presentation-toolbar{min-height:70px;padding-top:8px;padding-bottom:8px}.presentation-content{padding:20px 28px}.presentation-round-progress{margin-bottom:18px}.presentation-question-layout{gap:16px}.presentation-question h1{font-size:1.4706rem}.presentation-question-context{margin-top:12px;padding:12px 16px;line-height:1.4}.presentation-answer{min-height:64px;padding:14px 18px;font-size:1rem}.presentation-answers{gap:10px}.presentation-feedback{padding:14px 18px}.presentation-intro{gap:18px}.presentation-registration{padding:22px}}@media (min-width:761px) and (orientation:landscape) and (max-height:700px){.presentation-content{padding-top:10px;padding-bottom:10px}.presentation-question-layout{row-gap:10px}.presentation-feedback{padding-top:12px;padding-bottom:12px}}@media (min-width:700px) and (orientation:portrait) and (max-height:960px){.presentation-content{padding-top:14px;padding-bottom:14px}.presentation-round-progress{margin-bottom:12px}.presentation-question-layout{gap:12px}.presentation-answers{gap:8px}.presentation-question-context{margin-top:8px;padding-top:10px;padding-bottom:10px}}@media (max-width:600px){.presentation-toolbar{min-height:70px;padding-left:16px;padding-right:16px}.presentation-brand img{width:128px}.presentation-brand>span{display:none}.presentation-toolbar .presentation-button{gap:6px;padding:10px;font-size:.8235rem}.presentation-content{padding:24px 18px}.presentation-game{gap:12px;padding:20px}.presentation-game-title{font-size:1.2941rem}.presentation-bottom-bar{padding:12px 18px max(12px,env(safe-area-inset-bottom))}.presentation-bottom-bar>span{font-size:.7059rem}.presentation-bottom-bar .presentation-tap-prompt,.presentation-bottom-detail{display:none}.presentation-bottom-bar .presentation-button{padding:12px 14px;font-size:.8824rem}.presentation-intro-copy h1{font-size:1.6471rem}.presentation-registration{padding:22px}.presentation-question h1{font-size:1.3529rem}.presentation-answer{gap:12px;padding:16px;font-size:.9412rem}.presentation-feedback{padding:18px;font-size:.8824rem}.presentation-dialog{padding:22px}.presentation-dialog h2{font-size:1.2941rem}}@media (prefers-reduced-motion:reduce){.presentation-app *,.presentation-app :before{transition:none!important;animation:none!important}}
