.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-display);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 .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))}.quiz-keyvisual{position:relative;align-self:center;flex-shrink:0;width:min(520px,88vw);margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:clamp(.45rem,1.2vh,.75rem);overflow:visible}.quiz-bubbles{position:relative;z-index:2;display:flex;justify-content:center;gap:clamp(.45rem,2.5vw,1.1rem);width:min(100%,420px);pointer-events:none}.quiz-bubble{display:grid;place-items:center;width:clamp(3.6rem,11vw,5.5rem);height:clamp(3rem,9vw,4.8rem);border:var(--tile-frame-width) solid transparent;border-radius:28px;background:linear-gradient(180deg,var(--color-blue-800),var(--color-blue-950)) padding-box,var(--tile-frame-gradient) border-box;color:var(--color-white);box-shadow:var(--tile-frame-shadow),0 9px 0 var(--color-blue-950);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{display:block;width:min(420px,86vw);height:auto;max-height:min(140px,22dvh);margin:0;object-fit:contain;object-position:center;mix-blend-mode:screen;filter:drop-shadow(0 10px 14px rgba(6,33,63,.35))}.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(360px,88vw);aspect-ratio:16 / 9;margin:0 auto .75rem;object-fit:cover;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)}.app__content:has(.event-ad-layout--side){display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:min(100%,1600px);min-height:100dvh;padding:clamp(.5rem,1.5vw,1.25rem);box-sizing:border-box;overflow:hidden}.app__content:has(.event-ad-layout--side):not(:has(.header)){justify-content:center}.event-ad-layout--side{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,min(640px,52vw)) minmax(110px,150px);grid-template-rows:minmax(0,1fr);grid-template-areas:"ad-left ad-main ad-right";align-items:center;justify-content:center;gap:clamp(.75rem,2.5vw,2rem);width:min(100%,1280px);flex:1 1 auto;min-height:0;max-height:calc(100dvh - clamp(1rem,3vw,2.5rem));margin-inline:auto}.event-ad-layout--side:not(:has(.event-ad-banner)){grid-template-columns:minmax(0,min(640px,92vw));grid-template-areas:"ad-main"}.event-ad-layout--side:not(:has(.event-ad-banner--left)):has(.event-ad-banner--right){grid-template-columns:minmax(0,min(640px,52vw)) minmax(110px,150px);grid-template-areas:"ad-main ad-right"}.event-ad-layout--side:has(.event-ad-banner--left):not(:has(.event-ad-banner--right)){grid-template-columns:minmax(110px,150px) minmax(0,min(640px,52vw));grid-template-areas:"ad-left ad-main"}.event-ad-layout--side .event-ad-banner--left{grid-area:ad-left;grid-column:auto;justify-self:end}.event-ad-layout--side .event-ad-banner--right{grid-area:ad-right;grid-column:auto;justify-self:start}.event-ad-layout--side .event-ad-main,.event-ad-layout--side>.panel,.event-ad-layout--side>form,.event-ad-layout--side>section{grid-area:ad-main;grid-column:auto}.event-ad-layout--side .event-ad-banner{width:min(150px,13vw);height:min(560px,calc(100dvh - clamp(2rem,4vw,3.5rem)));max-height:min(560px,calc(100dvh - clamp(2rem,4vw,3.5rem)));aspect-ratio:unset;align-self:center}.event-ad-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.35rem,1.1dvh,.75rem);width:100%;min-width:0;min-height:0;max-height:calc(100dvh - clamp(1.5rem,3vw,2.5rem));text-align:center}.event-ad-main .header,.event-ad-main .error{flex-shrink:0;width:100%}.event-ad-layout--qr .qr-screen{width:100%;max-width:100%;margin-inline:0;padding:clamp(.55rem,1.2dvh,.95rem) clamp(.75rem,2vw,1.1rem)}.event-ad-layout--qr .qr-screen h1{margin-block:.25rem;font-size:clamp(1.2rem,2.6vw,1.85rem)}.event-ad-layout--qr .qr-screen__code{margin-block:clamp(.35rem,1dvh,.65rem)}.event-ad-layout--qr .qr-screen__code .qr-image{width:min(300px,72%,34dvh);height:auto}.event-ad-layout--qr .qr-screen__url{margin-top:clamp(.35rem,.8dvh,.55rem);padding:.45rem .75rem;font-size:clamp(.78rem,1.6vw,.92rem)}.event-ad-layout--qr .qr-screen__intro,.event-ad-layout--qr .qr-screen>.muted:last-child{font-size:clamp(.82rem,1.6vw,.95rem);line-height:1.25}.event-ad-layout--code .code-entry-screen{width:100%;max-width:100%;margin-inline:0;padding:clamp(.55rem,1.2dvh,.95rem) clamp(.75rem,2vw,1.1rem)}.event-ad-layout--code .code-entry-screen h1{font-size:clamp(1.2rem,2.6vw,1.85rem);margin-block:.25rem}.event-ad-layout--code .code-entry-screen .code-input-grid{margin-block:clamp(.5rem,1.2dvh,.85rem)}@media(max-height:720px){.event-ad-layout--side .event-ad-banner{height:min(480px,calc(100dvh - clamp(2rem,4vw,3rem)));max-height:min(480px,calc(100dvh - clamp(2rem,4vw,3rem)))}.event-ad-layout--qr .qr-screen__code .qr-image{width:min(240px,68%,28dvh)}}@media(max-width:760px){.event-ad-layout--side{grid-template-columns:minmax(0,1fr);grid-template-areas:"ad-main";max-height:none}.event-ad-layout--side .event-ad-banner{display:none}}.app__content:has(.splash-page){display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:none;min-height:100dvh;padding:clamp(20px,4vh,56px) clamp(18px,4vw,64px);box-sizing:border-box;overflow:visible}.splash-page{--splash-accent: #f7c331;--splash-radius: 30px;--splash-card-top: #14409c;--splash-card-bot: #0d2b80;--splash-prize-1: #2f7cf0;--splash-prize-2: #1d56cf;--splash-ink: #08205f;--splash-txt-muted: rgba(255, 255, 255, .66);position:relative;width:100%;font-family:"Sora",var(--font-display),system-ui,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}.splash-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 105% at 50% 40%,transparent 44%,rgba(3,10,40,.6) 100%)}.splash-brand-mark{position:fixed;top:24px;left:26px;z-index:5;width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px color-mix(in oklab,var(--splash-accent),#fff 4%),0 10px 26px -8px #020828b3}.splash-stage{position:relative;z-index:1;width:100%;min-height:min(100dvh,100%);display:flex;align-items:center;justify-content:center}.splash-layout{width:100%;max-width:1320px;display:grid;grid-template-columns:minmax(150px,260px) minmax(0,700px) minmax(150px,260px);gap:clamp(20px,2.4vw,48px);align-items:center;justify-items:stretch}.splash-layout:not(:has(.splash-layout__banner-col)){grid-template-columns:minmax(0,700px);justify-content:center}.splash-layout:has(.splash-layout__banner-col:first-child):not(:has(.splash-layout__banner-col:last-child)){grid-template-columns:minmax(150px,260px) minmax(0,700px)}.splash-layout:not(:has(.splash-layout__banner-col:first-child)):has(.splash-layout__banner-col:last-child){grid-template-columns:minmax(0,700px) minmax(150px,260px)}.splash-layout__banner-col{width:100%;display:flex;justify-content:center}.splash-banner{width:100%;max-width:260px;aspect-ratio:9 / 19;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#ffffff12,#ffffff05);border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 60px -28px #020828d9}.splash-banner img{display:block;width:100%;height:100%;object-fit:cover}.splash-card{width:100%;min-width:0;border-radius:var(--splash-radius);padding:clamp(30px,3.4vw,52px) clamp(26px,3.4vw,52px) clamp(34px,3.4vw,52px);background:linear-gradient(180deg,color-mix(in oklab,var(--splash-card-top),#fff 4%) 0%,var(--splash-card-bot) 100%);border:1.5px solid color-mix(in oklab,var(--splash-accent),#fff 12%);text-align:center;box-shadow:0 0 0 1px color-mix(in oklab,var(--splash-accent),#fff 22%) inset,0 0 48px -6px color-mix(in oklab,var(--splash-accent),transparent 62%),0 40px 90px -34px #020828f2}.splash-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--splash-txt-muted)}.splash-eyebrow__dot{width:9px;height:9px;border-radius:50%;background:var(--splash-accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--splash-accent),transparent 72%);animation:splash-pulse 2.2s ease-in-out infinite}@keyframes splash-pulse{0%,to{opacity:1}50%{opacity:.45}}.splash-title{margin:20px 0 0;line-height:0}.splash-title__logo{display:block;width:min(100%,clamp(260px,48vw,440px));height:auto;max-height:clamp(72px,11vw,118px);margin:0 auto;object-fit:contain;object-position:center;mix-blend-mode:screen;filter:drop-shadow(0 10px 14px rgba(6,33,63,.35))}.splash-cat{margin-top:22px;display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:center}.splash-cat__pill{font-weight:800;font-size:14px;letter-spacing:.06em;padding:8px 15px;border-radius:999px;color:var(--splash-ink);background:linear-gradient(180deg,color-mix(in oklab,var(--splash-accent),#fff 16%),var(--splash-accent));box-shadow:0 6px 16px -8px color-mix(in oklab,var(--splash-accent),transparent 30%)}.splash-subtitle{margin:12px 0 0;font-size:17px;font-weight:500;color:var(--splash-txt-muted)}.splash-prize{margin-top:30px;border-radius:calc(var(--splash-radius) - 6px);padding:22px;text-align:left;background:linear-gradient(155deg,var(--splash-prize-1) 0%,var(--splash-prize-2) 100%);border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 50px -26px #020828e6,0 1px #ffffff40 inset}.splash-prize__eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ffffffd9;display:flex;align-items:center;gap:9px;margin-bottom:16px}.splash-prize__eyebrow:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.32),transparent)}.splash-prize__body{display:grid;grid-template-columns:108px 1fr auto;gap:18px;align-items:center}.splash-prize__body:not(:has(.splash-prize__img)){grid-template-columns:1fr auto}.splash-prize__img{width:108px;height:108px;border-radius:18px;object-fit:cover;box-shadow:0 12px 28px -12px #020828cc}.splash-prize__amount{font-size:clamp(24px,2.6vw,30px);font-weight:800;line-height:1.05;letter-spacing:-.01em;color:#fff}.splash-prize__tag{align-self:center;font-weight:800;font-size:15px;color:var(--splash-ink);background:var(--splash-accent);border-radius:12px;padding:9px 12px;white-space:nowrap;box-shadow:0 8px 18px -10px #020828b3}.splash-demo{margin-top:24px;font-size:.9rem;color:var(--splash-txt-muted)}.app .splash-cta{margin-top:30px;width:100%;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-family:inherit;font-weight:800;font-size:clamp(19px,2.4vw,23px);letter-spacing:.04em;text-transform:uppercase;color:var(--splash-ink);padding:21px 30px;border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,var(--splash-accent),#fff 18%) 0%,var(--splash-accent) 70%,color-mix(in oklab,var(--splash-accent),#000 12%) 100%);box-shadow:0 16px 34px -14px color-mix(in oklab,var(--splash-accent),transparent 30%),0 2px color-mix(in oklab,var(--splash-accent),#000 22%) inset,0 1px #fff6 inset;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.app .splash-cta:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 22px 44px -14px color-mix(in oklab,var(--splash-accent),transparent 18%),0 2px color-mix(in oklab,var(--splash-accent),#000 22%) inset,0 1px #ffffff73 inset}.app .splash-cta:active:not(:disabled){transform:translateY(0)}.app .splash-cta:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.app .splash-cta svg{width:22px;height:22px;flex-shrink:0}.splash-meta{margin-top:18px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--splash-txt-muted);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.splash-meta span{display:inline-flex;align-items:center;gap:14px}.splash-meta i{width:4px;height:4px;border-radius:50%;background:var(--splash-txt-muted);opacity:.6}@media(prefers-reduced-motion:no-preference){.splash-reveal{animation:splash-rise .7s cubic-bezier(.2,.7,.2,1) both}.splash-reveal--d1{animation-delay:.05s}.splash-reveal--d2{animation-delay:.13s}.splash-reveal--d3{animation-delay:.21s}.splash-reveal--d4{animation-delay:.29s}.splash-reveal--d5{animation-delay:.37s}.splash-reveal--d6{animation-delay:.45s}}@keyframes splash-rise{0%{transform:translateY(14px)}to{transform:none}}@media(max-width:1080px){.splash-layout{grid-template-columns:minmax(0,720px);justify-content:center}.splash-layout__banner-col{display:none}}@media(max-width:560px){.splash-brand-mark{width:48px;height:48px;top:16px;left:16px}.splash-prize__body{grid-template-columns:84px 1fr}.splash-prize__img{width:84px;height:84px}.splash-prize__tag{display:none}.app .splash-cta{font-size:19px;padding:18px 22px}}:root{--tile-gold-1: var(--color-button-light, #ffe27a);--tile-gold-2: var(--color-button, #f6b73c);--tile-gold-3: var(--color-button-dark, #c47812);--tile-gold-glow: color-mix(in srgb, var(--color-button, #ffc72c) 65%, transparent);--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%);--tile-frame-width: clamp(6px, .75vw, 11px);--tile-radius-outer: 26px;--tile-radius-inner: 17px;--tile-frame-gradient: linear-gradient(150deg, var(--tile-gold-1) 0%, var(--tile-gold-2) 38%, var(--tile-gold-3) 100%);--tile-frame-shadow: 0 0 22px var(--tile-gold-glow), 0 14px 28px rgba(0, 0, 0, .55), inset 0 2px 3px rgba(255, 255, 255, .55), inset 0 -3px 5px rgba(120, 60, 0, .55)}.app .panel{border:var(--tile-frame-width) solid transparent;border-radius:var(--tile-radius-outer);padding:clamp(1rem,2.4vw,1.6rem);background:var(--tile-blue-fill) padding-box,var(--tile-frame-gradient) border-box;box-shadow:var(--tile-frame-shadow);color:#dfeefc}.app .panel h1,.app .panel h2,.app .panel h3{color:#fff;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.45)}.app .panel .muted,.app .panel label{color:#dfeefc}.app .panel label{font-weight:700}.app .panel .muted{opacity:.92}.app .panel .prize-card__label,.app .panel .prize-card__text{color:#fff}.prize-card{font-family:var(--font-display);font-weight:700;letter-spacing:.04em}.prize-card__label{text-transform:uppercase}.app .checkin-event-panel{align-items:center;text-align:center}.app .checkin-event-panel__meta{text-align:center}.app .checkin-event-panel .checkin-prize{width:100%}.app .checkin-event-panel .prize-card{display:flex;flex-direction:column;align-items:center;text-align:center}.app .checkin-event-panel .prize-card__image{margin-inline:auto}.screen--play{display:flex;flex-direction:column;gap:clamp(.45rem,1vh,.85rem)}.app__content:has(.screen--play){padding-top:clamp(.45rem,1.2vw,1rem);padding-bottom:clamp(1.35rem,2.8vw,2.5rem)}.screen--play .header{margin-bottom:clamp(.25rem,.8vh,.55rem);padding-block:clamp(.45rem,.9vh,.7rem)}.screen--play .play-player-name{margin:0 0 clamp(.25rem,.7vh,.55rem);text-align:center;font-weight:800;color:color-mix(in srgb,var(--color-text) 88%,transparent)}.screen--play .progress{margin-bottom:clamp(.35rem,1.1vh,.75rem)}.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,var(--tile-gold-1, #ffe27a) 0%,var(--tile-gold-2, #f6b73c) 45%,var(--tile-gold-3, #c47812) 100%);color:#fff;box-shadow:0 6px 16px #0000008c,0 0 18px #ffb02ea6;font-family:var(--font-display);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{position:relative;overflow:visible;border:0;background:transparent;box-shadow:none;color:#fff;padding:0;margin-top:clamp(-.3rem,-.6vh,0rem)}.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 var(--tile-gold-glow, 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(4px,.9vw,12px);padding:clamp(2.2rem,5.5vw,4.5rem) clamp(2.5rem,6vw,6.5rem) clamp(1.25rem,2.8vw,2.5rem);text-align:center;overflow:hidden;container-type:size}.screen--play .question-panel__banner>.timer{position:absolute;left:8.571%;top:20.526%;transform:translate(-50%,-50%);z-index:5}.screen--play .question-prompt-wrap{flex:1 1 auto;min-height:0;width:100%;max-height:48%;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen--play .question-prompt{position:relative;margin:0;max-width:100%;color:#fff;font-family:var(--font-display);font-size:clamp(1.1rem,3.5cqh,3rem);font-weight:700;line-height:1.06;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);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.screen--play .question-panel__content:has(.media-panel) .question-prompt-wrap{max-height:34%}.screen--play .question-panel--timeout{opacity:.96}.screen--play .question-meta{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap;margin:0;color:#dfeefc;font-family:var(--font-display);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 var(--color-button, #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(1.85rem,5vw,2.75rem) clamp(1rem,4vw,1.75rem) clamp(1rem,2.5vw,1.65rem)}.screen--play .question-prompt-wrap{max-height:44%}.screen--play .question-panel__banner>.timer{left:8.571%;top:20.526%;transform:translate(-50%,-50%)}}.screen--play .play-restart{display:block;width:min(320px,100%);margin:clamp(.5rem,1.2vh,.85rem) auto 0;padding:.65rem 1.25rem;border:2px solid rgba(255,255,255,.55);border-radius:999px;background:#06213f8c;color:var(--color-white);font-family:var(--font-display);font-size:clamp(.82rem,1.9vw,.95rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;box-shadow:0 4px 0 var(--color-blue-950)}.screen--play .play-restart:hover:not(:disabled){background:#06213fb8;border-color:var(--color-button, #ffc72c);transform:translateY(-1px)}.screen--play .play-restart:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--color-blue-950)}.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;margin-top:clamp(-.35rem,-.8vh,0rem);padding-bottom:clamp(.35rem,1.1vh,.85rem)}.app .screen--play .answer-card,.app .screen--play .answer-card:disabled,.app .screen--play .answer-card:hover:not(:disabled),.app .screen--play .answer-card:active:not(:disabled),.app .screen--play .answer-card:focus-visible{position:relative;isolation:isolate;display:block;width:var(--tile-w);aspect-ratio:300 / 215;flex:0 0 auto;height:auto;min-height:0;padding:0;margin:0;border:0;border-radius:26px;overflow:visible;background:transparent;box-shadow:none;color:var(--color-white);transform:none;transform-style:flat;filter:none;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.app .screen--play .answer-card[data-pos=l-out],.app .screen--play .answer-card[data-pos=r-out]{aspect-ratio:300 / 182.75}.screen--play .answer-card__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,.61,.36,1);pointer-events:none}.screen--play .answer-card__choice-badge{position:absolute;left:50%;top:clamp(-26px,-2.9vw,-18px);z-index:12;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:var(--tile-frame-gradient);box-shadow:0 0 18px var(--tile-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:var(--font-display);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(--tile-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] .answer-card__stage{transform:rotateY(-22deg)}.screen--play .answer-card[data-pos=l-in] .answer-card__stage{transform:rotateY(-7deg)}.screen--play .answer-card[data-pos=r-in] .answer-card__stage{transform:rotateY(7deg)}.screen--play .answer-card[data-pos=r-out] .answer-card__stage{transform:rotateY(22deg)}.screen--play .answer-card__frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:26px;padding:clamp(6px,.75vw,11px);background:var(--tile-frame-gradient);box-shadow:0 0 22px var(--tile-gold-glow),0 14px 28px #0000008c,inset 0 2px 3px #ffffff8c,inset 0 -3px 5px #783c008c}.screen--play .answer-card__face{position:relative;z-index:1;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:var(--font-display);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) .answer-card__stage{transform:rotateY(-22deg) translateZ(20px)}.screen--play .answer-card[data-pos=l-in]:hover:not(:disabled):not(.is-correct):not(.is-wrong) .answer-card__stage{transform:rotateY(-7deg) translateZ(20px)}.screen--play .answer-card[data-pos=r-in]:hover:not(:disabled):not(.is-correct):not(.is-wrong) .answer-card__stage{transform:rotateY(7deg) translateZ(20px)}.screen--play .answer-card[data-pos=r-out]:hover:not(:disabled):not(.is-correct):not(.is-wrong) .answer-card__stage{transform:rotateY(22deg) 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__choice-badge,.screen--play .answer-card.is-reveal-correct .answer-card__choice-badge,.screen--play .answer-card.is-wrong .answer-card__choice-badge{z-index:15}.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}.intro-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at center,#ffc72c47,#06213fbd 48%,#06213fe0);pointer-events:auto}.intro-countdown__number{display:grid;place-items:center;width:clamp(150px,24vw,310px);height:clamp(150px,24vw,310px);border:clamp(8px,1.3vw,16px) solid var(--color-yellow-500);border-radius:50%;background:radial-gradient(60% 55% at 38% 30%,#ff5a4d,#d61f1f 55%,#7d0a0a);color:#fff;font-family:var(--font-display);font-size:clamp(5.5rem,16vw,13rem);font-weight:900;line-height:1;text-shadow:0 5px 0 rgba(0,0,0,.42);box-shadow:0 0 38px #ffc72cb8,0 22px 44px #00000080,inset 0 6px 14px #ffffff59,inset 0 -14px 22px #3c000094;animation:intro-countdown-pop .92s cubic-bezier(.2,.78,.24,1) both}@keyframes intro-countdown-pop{0%{opacity:0;transform:scale(.62)}18%{opacity:1;transform:scale(1.08)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}.app:has(.screen--play) .brand-logo__img{width:clamp(78px,9vw,126px)}.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-display);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;flex-shrink:0;margin:0 auto;width:100%;max-width:min(680px,100%);max-height:min(28%,140px);border:var(--tile-frame-width) solid transparent;border-radius:var(--tile-radius-outer);background:var(--tile-blue-fill) padding-box,var(--tile-frame-gradient) border-box;box-shadow:var(--tile-frame-shadow);overflow:hidden}.screen--play .media-panel--audio{width:min(100%,520px);max-height:none}.screen--play .question-audio-player{display:block;width:100%;min-height:3rem;padding:.85rem 1rem 1rem;background:transparent;accent-color:var(--color-button, var(--color-yellow-500))}.screen--play .media-panel audio,.screen--play .media-panel video,.screen--play .media-panel img{display:block;width:100%}.video-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2.5rem)}.video-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#06213fe0;cursor:pointer}.video-lightbox__panel{position:relative;z-index:1;width:min(94vw,960px);aspect-ratio:16 / 9;max-height:min(88vh,720px);border:var(--tile-frame-width) solid transparent;border-radius:var(--tile-radius-outer);background:#06213f padding-box,var(--tile-frame-gradient) border-box;box-shadow:0 24px 64px #0000008c,var(--tile-frame-shadow);overflow:hidden}.video-lightbox__badge{position:absolute;top:.75rem;left:.75rem;z-index:2;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;pointer-events:none}.video-lightbox__frame{width:100%;height:100%;background:#000}.video-lightbox__frame--youtube{display:flex;align-items:stretch}.video-lightbox__youtube,.video-lightbox__youtube iframe{width:100%;height:100%}.video-lightbox__video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.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__stage{transition:none}.intro-countdown__number{animation: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)}.screen--result{align-items:center;gap:clamp(.65rem,1.8vh,1rem);padding-bottom:clamp(.5rem,2vh,1rem);max-width:min(960px,100%);margin-inline:auto}.result-page__header{width:100%;text-align:center;margin:0 0 clamp(.15rem,.5vh,.35rem)}.result-page__eyebrow{margin:0;font-size:clamp(.72rem,1.8vw,.85rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 72%,transparent)}.result-page__title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text)}.result-bento{width:100%;display:grid;gap:clamp(.65rem,1.6vw,.9rem);grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:"prize prize" "score ranking";align-items:stretch}.result-bento--no-prize{grid-template-areas:"score ranking"}.result-tile{margin:0;min-height:0;display:flex;flex-direction:column}.result-tile--prize{grid-area:prize;padding:clamp(.85rem,2.2vw,1.15rem) clamp(1rem,2.5vw,1.35rem);text-align:left}.result-tile--prize .result-prize__inner{display:flex;align-items:center;gap:clamp(.85rem,2vw,1.25rem)}.result-tile--prize .result-prize__copy{flex:1;min-width:0}.result-tile--prize .result-prize__label{margin:0 0 .35rem;font-size:clamp(.72rem,1.7vw,.82rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,#dfeefc 88%,transparent)}.result-tile--prize .result-prize__text{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,2.8vw,1.55rem);font-weight:700;line-height:1.15;letter-spacing:.02em;text-transform:uppercase;color:#fff}.result-tile--prize .result-prize__image{flex-shrink:0;width:clamp(128px,22vw,220px);aspect-ratio:16 / 9;object-fit:cover;border-radius:16px;background:#ffffffeb;box-shadow:0 6px 0 var(--color-blue-900)}.result-tile--score{grid-area:score;min-height:clamp(220px,32dvh,300px);padding:clamp(1rem,2.5vw,1.35rem);justify-content:space-between;text-align:center}.result-tile--score .result-score__label{margin:0;font-size:clamp(.72rem,1.7vw,.82rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,#dfeefc 85%,transparent)}.result-tile--score .result-score__value{margin:.15rem 0 0;font-family:var(--font-display);font-size:clamp(2.4rem,7vw,3.4rem);font-weight:700;line-height:.95;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.28)}.result-tile--score .result-score__unit{margin:.2rem 0 0;font-size:clamp(.88rem,2vw,1rem);font-weight:700;color:color-mix(in srgb,#dfeefc 90%,transparent)}.result-tile--score .result-score__rank{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-top:.65rem;padding:.4rem 1rem;border-radius:999px;border:2px solid var(--color-button, var(--color-yellow-500));background:color-mix(in srgb,var(--color-button, #ffc72c) 22%,rgba(6,33,63,.5));font-size:clamp(.88rem,2vw,1rem);font-weight:800;color:#fff}.result-tile--score .result-score__meta{margin:0;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.14);font-size:clamp(.82rem,1.9vw,.92rem);font-weight:700;color:color-mix(in srgb,#dfeefc 80%,transparent)}.result-tile--ranking{grid-area:ranking;min-height:clamp(220px,32dvh,300px);padding:clamp(.85rem,2vw,1.1rem) clamp(.85rem,2vw,1rem);overflow:hidden}.result-tile--ranking .leaderboard-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.65rem;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.12)}.result-tile--ranking .leaderboard-panel__title{margin:0;text-align:left;font-family:var(--font-display);font-size:clamp(1rem,2.4vw,1.2rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.result-tile--ranking .leaderboard-panel__badge{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-button-light, #ffd84a) 90%,#fff)}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.leaderboard-list__row{display:grid;align-items:center}.leaderboard-list__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list__score{font-weight:900;font-variant-numeric:tabular-nums}.result-tile--ranking .leaderboard-list{flex:1;min-height:0;overflow-y:auto;padding-right:.15rem;gap:0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-button) 55%,transparent) transparent}.result-tile--ranking .leaderboard-list__row{display:grid;grid-template-columns:2rem 1fr auto;align-items:baseline;gap:.65rem;padding:.55rem .15rem .5rem;border:0;border-radius:0;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--color-white) 18%,transparent)}.result-tile--ranking .leaderboard-list__row:last-child{border-bottom:0;padding-bottom:.15rem}.result-tile--ranking .leaderboard-list__row--top1 .leaderboard-list__rank,.result-tile--ranking .leaderboard-list__row--top1 .leaderboard-list__score{color:var(--color-button-light, #ffd84a)}.result-tile--ranking .leaderboard-list__row--top2 .leaderboard-list__rank,.result-tile--ranking .leaderboard-list__row--top2 .leaderboard-list__score{color:#dfeefc}.result-tile--ranking .leaderboard-list__row--top3 .leaderboard-list__rank,.result-tile--ranking .leaderboard-list__row--top3 .leaderboard-list__score{color:color-mix(in srgb,var(--color-button, #ffc72c) 75%,#fff)}.result-tile--ranking .leaderboard-list__row.is-you .leaderboard-list__name{color:var(--color-button-light, #ffd84a)}.result-tile--ranking .leaderboard-list__row.is-you{border-bottom-color:color-mix(in srgb,var(--color-button, #ffc72c) 45%,transparent)}.result-tile--ranking .leaderboard-list__rank{font-size:clamp(.8rem,1.8vw,.9rem);font-weight:900;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--color-white) 72%,transparent);text-align:right}.result-tile--ranking .leaderboard-list__name{min-width:0;font-size:clamp(.82rem,1.9vw,.92rem);font-weight:700;letter-spacing:.02em}.result-tile--ranking .leaderboard-list__score{font-size:clamp(.82rem,1.9vw,.92rem);font-weight:900;color:var(--color-white)}.result-tile--ranking .leaderboard-panel__you{margin:.55rem 0 0;font-size:.82rem;text-align:center}.result-page__pending{width:100%;text-align:center;padding:1.5rem 1rem}.result-page__cta{width:min(420px,100%);margin-top:clamp(.25rem,1vh,.5rem)}@media(max-width:720px){.result-bento{grid-template-columns:1fr;grid-template-areas:"prize" "score" "ranking"}.result-bento--no-prize{grid-template-areas:"score" "ranking"}.result-tile--prize .result-prize__inner{flex-direction:column;text-align:center}.result-tile--score,.result-tile--ranking{min-height:auto}.result-tile--ranking .leaderboard-list{max-height:min(280px,38dvh)}}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:0;color:#000}html[data-ui-mode=minimal] .screen--play .answer-card__stage{position:static;inset:auto;display:flex;flex:1;flex-direction:column;align-items:stretch;gap:.35rem;width:100%;transform:none!important;transition:none}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-title{background:none;color:#000;-webkit-text-fill-color:#000}html[data-ui-mode=minimal] .splash-card{border:1px solid #000;background:#fff;box-shadow:none;color:#000}html[data-ui-mode=minimal] .splash-eyebrow,html[data-ui-mode=minimal] .splash-subtitle,html[data-ui-mode=minimal] .splash-meta{color:#000}html[data-ui-mode=minimal] .splash-prize{border:1px solid #000;background:#fff;box-shadow:none;color:#000}html[data-ui-mode=minimal] .splash-prize__amount{color:#000}html[data-ui-mode=minimal] .splash-brand-mark{box-shadow:none;border:1px solid #000}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: "Sora", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand: "Sora", system-ui, -apple-system, BlinkMacSystemFont, "Segoe 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;-webkit-font-smoothing:antialiased}.app,.app .header,.app .header__progress,.app .header__title{font-family:var(--font-display)}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}.mute-toggle{position:fixed;top:clamp(.65rem,2vw,1rem);left:clamp(.65rem,2vw,1rem);z-index:12;width:2.85rem;height:2.85rem;min-width:0;padding:0;border-radius:999px;font-size:1.35rem;line-height:1;box-shadow:0 4px 0 var(--color-blue-950),0 10px 18px #00000047}.mute-toggle.is-muted{filter:grayscale(.35)}.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}}.checkin-event-panel{display:flex;flex-direction:column;gap:.75rem}.checkin-event-panel__title,.checkin-event-panel__meta{margin:0}.checkin-prize.panel{margin-top:.25rem;padding:0;border:0;box-shadow:none;background:transparent}.checkin-prize .prize-card__label{margin:0 0 .5rem}.checkin-prize .prize-card__image{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-md, .5rem)}.checkin-prize .prize-card__text{margin:.5rem 0 0}.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}.code-entry-screen{width:min(100%,860px);margin-inline:auto;text-align:center}.app__content:has(.event-ad-layout--qr),.app__content:has(.event-ad-layout--code){max-width:min(100%,1600px)}.code-entry-screen .code-input-grid{margin-block:1rem}.event-ad-layout{width:min(100%,1280px);margin-inline:auto}.event-ad-banners{display:contents}.event-ad-banner{align-self:center;width:160px;height:min(600px,calc(100dvh - 8rem));aspect-ratio:4 / 15;border:3px solid var(--color-yellow-500);border-radius:1.15rem;background:#ffffffe0;box-shadow:0 12px 30px #06213f38;overflow:hidden}.event-ad-banner--left{justify-self:end}.event-ad-banner--right{justify-self:start}.event-ad-banner img{display:block;width:100%;height:100%;object-fit:cover}.qr-screen{width:min(100%,860px);margin-inline:auto;text-align:center;padding:clamp(.8rem,1.5vw,1.2rem)}.qr-screen h1{margin-block:.35rem;font-size:clamp(1.45rem,3vw,2.2rem)}.qr-screen__eyebrow{margin:0;color:var(--color-yellow-500);font-weight:950;letter-spacing:.12em;text-transform:uppercase}.qr-screen__intro{max-width:52rem;margin-inline:auto}.qr-screen__code{display:grid;place-items:center;gap:.35rem;margin-block:clamp(.6rem,1.6vw,1rem)}.qr-screen__code>p{margin:0}.qr-screen__code .qr-image{width:min(38vw,360px,46dvh);height:auto;padding:.6rem;border-radius:1rem;background:#fff;box-shadow:0 12px 30px #06213f3d}.qr-screen__url{overflow-wrap:anywhere;margin:.6rem auto 0;padding:.6rem .9rem;border:2px solid var(--color-yellow-500);border-radius:999px;background:#ffffffe6;color:var(--color-blue-950);font-weight:900}@media(max-width:760px){.qr-screen__code .qr-image{width:min(72vw,320px,46dvh)}}.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}}