@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:400;src:url(/fonts/Rubik-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:500;src:url(/fonts/Rubik-Medium.ttf)format("truetype")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:700;src:url(/fonts/Rubik-Bold.ttf)format("truetype")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:800 900;src:url(/fonts/Rubik-ExtraBold.ttf)format("truetype")}:root{--green:#8fe998;--red:#de5b5d;--peach:#ffc9b2;--pink:#f4a3c0;--blue:#112057;--off-black:#333;--yellow:#ede290;--progress-bg:#d25881b8;--glass:#ffffffe6;--stage-w:min(100vw, 520px);--stage-h:100svh;--stage-min:min(var(--stage-w), var(--stage-h));--stage-scale:1;color:#fff;background:#ffc8b3;font-family:Rubik,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{background:linear-gradient(#ffc8b300 0 72%,#112057 72% 100%),#ffc8b3}body{min-width:320px;font-weight:700;overflow:hidden}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{height:var(--stage-h);min-height:var(--stage-h);background:var(--blue);isolation:isolate;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden}.start-shell{background:#ffc8b3}.results-shell{height:var(--stage-h);min-height:var(--stage-h);-webkit-overflow-scrolling:touch;overflow:hidden auto}.center-shell{text-align:center;place-content:center;gap:22px;padding:32px;display:grid}.loading-shell{background:url(/game-bg/BgGradient.png) bottom/cover no-repeat,#f7976f}.center-shell h1{max-width:340px;margin:0;font-size:28px;line-height:1.12}.brand-badge,.hundra-counter{color:#fff;letter-spacing:0;background:#f4a3c0e0;border-radius:20px;place-items:center;min-width:122px;height:76px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:36px;font-weight:700;display:grid;box-shadow:12px 12px #ae638c59}.background-video{z-index:-4;object-fit:cover;background:linear-gradient(#f28a83,#112057);width:100%;height:100%;position:absolute;inset:0}.start-screen{z-index:2;height:100%;min-height:var(--stage-h);color:#162356;background:#ffc8b3;padding:0 clamp(24px,6.8vw,44px);position:relative;overflow:hidden}.start-screen:after{content:"";z-index:2;height:max(44px, calc(env(safe-area-inset-bottom) + 34px));pointer-events:none;background:linear-gradient(#11205700,#112057eb);position:absolute;bottom:-1px;left:0;right:0}.start-bg-gradient{top:calc(-42px - env(safe-area-inset-top));width:100%;height:calc(100% + 100px + env(safe-area-inset-top) + env(safe-area-inset-bottom));object-fit:cover;object-position:center bottom;pointer-events:none;position:absolute;left:0;right:0}.start-bg-shapes{object-fit:cover;object-position:center bottom;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.start-bg-gradient{z-index:0}.start-bg-shapes{z-index:1}.start-content{z-index:3;pointer-events:none;min-width:0;position:absolute;inset:0}.start-logo{justify-content:center;align-items:center;gap:clamp(10px,3vw,18px);min-width:0;display:flex;position:absolute;top:clamp(52px,8.5svh,86px);left:clamp(24px,6vw,42px);right:clamp(24px,6vw,42px)}.start-logo img{object-fit:contain;height:auto;display:block}.start-logo-omni{flex:0 auto;width:clamp(140px,38vw,218px);min-width:0}.start-logo-hundra{flex:none;width:clamp(84px,23vw,132px)}.start-content h1{color:#fff;letter-spacing:0;text-align:center;overflow-wrap:anywhere;max-width:none;margin:0;font-size:clamp(28px,6.9vw,40px);font-weight:700;line-height:1.16;position:absolute;top:clamp(220px,30svh,286px);left:clamp(22px,5.6vw,40px);right:clamp(22px,5.6vw,40px)}.calendar-card{left:var(--hint-target-x,50%);bottom:max(166px, calc(env(safe-area-inset-bottom) + 166px));z-index:2;color:#111;text-align:center;background:#fffffff5;border-radius:0 0 20px 20px;place-items:center;width:clamp(150px,39vw,214px);min-height:clamp(108px,15svh,150px);padding:clamp(18px,3svh,26px) 18px clamp(16px,2.6svh,22px);display:grid;position:absolute;transform:translate(-50%);box-shadow:0 20px 44px #1120571f}.calendar-card:before{content:"";background:#ef3d74;border-radius:20px 20px 0 0;height:clamp(36px,6svh,50px);position:absolute;inset:0 0 auto;transform:translateY(-100%)}.calendar-rings{justify-content:space-around;padding:0 clamp(24px,7vw,32px);display:flex;position:absolute;top:clamp(-62px,-7.5svh,-44px);left:0;right:0}.calendar-rings span{background:#333;border-radius:999px;width:clamp(13px,3.5vw,17px);height:clamp(40px,6.4svh,52px)}.calendar-card span{text-transform:capitalize;font-size:clamp(25px,6.2vw,36px)}.calendar-card strong{font-size:clamp(27px,6.8vw,40px);font-weight:700}.start-button{left:clamp(32px,8.2vw,56px);right:clamp(32px,8.2vw,56px);bottom:max(34px, calc(env(safe-area-inset-bottom) + 28px));z-index:3;min-height:clamp(70px,9.2svh,88px);color:var(--off-black);cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;font-size:clamp(25px,6.2vw,32px);font-weight:700;position:absolute;box-shadow:inset 0 -10px #ffc9b2,0 -20px 34px #ffffff40}.start-button:active{transform:translateY(2px)}@media (height<=760px){.start-logo{top:6.5svh}.start-content h1{font-size:clamp(26px,6.4vw,36px);top:25svh}.calendar-card{bottom:max(142px, calc(env(safe-area-inset-bottom) + 142px))}}@media (height<=650px){.start-logo{top:5.5svh}.start-content h1{font-size:clamp(23px,5.8vw,31px);top:23svh}.calendar-card{bottom:max(118px, calc(env(safe-area-inset-bottom) + 118px));width:clamp(132px,35vw,174px);min-height:98px}.start-button{min-height:62px}}.game-bg-layer{z-index:-3;pointer-events:none;position:absolute;inset:0}.results-shell .game-bg-layer{position:fixed}.game-bg-image{object-fit:cover;object-position:center bottom;width:100%;min-height:100%;position:absolute;inset:0}.game-bg-base{z-index:0}.game-bg-gradient{z-index:1}.question-transition-lottie{z-index:2;opacity:0;transform-origin:50%;animation:.36s ease-in 1.15s forwards transition-lottie-in;position:absolute;inset:-18%;transform:scale(1.12)}.question-transition-lottie svg{width:100%!important;height:100%!important}.game-bg-shapes{z-index:3}.top-hud{top:max(16px, env(safe-area-inset-top));z-index:4;pointer-events:none;justify-content:space-between;align-items:center;width:auto;display:flex;position:absolute;left:16px;right:16px}.score-controls{pointer-events:auto;align-items:center;gap:8px;display:inline-flex}.top-hud .hundra-counter{min-width:calc(92px * var(--stage-scale));height:calc(56px * var(--stage-scale));font-size:clamp(22px, calc(28px * var(--stage-scale)), 31px);border-radius:16px}.pause-button{width:clamp(36px, calc(42px * var(--stage-scale)), 46px);height:clamp(36px, calc(42px * var(--stage-scale)), 46px);color:#ffffffe0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:0;border-radius:999px;place-items:center;display:grid}.pause-button svg{width:18px;height:18px}.pause-button:active{transform:scale(.94)}.score-counter{align-items:center;gap:calc(10px * var(--stage-scale));min-width:calc(102px * var(--stage-scale));height:calc(56px * var(--stage-scale));color:#fff;font-size:clamp(17px, calc(20px * var(--stage-scale)), 22px);transform-origin:50%;background:#00000078;border-radius:18px;justify-content:center;font-weight:700;display:inline-flex}.score-counter svg{width:calc(25px * var(--stage-scale));height:calc(25px * var(--stage-scale));color:var(--yellow)}.score-counter.is-popping{animation:.7s cubic-bezier(.18,.9,.2,1.2) score-pop}@keyframes score-pop{0%{transform:scale(1)rotate(0)}24%{transform:scale(1.26)rotate(7deg)}45%{transform:scale(1.18)rotate(-6deg)}68%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}.intro-panel,.question-panel{z-index:2;gap:clamp(14px, calc(18px * var(--stage-scale)), 22px);padding:0 clamp(18px, 5vw, 34px) max(22px, calc(env(safe-area-inset-bottom) + 22px));display:grid;position:absolute;inset:auto 0 0}.round-chip{text-align:center;background:#ff956feb;border-radius:36px;justify-self:center;gap:4px;min-width:min(92vw,470px);padding:24px 28px;display:grid;box-shadow:0 14px 34px #11205729}.round-chip strong{text-transform:capitalize;font-size:28px;line-height:1.05}.round-chip span{font-size:18px}.progress-track{width:100%;height:clamp(7px, calc(10px * var(--stage-scale)), 10px);background:var(--progress-bg);border-radius:999px;overflow:hidden}.progress-fill{border-radius:inherit;background:#fff;height:100%;transition:width .18s linear}.pill-button,.answer-button{cursor:pointer;border:0;border-radius:999px;text-decoration:none}.pill-button{min-height:76px;color:var(--off-black);background:#fff;justify-content:center;align-items:center;gap:12px;padding:18px 28px;font-size:26px;font-weight:700;display:inline-flex;box-shadow:inset 0 -10px #ebd7ebd9}.pill-button svg{width:24px;height:24px}.pill-button-large{width:100%}.question-panel{gap:18px}.skip-intro-panel{z-index:3;gap:clamp(14px, calc(18px * var(--stage-scale)), 22px);padding:0 clamp(18px, 5vw, 34px) max(30px, calc(env(safe-area-inset-bottom) + 30px));display:grid;position:absolute;inset:auto 0 0}.lottie-feedback{z-index:8;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.lottie-feedback>div{width:100%;height:100%}.lottie-feedback svg{width:100%!important;height:100%!important}.question-transition{z-index:7;color:var(--blue);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.question-transition-count{z-index:1;opacity:0;text-shadow:0 4px 22px #ffffff61;justify-content:center;align-items:baseline;gap:8px;animation:.62s cubic-bezier(.18,.95,.26,1.25) 1.45s forwards transition-count-in,.52s cubic-bezier(.7,0,.84,0) 3.08s forwards transition-count-out;display:flex;position:relative;transform:translateY(180px)scale(.84)}.question-transition-count strong{font-size:clamp(150px, calc(var(--stage-min) * .52), 272px);line-height:.82}.question-transition-count span{font-size:clamp(58px, calc(var(--stage-min) * .2), 106px);font-weight:500;line-height:1}@keyframes transition-lottie-in{to{opacity:1}}@keyframes transition-count-in{to{opacity:1;transform:translateY(-92px)scale(1)}}@keyframes transition-count-out{to{opacity:0;transform:translateY(260px)scale(1)}}.hint-overlay{z-index:7;pointer-events:auto;padding:24px;position:absolute;inset:0}.hint-bubble{left:50%;bottom:calc(100% - var(--hint-target-y,70%) + 18px);color:#fff;text-align:center;background:#f7976f;border-radius:34px;gap:20px;width:min(100% - 48px,390px);max-height:calc(100% - 48px);padding:30px 24px 22px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 14px #b4665447,0 24px 70px #1120573d}.hint-bubble:after{content:"";border-top:48px solid #f7976f;border-left:34px solid #0000;border-right:34px solid #0000;width:0;height:0;position:absolute;bottom:-42px;left:50%;transform:translate(-50%)}.hint-icon{justify-self:center;width:72px;height:72px}.hint-bubble p{gap:7px;margin:0;font-size:clamp(22px,5.8vw,32px);font-weight:700;line-height:1.2;display:grid}.hint-bubble p span{font-weight:500}.hint-button{min-height:58px;color:var(--off-black);cursor:pointer;z-index:1;background:#fff;border:0;border-radius:999px;font-size:22px;font-weight:700;position:relative;box-shadow:inset 0 -8px #efe4e0e6}.question-panel h1{color:#fff;font-size:clamp(24px, calc(var(--stage-min) * .072), 40px);text-wrap:balance;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1}.question-panel.is-entering{animation:.3s cubic-bezier(.18,.94,.28,1.12) both question-panel-in}.question-panel.is-leaving{pointer-events:none;animation:.42s cubic-bezier(.58,0,.3,1) both question-panel-out}.question-panel.is-entering h1,.question-panel.is-entering .progress-track{animation:.27s cubic-bezier(.18,.94,.28,1.12) 50ms both question-text-in}.question-panel.is-leaving h1,.question-panel.is-leaving .progress-track{animation:.26s cubic-bezier(.58,0,.3,1) both question-text-out}.answer-grid{gap:clamp(12px, calc(18px * var(--stage-scale)), 20px);display:grid}.answer-grid-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-button{min-height:clamp(58px, calc(76px * var(--stage-scale)), 82px);padding:clamp(14px, calc(18px * var(--stage-scale)), 21px) clamp(24px, calc(28px * var(--stage-scale)), 32px);color:var(--off-black);background:#fff;font-size:18px;font-weight:500;line-height:1.1;transition:transform .14s,background .18s,box-shadow .18s;overflow:hidden;box-shadow:inset 0 -10px #ebd7ebd9}.question-panel.is-entering .answer-button{animation:answer-button-in .33s cubic-bezier(.18, .94, .28, 1.14) var(--answer-enter-delay,.11s) backwards}.question-panel.is-leaving .answer-button{animation:answer-button-out .26s cubic-bezier(.58, 0, .3, 1) var(--answer-exit-delay,0s) both}.answer-text{text-align:center;text-overflow:clip;white-space:nowrap;max-width:100%;display:block;overflow:hidden;transform:translateY(-3px)}.answer-button:active{transform:scale(.98)}.answer-button:disabled{cursor:default}.answer-button.is-selected{background:var(--peach);box-shadow:inset 0 -10px #d7846d8c}.answer-button.is-correct{background:var(--green);box-shadow:inset 0 -10px #3b964973}.answer-button.is-incorrect{background:var(--red);color:#18264f;box-shadow:inset 0 -10px #8b30346b}@keyframes question-panel-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes question-panel-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(28px)scale(.985)}}@keyframes question-text-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes question-text-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.99)}}@keyframes answer-button-in{0%{opacity:0;transform:translateY(22px)scale(.96)}72%{opacity:1;transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes answer-button-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(18px)scale(.97)}}.results-panel{z-index:3;min-height:100svh;padding:max(108px, calc(env(safe-area-inset-top) + 92px)) 14px max(24px, env(safe-area-inset-bottom));transition:padding-top .52s cubic-bezier(.2,.7,.2,1);position:relative;overflow:visible}.results-shell-video-room .results-panel{padding-top:max(368px, calc(env(safe-area-inset-top) + 348px))}.results-stack{gap:14px;width:min(100%,492px);margin:0 auto;display:grid}.feedback-card,.result-card{color:#17224d;background:#fffcffe8;border-radius:34px;gap:18px;padding:34px 24px 28px;display:grid;box-shadow:0 18px 52px #1120572e}.feedback-card{text-align:center;padding:24px}.feedback-card p{margin:0;font-size:20px;line-height:1.2}.feedback-thanks{gap:8px;display:grid}.feedback-thanks span{font-size:15px;font-weight:500;line-height:1.25}.feedback-eyebrow{text-transform:none;font-size:18px}.feedback-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.feedback-button{background:var(--peach);min-height:54px;color:var(--off-black);cursor:pointer;border:0;border-radius:999px;font-size:20px;font-weight:700;box-shadow:inset 0 -7px #d7846d7a}.result-score-card{text-align:center}.result-question-card{padding:28px 18px}.eyebrow{text-align:center;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:16px;font-weight:700}.result-card h1{text-align:center;margin:0;font-size:34px;line-height:1}.stars{color:#f1c400;justify-content:center;gap:8px;display:flex}.stars svg{stroke-width:1.8px;width:44px;height:44px}.result-list{gap:18px;display:grid}.result-row{border-top:2px solid #11205714;gap:10px;padding-top:18px;display:grid}.result-row:first-child{border-top:0;padding-top:0}.result-question-meta{color:#17224d;align-items:center;gap:10px;font-size:16px;display:flex}.result-row h2,.result-row p{margin:0}.result-row h2{color:#17224d;font-size:clamp(18px, calc(var(--stage-min) * .046), 24px);font-weight:700;line-height:1.14}.result-answer-list{gap:9px;margin-top:2px;display:grid}.result-answer-pill{min-height:clamp(44px, calc(54px * var(--stage-scale)), 58px);color:var(--off-black);font-size:clamp(18px, calc(var(--stage-min) * .048), 25px);text-align:center;overflow-wrap:anywhere;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px 13px;font-weight:500;line-height:1.1;display:grid}.result-answer-pill-correct{background:#63bd68;box-shadow:inset 0 -7px #2380316b}.result-answer-pill-incorrect{background:#df5759;box-shadow:inset 0 -7px #a7272b6b}.result-your-answer,.result-missing-answer{color:#17224dad;margin:-2px 0 0;font-size:15px}.result-icon{color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.result-icon svg{width:16px;height:16px}.result-icon-ok{background:#4ca85a}.result-icon-bad{background:#dd4d57}.secondary-button{min-height:62px;font-size:19px;box-shadow:inset 0 -8px #d2c9dce0}@media (width>=700px){:root{--stage-w:min(100vw, calc((100svh - 20px) * .5), 520px);--stage-h:calc(100svh - 20px);--visual-stage-h:var(--stage-h);--stage-min:min(var(--stage-w), var(--stage-h))}body{background:url(/game-bg/BgAbstractShapes.png) bottom/cover no-repeat fixed,url(/game-bg/BgGradient.png) top/cover no-repeat fixed,#ffc8b3;padding:10px 0}.shell{width:var(--stage-w);height:var(--stage-h);min-height:var(--stage-h);border-radius:28px;overflow:hidden;box-shadow:0 0 80px #00000061}.results-shell{height:var(--stage-h);overflow:hidden}.results-shell .game-bg-layer{position:absolute}.start-screen{min-height:100%}.results-panel{min-height:100%;max-height:100%;overflow-y:auto}}@media (height<=780px){:root{--stage-scale:.92}}@media (height<=700px){:root{--stage-scale:.84}.top-hud .hundra-counter,.score-counter{height:48px}.question-panel h1{font-size:25px}.pill-button{min-height:62px;font-size:22px}.answer-button{min-height:62px}}
