.app{position:relative;min-height:100dvh;width:100%;margin:0;color:var(--color-text)}.app__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background-color:var(--color-background, var(--theme-background-image, #073763));background-image:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--color-primary, #0a75d9) 38%,transparent) 0%,transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--color-primary, #075fae) 45%,var(--color-background, #073763)) 0%,var(--color-background, #073763) 46%,var(--color-blue-950, #06213f) 100%)}@keyframes bg-rays-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.app__bg:before{content:"";position:absolute;left:50%;top:50%;width:200vmax;height:200vmax;opacity:.18;transform:translate(-50%,-50%);transform-origin:center center;animation:none;background-image:repeating-conic-gradient(from -90deg at 50% 50%,color-mix(in srgb,var(--color-pattern, #ffffff) 70%,transparent) 0deg 10deg,transparent 10deg 20deg);mask-image:radial-gradient(circle at 50% 50%,#000000b3,#000);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.7) 0%,rgba(0,0,0,1) 100%)}.app__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--bg-pattern-opacity, .55);background-image:radial-gradient(circle,var(--color-pattern, #ffffff) var(--bg-pattern-dot, 1.2px),transparent var(--bg-pattern-dot, 1.2px));background-size:var(--bg-pattern-size, 15px) var(--bg-pattern-size, 15px);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,0) var(--bg-pattern-mask-center, 40%),rgba(0,0,0,var(--bg-pattern-mask-edge, .6)) 100%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,0) var(--bg-pattern-mask-center, 40%),rgba(0,0,0,var(--bg-pattern-mask-edge, .6)) 100%);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.app__content{position:relative;z-index:1;width:100%;max-width:min(100%,960px);margin:0 auto;padding:clamp(1rem,3vw,2.25rem)}.app .screen{width:100%}.app h1{color:var(--color-text);font-family:var(--font-brand);line-height:1.05}.app h2,.app h3{color:var(--color-text);font-family:var(--font-display);line-height:1.2}.app .muted{color:color-mix(in srgb,var(--color-text) 78%,transparent)}.app .error{color:var(--color-white)}.app .panel{border:4px solid var(--color-button, var(--color-yellow-500));border-radius:var(--radius-base, 24px);background:var(--color-panel, var(--color-white));box-shadow:var(--shadow-hard-blue),var(--shadow-soft);color:var(--color-panel-text, var(--color-button-text, #06213f))}.app .panel .muted,.app .panel h1,.app .panel h2,.app .panel h3{color:var(--color-panel-text, var(--color-button-text, #06213f))}.app .header{color:var(--color-text)}.app button{border:3px solid var(--color-white);border-radius:999px;background:linear-gradient(180deg,var(--color-button-light, #ffd84a) 0%,var(--color-button, #ffc72c) 100%);color:var(--color-button-text, #06213f);font-weight:900;box-shadow:0 6px 0 var(--color-blue-900),0 14px 24px #00000038;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.app button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px) scale(1.01);box-shadow:0 8px 0 var(--color-blue-900),0 0 22px #ffc72c73,0 16px 28px #0000003d}.app button:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px 0 var(--color-blue-900),0 8px 18px #0000003d}.app button:disabled{border-color:var(--color-white);background:var(--color-disabled-bg);color:var(--color-disabled-text);box-shadow:none}.app button.btn-action,.app .btn-primary{border-color:var(--color-white);background:linear-gradient(180deg,var(--color-button-light, #ffd84a) 0%,var(--color-button, #ffc72c) 100%);color:var(--color-button-text, #06213f)}.app input:not([type=checkbox]),.app select,.app textarea{border:3px solid var(--color-blue-800);border-radius:22px;background:var(--color-offwhite);color:var(--color-text-on-offwhite, var(--color-panel-text, #06213f));font-weight:800;outline:none}.app input:not([type=checkbox]):focus,.app select:focus,.app textarea:focus{border-color:var(--color-yellow-500);box-shadow:var(--shadow-yellow-glow)}.app .offline-banner{border:2px solid var(--color-yellow-500);background:var(--color-blue-950);color:var(--color-text-on-dark, var(--color-text))}.splash-screen{min-height:calc(100dvh - clamp(2rem,6vw,4.5rem));justify-content:center;text-align:center}.splash-logo{align-self:center;max-width:min(180px,38vw);max-height:120px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.24))}.quiz-keyvisual{position:relative;align-self:center;width:min(720px,92vw);padding-top:clamp(3rem,10vw,5rem)}.quiz-bubbles{position:absolute;inset:0 0 auto;display:flex;justify-content:center;gap:clamp(.7rem,4vw,2rem)}.quiz-bubble{display:grid;place-items:center;width:clamp(3.6rem,11vw,5.5rem);height:clamp(3rem,9vw,4.8rem);border:4px solid var(--color-white);border-radius:28px;background:linear-gradient(180deg,var(--color-blue-800),var(--color-blue-950));color:var(--color-white);box-shadow:0 0 0 3px var(--color-yellow-500),0 9px 0 var(--color-blue-950),0 18px 26px #00000038;transform:rotate(-4deg);transition:transform var(--transition-fast, .2s ease)}.quiz-bubble svg{display:block}.quiz-bubble--round{border-radius:999px}.quiz-bubbles .quiz-bubble:nth-child(1){transform:rotate(-4deg)}.quiz-bubbles .quiz-bubble:nth-child(2){transform:translateY(-.7rem) rotate(1deg)}.quiz-bubbles .quiz-bubble:nth-child(3){transform:rotate(5deg)}@media(hover:hover){.quiz-bubbles .quiz-bubble:hover{transform:translateY(-3px) scale(1.03)}}.quiz-wordmark{margin:0;color:var(--color-yellow-500);font-family:var(--font-brand);font-size:clamp(5rem,18vw,11rem);font-weight:950;letter-spacing:-.08em;line-height:.86;text-shadow:0 0 0 var(--color-white),0 6px 0 var(--color-white),6px 0 0 var(--color-white),-6px 0 0 var(--color-white),0 -6px 0 var(--color-white),10px 14px 0 var(--color-blue-950),0 26px 34px rgba(0,0,0,.25)}.splash-kicker{margin:0;color:var(--color-white);font-size:clamp(1rem,2.5vw,1.4rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.prize-card{align-self:center;width:min(560px,100%);font-size:1.15rem;font-weight:900}.prize-card__label{margin:0 0 .5rem}.prize-card__image{display:block;width:100%;max-width:min(320px,88vw);max-height:min(220px,42vh);margin:0 auto .75rem;object-fit:contain;border-radius:calc(var(--radius-base, 24px) - 8px);background:#ffffffeb;box-shadow:0 6px 0 var(--color-blue-900),0 12px 24px #0000002e}.prize-card__text{margin:0}.brand-logo{position:fixed;right:clamp(.75rem,2.5vw,1.5rem);bottom:clamp(.75rem,2.5vw,1.5rem);z-index:2;pointer-events:none}.brand-logo__img{display:block;width:clamp(110px,22vw,168px);height:auto;opacity:.95;mix-blend-mode:screen;filter:drop-shadow(0 4px 12px rgba(0,0,0,.22))}[data-screen-mode=kiosk] .brand-logo__img{width:clamp(140px,14vw,200px)}[data-screen-mode=kiosk] .app__content{max-width:min(100%,1200px)}.screen--play{--tile-blue-fill: linear-gradient(180deg, #3aa8ff 0%, #1764d8 45%, #0a2a86 100%);--tile-blue-fill-active: linear-gradient(180deg, #4eb8ff 0%, #1a8fe6 45%, #0a2a86 100%)}.screen--play .play-player-name{margin:-.35rem 0 .9rem;text-align:center;font-weight:800;color:color-mix(in srgb,var(--color-text) 88%,transparent)}.screen--play .progress__step{border-color:var(--color-blue-800);color:var(--color-panel-text, var(--color-button-text, #06213f));background:var(--color-panel, var(--color-white));box-shadow:0 3px 0 var(--color-blue-900)}.screen--play .progress__step--active{border-color:var(--color-yellow-500);color:var(--color-button-text, #06213f);background:var(--color-button, var(--color-yellow-500));font-weight:700}.screen--play .progress__step--correct{border-color:var(--color-white);color:var(--color-white);background:var(--color-success);box-shadow:0 3px #1e8a3e}.screen--play .progress__step--wrong{border-color:var(--color-white);color:var(--color-white);background:var(--color-error);box-shadow:0 3px #a82824}.screen--play .timer{border:0;min-width:clamp(58px,6.8vw,96px);min-height:clamp(58px,6.8vw,96px);padding:clamp(4px,.5vw,7px);border-radius:50%;background:linear-gradient(150deg,#ffe27a,#f6b73c 45%,#c47812);color:#fff;box-shadow:0 6px 16px #0000008c,0 0 18px #ffb02ea6;font-family:Oswald,sans-serif;font-size:clamp(1.2rem,2.2vw,2rem);font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.5);position:relative;isolation:isolate}.screen--play .timer:before{content:"";position:absolute;inset:clamp(4px,.5vw,7px);border-radius:50%;background:radial-gradient(60% 55% at 38% 30%,#ff5a4d,#d61f1f 55%,#7d0a0a);box-shadow:inset 0 4px 8px #fff6,inset 0 -8px 14px #3c000099;z-index:-1}.screen--play .timer.is-warning{filter:brightness(1.08)}.screen--play .question-panel{--gold-glow: rgba(255, 176, 46, .65);position:relative;overflow:visible;border:0;background:transparent;box-shadow:none;color:#fff;padding:0}.screen--play .question-panel__banner{position:relative;width:min(1120px,100%);margin-inline:auto;aspect-ratio:1120 / 380}.screen--play .question-panel__shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 18px rgba(255,176,46,.6)) drop-shadow(0 16px 26px rgba(0,0,0,.55))}@keyframes question-result-ring{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.screen--play .question-panel__result-stroke{opacity:0;stroke-linecap:round;stroke-linejoin:round;stroke-width:16;stroke-dasharray:1;stroke-dashoffset:1;pointer-events:none}.screen--play .question-panel--correct .question-panel__result-stroke,.screen--play .question-panel--wrong .question-panel__result-stroke,.screen--play .question-panel--timeout .question-panel__result-stroke{opacity:1;animation:question-result-ring .8s ease-out forwards}.screen--play .question-panel--correct .question-panel__result-stroke{stroke:#2dbf64;filter:drop-shadow(0 0 12px rgba(45,191,100,.9))}.screen--play .question-panel--wrong .question-panel__result-stroke,.screen--play .question-panel--timeout .question-panel__result-stroke{stroke:#e53935;filter:drop-shadow(0 0 12px rgba(229,57,53,.9))}.screen--play .question-panel__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,22px);padding:clamp(2.5rem,6vw,5rem) clamp(3.5rem,7vw,7.5rem) clamp(1.5rem,3vw,3.1rem);text-align:center}.screen--play .question-panel__banner>.timer{position:absolute;left:10.5%;top:20.5%;transform:translate(-50%,-50%);z-index:5}.screen--play .question-prompt{position:relative;margin:clamp(.5rem,1.2vw,.95rem) 0 0;color:#fff;font-family:Oswald,sans-serif;font-size:clamp(1.6rem,4.2vw,3.25rem);font-weight:700;line-height:1.08;text-align:center;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 18px rgba(120,200,255,.35)}.screen--play .question-panel--timeout{opacity:.96}.screen--play .question-meta{position:relative;display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap;margin:0;color:#dfeefc;font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.45);font-size:clamp(.78rem,1.25vw,1.2rem)}.screen--play .question-type-badge,.screen--play .lightning-hint{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border:2px solid #f6b73c;border-radius:999px;background:#0a2a86;color:#dfeefc;font-size:clamp(.7rem,1.05vw,.92rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.screen--play .lightning-hint{margin:1rem auto 0;width:fit-content;background:var(--color-button, var(--color-yellow-500));color:var(--color-button-text, #06213f)}@media(max-width:760px){.screen--play .question-panel__content{padding:clamp(2rem,5vw,3rem) clamp(1rem,4vw,2rem) clamp(1.25rem,3vw,2rem)}.screen--play .question-panel__banner>.timer{left:8%;top:18%}}.screen--play .answers-grid{--tile-gap: clamp(8px, 1.2vw, 26px);--tile-w: min(300px, calc((100% - 3 * var(--tile-gap)) / 4));display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:var(--tile-gap);width:100%;max-width:100%;perspective:1600px;perspective-origin:50% 50%;transform-style:preserve-3d}.screen--play .answer-card{--gold-1: #ffe27a;--gold-2: #f6b73c;--gold-3: #c47812;--gold-glow: rgba(255, 176, 46, .65);position:relative;width:var(--tile-w);aspect-ratio:300 / 215;flex:0 0 auto;height:auto;min-height:0;padding:0;border:0;border-radius:26px;overflow:visible;background:transparent;box-shadow:none;color:var(--color-white);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,.61,.36,1);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.screen--play .answer-card__choice-badge{position:absolute;left:50%;top:clamp(-26px,-2.9vw,-18px);z-index:4;display:grid;place-items:center;width:clamp(42px,5.2vw,66px);height:clamp(34px,4vw,52px);padding:clamp(4px,.45vw,7px);border-radius:14px;background:linear-gradient(150deg,var(--gold-1) 0%,var(--gold-2) 38%,var(--gold-3) 100%);box-shadow:0 0 18px var(--gold-glow),0 8px 14px #0000006b,inset 0 2px 3px #ffffff8c,inset 0 -3px 5px #783c008c;transform:translate(-50%);pointer-events:none}.screen--play .answer-card__choice-face{display:grid;place-items:center;width:100%;height:100%;border-radius:9px;background:var(--tile-blue-fill);color:#fff;font-family:Oswald,sans-serif;font-size:clamp(1.25rem,3vw,2.35rem);font-weight:700;line-height:1;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #00000038}.screen--play .answer-card:focus-visible{outline:none}.screen--play .answer-card:focus-visible .answer-card__frame{box-shadow:0 0 22px var(--gold-glow),0 14px 28px #0000008c,inset 0 2px 3px #ffffff8c,inset 0 -3px 5px #783c008c,0 0 0 3px #fffffff2}.screen--play .answer-card[data-pos=l-out]{transform:rotateY(-22deg) scaleY(.85)}.screen--play .answer-card[data-pos=l-in]{transform:rotateY(-7deg)}.screen--play .answer-card[data-pos=r-in]{transform:rotateY(7deg)}.screen--play .answer-card[data-pos=r-out]{transform:rotateY(22deg) scaleY(.85)}.screen--play .answer-card__frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;padding:clamp(6px,.75vw,11px);background:linear-gradient(150deg,var(--gold-1) 0%,var(--gold-2) 38%,var(--gold-3) 100%);box-shadow:0 0 22px var(--gold-glow),0 14px 28px #0000008c,inset 0 2px 3px #ffffff8c,inset 0 -3px 5px #783c008c}.screen--play .answer-card__face{position:relative;width:100%;height:100%;border-radius:17px;overflow:hidden;background:var(--tile-blue-fill);box-shadow:inset 0 0 0 1px #00000038;display:flex;align-items:center;justify-content:center;text-align:center;transition:filter .35s ease}.screen--play .answer-card__label{position:relative;z-index:2;color:#dfeefc;font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.04em;line-height:1.05;text-transform:uppercase;font-size:clamp(11px,1.5vw,26px);padding:0 10%;text-shadow:0 1px 2px rgba(0,0,0,.45);opacity:.45;transition:opacity .35s ease,text-shadow .35s ease,color .35s ease}.screen--play .answer-card.is-selected .answer-card__face{background:var(--tile-blue-fill-active);box-shadow:inset 0 0 0 1px #00000038}.screen--play .answer-card.is-selected .answer-card__frame{box-shadow:0 0 34px #ffc85ae6,0 14px 30px #0009,inset 0 2px 3px #fff9,inset 0 -3px 5px #783c008c}.screen--play .answer-card.is-selected .answer-card__label{opacity:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}@media(hover:hover){.screen--play .answer-card:hover:not(:disabled):not(.is-correct):not(.is-wrong) .answer-card__face{filter:brightness(1.12)}.screen--play .answer-card[data-pos=l-out]:hover:not(:disabled):not(.is-correct):not(.is-wrong){transform:rotateY(-22deg) scaleY(.85) translateZ(20px)}.screen--play .answer-card[data-pos=l-in]:hover:not(:disabled):not(.is-correct):not(.is-wrong){transform:rotateY(-7deg) translateZ(20px)}.screen--play .answer-card[data-pos=r-in]:hover:not(:disabled):not(.is-correct):not(.is-wrong){transform:rotateY(7deg) translateZ(20px)}.screen--play .answer-card[data-pos=r-out]:hover:not(:disabled):not(.is-correct):not(.is-wrong){transform:rotateY(22deg) scaleY(.85) translateZ(20px)}.screen--play .answer-card:hover:not(:disabled):not(.is-correct):not(.is-wrong) .answer-card__label{opacity:1;color:#fff}}.screen--play .answer-card.is-correct .answer-card__face,.screen--play .answer-card.is-reveal-correct .answer-card__face{background:linear-gradient(180deg,#6af0a3,#2dbf64 55%,#1e8a3e)}.screen--play .answer-card.is-correct .answer-card__label,.screen--play .answer-card.is-reveal-correct .answer-card__label{opacity:1;color:#fff}.screen--play .answer-card.is-wrong .answer-card__face{background:linear-gradient(180deg,#ffb0aa,#ff6f61 55%,#c8362f)}.screen--play .answer-card.is-wrong .answer-card__label{opacity:1;color:#fff}.screen--play .answer-card.is-timeout-dim .answer-card__face{opacity:.5;filter:grayscale(.2)}.screen--play .answers-grid--revealed .answer-card:disabled{cursor:default}.feedback-toast{position:absolute;left:50%;bottom:5.5%;z-index:6;display:flex;align-items:center;justify-content:center;gap:.65rem;margin:0;padding:.65rem 1.25rem;border:3px solid var(--color-white);border-radius:999px;font-family:var(--font-display);font-size:1.1rem;font-weight:900;box-shadow:0 6px 0 var(--color-blue-900);transform:translate(-50%,50%);pointer-events:none}.feedback-toast--correct{background:var(--color-success);color:var(--color-text-on-success, var(--color-text))}.feedback-toast--wrong,.feedback-toast--timeout{background:var(--color-error);color:var(--color-text-on-error, var(--color-text))}.feedback-toast__icon{width:1.25rem;height:1.25rem;border-radius:999px;background:#ffffffe6}.feedback-toast__icon--correct{box-shadow:inset 0 0 0 3px var(--color-success)}.feedback-toast__icon--correct:after{content:"";display:block;width:.35rem;height:.65rem;margin:.15rem 0 0 .42rem;border:solid var(--color-success);border-width:0 3px 3px 0;transform:rotate(45deg)}.feedback-toast__icon--wrong:before,.feedback-toast__icon--wrong:after,.feedback-toast__icon--timeout:before,.feedback-toast__icon--timeout:after{content:"";position:absolute;width:.65rem;height:3px;margin-top:.55rem;margin-left:.3rem;background:var(--color-error);border-radius:2px}.feedback-toast__icon--wrong,.feedback-toast__icon--timeout{position:relative}.feedback-toast__icon--wrong:before,.feedback-toast__icon--timeout:before{transform:rotate(45deg)}.feedback-toast__icon--wrong:after,.feedback-toast__icon--timeout:after{transform:rotate(-45deg)}.screen--play .lightning-overlay{color:var(--color-text);font-size:clamp(2.2rem,8vw,5.5rem);font-family:var(--font-brand);font-weight:950;text-transform:uppercase;text-shadow:0 4px 0 var(--color-white),0 10px 22px rgba(6,33,63,.25)}.screen--play .media-panel{position:relative;margin:1rem auto;max-width:680px;border:4px solid var(--color-yellow-500);border-radius:28px;background:linear-gradient(180deg,var(--color-blue-700),var(--color-blue-950));box-shadow:0 7px 0 var(--color-blue-900);overflow:hidden}.screen--play .media-panel audio,.screen--play .media-panel video,.screen--play .media-panel img{display:block;width:100%}.screen--play .media-panel audio{padding:1rem}.screen--play .media-panel:after{content:attr(data-label);position:absolute;top:.75rem;left:.75rem;padding:.28rem .65rem;border-radius:999px;background:var(--color-button, var(--color-yellow-500));color:var(--color-button-text, #06213f);font-size:.72rem;font-weight:950;letter-spacing:.08em}@media(prefers-reduced-motion:reduce){.screen--play .answer-card{transition:none}}[data-screen-mode=kiosk] .screen--play .question-prompt{font-size:clamp(1.85rem,3.6vw,2.75rem)}[data-screen-mode=kiosk] .screen--play .answer-card__label{font-size:clamp(1.2rem,2vw,1.55rem)}html[data-ui-mode=minimal]:before{content:"UI-Testmodus (minimal) – ?ui=full zum Beenden";position:fixed;top:0;left:0;right:0;z-index:9999;padding:.35rem .5rem;background:#fff;color:#000;border-bottom:1px solid #000;font:12px/1.3 ui-monospace,monospace;text-align:center;pointer-events:none}html[data-ui-mode=minimal]{--color-text: #000;--color-background: #fff;--color-panel: #fff;--color-panel-text: #000;--color-button-text: #000;--color-text-on-dark: #000;--color-text-on-header: #000;--font-display: system-ui, -apple-system, sans-serif;--font-brand: system-ui, -apple-system, sans-serif;--shadow-hard-blue: none;--shadow-soft: none;--shadow-yellow-glow: none}html[data-ui-mode=minimal] body,html[data-ui-mode=minimal] #root{background:#fff;background-image:none;color:#000}html[data-ui-mode=minimal] .app{color:#000}html[data-ui-mode=minimal] .app__bg{display:none!important}html[data-ui-mode=minimal] .brand-logo{display:none}html[data-ui-mode=minimal] .app__content{padding-top:2rem;max-width:48rem}html[data-ui-mode=minimal] .play-player-name,html[data-ui-mode=minimal] .muted{color:#333}html[data-ui-mode=minimal] .header{border:1px solid #000;border-radius:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#000}html[data-ui-mode=minimal] .header__center,html[data-ui-mode=minimal] .header__back{color:#000}html[data-ui-mode=minimal] .panel,html[data-ui-mode=minimal] .app .panel{border:1px solid #000!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#000!important}html[data-ui-mode=minimal] .app h1,html[data-ui-mode=minimal] .app h2,html[data-ui-mode=minimal] .app h3,html[data-ui-mode=minimal] .app .panel h1,html[data-ui-mode=minimal] .app .panel h2,html[data-ui-mode=minimal] .app .panel h3{color:#000!important}html[data-ui-mode=minimal] .error{color:#000;background:#fff;border:1px solid #000;border-radius:0}html[data-ui-mode=minimal] button,html[data-ui-mode=minimal] .app button,html[data-ui-mode=minimal] input:not([type=checkbox]),html[data-ui-mode=minimal] .app input:not([type=checkbox]),html[data-ui-mode=minimal] select,html[data-ui-mode=minimal] .app select,html[data-ui-mode=minimal] textarea,html[data-ui-mode=minimal] .app textarea{border:1px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important;font-weight:600;transform:none!important;filter:none!important}html[data-ui-mode=minimal] .app button:hover:not(:disabled),html[data-ui-mode=minimal] .app button:active:not(:disabled){transform:none!important;box-shadow:none!important;filter:none!important}html[data-ui-mode=minimal] .app button.btn-action,html[data-ui-mode=minimal] .app .btn-primary{background:#fff!important;color:#000!important}html[data-ui-mode=minimal] .app input:not([type=checkbox]):focus,html[data-ui-mode=minimal] .app select:focus,html[data-ui-mode=minimal] .app textarea:focus{outline:2px solid #000;outline-offset:1px;box-shadow:none!important}html[data-ui-mode=minimal] button:disabled{opacity:.5;color:#666}html[data-ui-mode=minimal] .question-panel{padding:0}html[data-ui-mode=minimal] .question-panel__shape{display:none!important}html[data-ui-mode=minimal] .question-panel__banner{aspect-ratio:auto;width:100%;border:none;border-radius:0;background:transparent}html[data-ui-mode=minimal] .question-panel__content{position:static;padding:0;gap:.75rem}html[data-ui-mode=minimal] .question-panel__banner>.timer{position:static;transform:none;min-width:2.5rem;min-height:2.5rem;padding:.35rem .5rem;margin:0;border:1px solid #000;border-radius:0;background:#fff;color:#000;box-shadow:none;font-size:1rem}html[data-ui-mode=minimal] .question-panel__banner>.timer:before{display:none}html[data-ui-mode=minimal] .question-prompt{margin:0;font-size:1.15rem;font-weight:700;text-transform:none;text-shadow:none;color:#000}html[data-ui-mode=minimal] .question-meta{color:#000;font-size:.85rem;letter-spacing:0;text-shadow:none;text-transform:none}html[data-ui-mode=minimal] .question-type-badge,html[data-ui-mode=minimal] .lightning-hint{border:1px solid #000;border-radius:0;background:#fff;color:#000}html[data-ui-mode=minimal] .question-panel__result-stroke{display:none!important}html[data-ui-mode=minimal] .answers-grid{perspective:none;gap:.5rem;align-items:stretch;--tile-w: auto}html[data-ui-mode=minimal] .screen--play .answer-card{transform:none!important;filter:none!important;overflow:visible;width:100%;flex:1 1 0;min-width:0;aspect-ratio:auto;min-height:4.5rem;border:1px solid #000;border-radius:0;background:#fff;display:flex;flex-direction:column;align-items:stretch;padding:.5rem;gap:.35rem;color:#000}html[data-ui-mode=minimal] .answer-card__choice-badge{position:static;transform:none;width:auto;height:auto;padding:0;border-radius:0;background:none;box-shadow:none}html[data-ui-mode=minimal] .answer-card__choice-face{display:inline-block;width:auto;height:auto;padding:.1rem .4rem;border:1px solid #000;border-radius:0;background:#fff;color:#000;font-size:.8rem;font-weight:700;text-shadow:none;box-shadow:none}html[data-ui-mode=minimal] .screen--play .answer-card__frame{position:static;display:block;flex:1;inset:auto;padding:0;border-radius:0;background:none;box-shadow:none}html[data-ui-mode=minimal] .screen--play .answer-card__face{position:static;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:2.5rem;border:none;border-radius:0;background:transparent!important;box-shadow:none;filter:none!important;padding:.25rem}html[data-ui-mode=minimal] .screen--play .answer-card__label{opacity:1!important;font-size:.95rem;font-weight:400;text-transform:none;text-shadow:none;color:#000!important;padding:0;line-height:1.2}html[data-ui-mode=minimal] .answer-card.is-selected{outline:2px solid #000;outline-offset:2px}html[data-ui-mode=minimal] .answer-card.is-correct,html[data-ui-mode=minimal] .answer-card.is-reveal-correct{outline:3px solid #000;background:#fff}html[data-ui-mode=minimal] .answer-card.is-correct .answer-card__face,html[data-ui-mode=minimal] .answer-card.is-reveal-correct .answer-card__face,html[data-ui-mode=minimal] .answer-card.is-wrong .answer-card__face{background:transparent!important}html[data-ui-mode=minimal] .answer-card.is-wrong{outline:3px dashed #000}html[data-ui-mode=minimal] .answer-card.is-timeout-dim{opacity:.45}html[data-ui-mode=minimal] .progress__step{border:1px solid #000;border-radius:0;background:#fff;color:#000;box-shadow:none}html[data-ui-mode=minimal] .progress__step--active{background:#000;color:#fff;border-color:#000}html[data-ui-mode=minimal] .progress__step--correct{background:#fff;color:#000;border:2px solid #000}html[data-ui-mode=minimal] .progress__step--wrong{background:#fff;color:#000;border:2px dashed #000}html[data-ui-mode=minimal] .feedback-toast{position:static;transform:none;margin:.5rem 0;padding:.5rem .75rem;border:1px solid #000;border-radius:0;background:#fff;color:#000;box-shadow:none;font-weight:600}html[data-ui-mode=minimal] .feedback-toast--correct,html[data-ui-mode=minimal] .feedback-toast--wrong,html[data-ui-mode=minimal] .feedback-toast--timeout{background:#fff;color:#000}html[data-ui-mode=minimal] .feedback-toast__icon{display:none}html[data-ui-mode=minimal] .lightning-overlay,html[data-ui-mode=minimal] .lightning-hint{display:none!important}html[data-ui-mode=minimal] .media-panel{border:1px solid #000;border-radius:0;box-shadow:none;background:#fff}html[data-ui-mode=minimal] .media-panel:after{display:none}html[data-ui-mode=minimal] .loading-state__spinner{border-color:#ccc;border-top-color:#000}html[data-ui-mode=minimal] .code-input-grid input,html[data-ui-mode=minimal] .qr-register-layout input,html[data-ui-mode=minimal] .offline-banner{border:1px solid #000;background:#fff;color:#000}html[data-ui-mode=minimal] .splash-kicker,html[data-ui-mode=minimal] .quiz-wordmark{color:#000;text-shadow:none}html[data-ui-mode=minimal] .quiz-bubble{border:1px solid #000;border-radius:0;background:#fff;color:#000;box-shadow:none;transform:none!important}html[data-ui-mode=minimal] .splash-logo{filter:none}html[data-ui-mode=minimal] .prize-card__image{border:1px solid #000}html[data-ui-mode=minimal] a{color:#000;text-decoration:underline}html[data-ui-mode=minimal] *,html[data-ui-mode=minimal] *:before,html[data-ui-mode=minimal] *:after{animation:none!important;transition:none!important}:root{--color-blue-950: #06213f;--color-blue-900: #073763;--color-blue-800: #025297;--color-blue-700: #075fae;--color-blue-600: #0a75d9;--color-blue-100: #e7f2fc;--color-yellow-500: #ffc72c;--color-yellow-400: #ffd84a;--color-yellow-300: #ffe47a;--color-white: #ffffff;--color-offwhite: #f6faff;--color-success: #36c75a;--color-error: #e53935;--color-warning: #ffc72c;--color-disabled-bg: #d8e1ec;--color-disabled-text: #6f7f91;--color-primary: #0a75d9;--color-background: #06213f;--color-surface: #073763;--color-text: #ffffff;--radius-base: 32px;--font-display: "Nunito", system-ui, -apple-system, sans-serif;--font-brand: "Fredoka", "Nunito", system-ui, sans-serif;--transition-fast: .2s ease;--space-md: 1rem;--shadow-hard-blue: 0 8px 0 var(--color-blue-900);--shadow-soft: 0 18px 34px rgba(0, 0, 0, .22);--shadow-yellow-glow: 0 0 22px rgba(255, 199, 44, .45);--theme-background-image: #073763;--bg-pattern-opacity: .5;--bg-pattern-dot: 1.2px;--bg-pattern-size: 15px;--bg-pattern-mask-center: 40%;--bg-pattern-mask-edge: .6}*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0;background-color:var(--color-blue-950, #06213f);background-image:linear-gradient(180deg,var(--color-blue-800, #025297) 0%,var(--color-blue-900, #073763) 50%,var(--color-blue-950, #06213f) 100%)}body{font-family:var(--font-display);line-height:1.5;color:var(--color-text);overflow-x:hidden}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;padding:.85rem 1.35rem;min-height:52px;touch-action:manipulation;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),background var(--transition-fast)}button:focus-visible{outline:3px solid var(--color-yellow-500);outline-offset:3px}.answer-card:focus-visible{outline:3px solid var(--color-white);outline-offset:3px}button:disabled{opacity:1;cursor:not-allowed}input:not([type=checkbox]){padding:.85rem 1rem;width:100%}.center{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.muted{color:color-mix(in srgb,var(--color-text) 78%,transparent)}.error{color:var(--color-white);background:#e539352e;border:2px solid color-mix(in srgb,var(--color-error) 78%,white);border-radius:20px;padding:.75rem 1rem}.panel{padding:clamp(1rem,2.4vw,1.6rem)}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:clamp(1rem,2.8vw,1.5rem);border:3px solid rgba(255,255,255,.38);border-radius:999px;background:#06213f75;box-shadow:inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header__center{text-align:center;flex:1;color:var(--color-text-on-header, var(--color-text))}.header__leading,.header__trailing{flex:0 0 auto;min-width:2.85rem}.header__spacer{width:2.85rem;height:2.85rem}.header__back{display:grid;place-items:center;width:2.85rem;height:2.85rem;min-width:0;padding:0;border-width:2px;font-size:1.35rem;line-height:1;box-shadow:0 4px 0 var(--color-blue-950)}.header__score{min-width:5.5rem;padding:.35rem .8rem;border:2px solid var(--color-yellow-500);border-radius:999px;color:var(--color-button-text, #06213f);background:linear-gradient(180deg,var(--color-button-light, #ffd84a),var(--color-button, #ffc72c));text-align:center;font-weight:900;box-shadow:0 4px 0 var(--color-blue-950)}.header__title{color:var(--color-button-light, var(--color-yellow-300));font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.header__progress{font-weight:900}.form-stack{display:flex;flex-direction:column;gap:.75rem}label{display:flex;flex-direction:column;gap:.25rem;color:var(--color-panel-text, var(--color-button-text, #06213f));font-weight:800}.checkbox-row{flex-direction:row;align-items:flex-start;gap:.5rem}.progress{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-bottom:clamp(1rem,2.8vw,1.5rem)}.progress__step{display:grid;place-items:center;min-width:2rem;height:2rem;padding:.2rem;border:2px solid var(--color-blue-800);border-radius:999px;font-size:.75rem;text-align:center;font-weight:900}.progress__step--active{border-color:var(--color-yellow-500)}.progress__step--done{background:var(--color-success)}.timer{display:inline-grid;place-items:center;min-width:3.65rem;min-height:3.65rem;padding:.5rem;border:4px solid var(--color-yellow-500);border-radius:999px;text-align:center;font-size:1.25rem;font-weight:950;line-height:1}.answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,2vw,1.2rem)}@media(max-width:520px){.answers-grid{grid-template-columns:1fr}}.qr-register-layout{display:grid;gap:1rem}@media(min-width:768px){.qr-register-layout{grid-template-columns:1fr 1fr}}.code-input-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.code-input-box{width:100%;text-align:center;padding:.85rem 0;font-size:1.25rem;font-weight:900}.offline-banner{position:fixed;top:.75rem;right:.75rem;z-index:20;padding:.45rem .75rem;border:2px solid var(--color-yellow-500);border-radius:999px;background:var(--color-blue-950);color:var(--color-text-on-dark, var(--color-text));font-size:.85rem;font-weight:800}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:40vh;text-align:center}.loading-state__spinner{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.25);border-top-color:var(--color-yellow-500);border-radius:50%;animation:spin .85s linear infinite}.loading-state__text{margin:0;font-weight:700;letter-spacing:.04em}@keyframes spin{to{transform:rotate(360deg)}}.lightning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:30;background:radial-gradient(circle,#ffd84af5,#ffffffad 36%,#06213f33);pointer-events:none}@media(prefers-reduced-motion:reduce){.loading-state__spinner{animation:none;border-top-color:var(--color-yellow-400)}.screen--play .question-panel--wrong,.screen--play .question-panel--timeout,.screen--play .answer-card.is-wrong,.screen--play .answer-card.is-correct,.feedback-toast{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){.header{border-radius:28px;align-items:stretch}.header__score{min-width:4.5rem}}