*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{background:#000;color:#fff}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html,body{overflow:hidden}.app-root{position:relative;z-index:2;width:100vw;height:100svh;display:flex;flex-direction:column;align-items:center}.content-wrap{position:relative;z-index:2;pointer-events:auto;width:min(1100px,90vw);padding:clamp(16px,3vw,28px);min-height:100svh}.video-bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:0}.video-bg video{width:100%;height:100%;object-fit:cover}.video-scrim{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:1;pointer-events:none}.logo-header{position:fixed;top:clamp(10px,2vh,22px);left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.logo-header img{width:clamp(140px,16vw,200px);height:auto;display:block}.title{font-size:clamp(36px,5.6vw,68px);font-weight:700;letter-spacing:.2px;text-align:center}.title--start{font-size:clamp(54px,8.4vw,102px)}.subtitle{font-size:clamp(18px,2.4vw,24px);color:#d8d8d8;text-align:center}.subtitle--start{font-size:clamp(27px,3.6vw,36px)}.btn-base{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer;min-height:64px;padding:18px 28px;border-radius:14px;border:1px solid transparent;background:#ffffff0f;color:#fff;outline:none;transition:transform .14s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;will-change:transform;font-size:clamp(18px,2.2vw,22px)}.btn-base:hover{transform:translateY(-1px) scale(1.01)}.btn-base:active{transform:translateY(0) scale(.99)}.btn-base:focus-visible{border-color:#00ffdc;box-shadow:0 0 0 2px #00ffdc33,0 0 24px #00ffdc59}.btn-disabled,.btn-base[disabled]{opacity:.7;cursor:default;pointer-events:none}.answer{width:100%;text-align:left;font-size:clamp(18px,2.2vw,24px);line-height:1.25}.answer+.answer{margin-top:14px}.answer--correct{border-color:#00ffdc;box-shadow:0 0 0 1px #00ffdc73,0 0 24px #00ffdc66}.answer--reveal{border-color:#00ffdc;box-shadow:0 0 0 1px #00ffdc59,0 0 18px #00ffdc4d}.answer--wrong{border-color:#ff3c3c;box-shadow:0 0 0 1px #ff3c3c66,0 0 20px #ff3c3c40}.answer-label{display:inline-block;margin-left:10px;font-size:12px;color:#d8d8d8;opacity:.9}.vstack{display:flex;flex-direction:column;gap:18px;align-items:center}.hstack{display:flex;flex-direction:row;gap:12px;align-items:center}.quiz-header{display:flex;align-items:center;justify-content:space-between;color:#d8d8d8;margin-bottom:clamp(10px,2.5vh,18px)}.quiz-prompt{font-size:clamp(28px,3.6vw,38px);line-height:1.25;margin-bottom:clamp(14px,3vh,24px);text-align:left}.answers{display:flex;flex-direction:column}.timer{position:fixed;left:0;right:0;bottom:0;height:8px;z-index:2}.timer-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1f}.timer-fill{position:absolute;left:0;top:0;bottom:0;background:#00ffdc;box-shadow:0 0 18px #00ffdc66;width:100%;transform-origin:left center;transition:width .1s linear}.restart-button{position:fixed;right:clamp(12px,3vw,24px);bottom:clamp(12px,3vw,24px);padding:10px 16px;border-radius:999px;font-size:14px;background:#ffffff14;z-index:2}.fade-in{animation:fadeIn .38s ease forwards}.fade-up{animation:fadeUp .42s ease forwards}.scale-in{animation:scaleIn .36s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (min-aspect-ratio: 16/10){.content-wrap{width:min(1100px,78vw)}}.no-select,button,.btn-base{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.content-under-logo{padding-top:0}.header-spacer{height:clamp(90px,14vh,150px)}.pitch{font-size:clamp(18px,2.2vw,26px);line-height:1.5;color:#d8d8d8}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1}.stage--center-view{min-height:100svh}