@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&display=swap";:root{color:#f7bd3a;background:#05080d;font-family:Pixelify Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--gold: #f7bd3a;--button-focus: #28d8c5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#root{min-width:320px;min-height:100vh;margin:0;-webkit-user-select:none;user-select:none}body{overflow:hidden}button{border:0;color:inherit;font:inherit;letter-spacing:0}button:focus-visible{outline:6px solid var(--button-focus);outline-offset:6px}img{display:block;max-width:100%;-webkit-user-drag:none;-webkit-user-select:none;user-drag:none;user-select:none}h1,p{margin:0}.app-shell{display:grid;width:100vw;min-height:100vh;overflow:hidden;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(120,18,20,.45),transparent 36%),#05080d}.stage-viewport{position:relative;overflow:hidden;background:#09090b}.stage-canvas{position:absolute;inset:0 auto auto 0;width:1672px;height:941px;overflow:hidden;transform-origin:top left;isolation:isolate}.stage-canvas:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;content:"";background:repeating-linear-gradient(90deg,rgba(255,45,45,.1) 0,rgba(255,45,45,.1) 1px,rgba(40,216,197,.07) 1px,rgba(40,216,197,.07) 2px,transparent 2px,transparent 4px),repeating-linear-gradient(0deg,#00000052 0,#00000052 2px,#fff8dc09 2px,#fff8dc09 4px),radial-gradient(ellipse at center,transparent 0 58%,rgba(0,0,0,.42) 100%);background-position:0 0,0 0,center;background-size:4px 100%,100% 4px,100% 100%;opacity:.5;mix-blend-mode:overlay;animation:crtShaderDrift 1.15s linear infinite,crtFlicker 3.8s steps(3,end) infinite;will-change:background-position,filter,opacity,transform}.table-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:1672px;height:941px;max-width:none;object-fit:cover;-webkit-user-select:none;user-select:none;transform-origin:center;animation:tableBreath 7s ease-in-out infinite alternate}.stage-canvas:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(255,0,0,.04),transparent 2%,transparent 98%,rgba(0,180,255,.04)),radial-gradient(circle at 50% 50%,transparent 0 50%,rgba(0,0,0,.42) 100%);mix-blend-mode:screen}.preload-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:96px}.preload-panel{display:grid;gap:24px;width:640px;padding:42px 46px;border:4px solid rgba(247,189,58,.82);border-radius:14px;background:linear-gradient(180deg,#440912d6,#110d14e6),#280a10eb;box-shadow:0 0 0 2px #ffd86129,0 24px 60px #000000a3,inset 0 0 42px #ff461224;text-align:center;animation:quizPanelIn .52s steps(8,end) both}.preload-kicker{color:#28d8c5;font-size:34px;font-weight:700;line-height:1;text-shadow:0 0 10px rgba(40,216,197,.62)}.preload-panel h1{color:var(--gold);font-size:76px;font-weight:500;line-height:1;text-shadow:0 0 4px rgba(255,217,83,.9),0 0 18px rgba(255,130,0,.42),5px 5px 0 rgba(78,24,15,.48)}.preload-meter{height:26px;overflow:hidden;border:3px solid rgba(255,216,97,.62);border-radius:8px;background:#082230c7;box-shadow:inset 0 0 18px #00000075}.preload-meter span{display:block;height:100%;background:repeating-linear-gradient(90deg,#ffee7a 0,#ffee7a 12px,#f7bd3a 12px,#f7bd3a 24px);box-shadow:0 0 18px #f7bd3a80;transition:width .18s steps(5,end)}.preload-panel p{color:#ffd861;font-size:32px;font-weight:700;line-height:1;text-shadow:3px 3px 0 rgba(0,0,0,.42)}.cover-card-frame,.fact-card-frame{position:absolute;z-index:2;overflow:hidden;background:#05080d;-webkit-user-select:none;user-select:none}.card-reveal-sprite{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;z-index:3;display:block;pointer-events:none;background-repeat:no-repeat;background-position:0 0;background-size:400% 100%;filter:drop-shadow(0 0 6px rgba(167,255,248,.92)) drop-shadow(0 0 16px rgba(247,189,58,.46));image-rendering:pixelated;mix-blend-mode:screen;opacity:0;transform:scale(.92);animation:cardSpriteFrames .76s linear both,cardSpritePresence .76s steps(5,end) both}.cover-card-frame{top:166px;left:294px;width:355px;height:560px;border-radius:40px;box-shadow:0 4px 50px 5px #000;transform:rotate(-9deg)}.cover-card-frame img{position:absolute;z-index:1;top:-23px;left:-26px;width:406px;height:609px;max-width:none;object-fit:cover}.phase-intro .cover-card-frame,.phase-definition .cover-card-frame{animation:coverIntroIn .72s cubic-bezier(.16,.9,.22,1.12) both,coverIdle 3.6s ease-in-out .72s infinite}.phase-intro-reading .cover-card-frame,.phase-facts-intro-reading .cover-card-frame{animation:coverListening .98s steps(4,end) infinite}.fact-card-frame{top:156px;left:286px;width:373px;height:560px;border-radius:29px;box-shadow:0 4px 50px 20px #000;transform:rotate(-8deg)}.fact-card-frame img{position:relative;z-index:1;width:100%;height:100%;max-width:none;object-fit:cover}.phase-deck .fact-card-frame,.phase-lesson .lesson-card-frame{animation:factCardIn .56s cubic-bezier(.17,.84,.32,1.2) both,factCardIdle 2.8s ease-in-out .56s infinite}.scene-title{position:absolute;z-index:3;width:702px;color:var(--gold);font-size:100px;font-weight:400;line-height:1.02;text-shadow:0 0 3px rgba(255,217,83,.8),0 0 16px rgba(255,130,0,.36),6px 6px 0 rgba(78,24,15,.36)}.intro-title{top:266px;left:758px}.fact-title{top:283px;left:786px;white-space:normal}.lesson-copy-panel{position:absolute;z-index:3;top:202px;left:758px;width:742px}.lesson-copy-panel.with-items{top:230px;left:770px;width:760px}.lesson-copy-panel.single-line{top:276px;left:802px;width:638px}.lesson-title{position:static;width:742px;font-size:68px;line-height:1.02}.lesson-copy-panel.single-line .lesson-title{width:638px;font-size:64px;line-height:1.1}.lesson-copy-panel.with-items .lesson-title{width:760px;font-size:66px;line-height:1.04;text-align:center}.example-list{display:grid;gap:24px;width:720px;margin:52px auto 0;padding:0;list-style:none}.example-list li{min-height:74px;padding:14px 24px;border:3px solid rgba(255,216,97,.48);border-radius:10px;background:linear-gradient(180deg,#082230c7,#150c12d1),#0e141ee0;color:#ffd861;font-size:34px;font-weight:600;line-height:1.06;text-shadow:3px 3px 0 rgba(0,0,0,.44);box-shadow:0 6px #0000005c,inset 0 0 22px #28d8c514}.definition-title{top:208px;left:758px;width:720px;font-size:78px}.definition-copy{position:absolute;z-index:3;top:360px;left:762px;width:684px;color:#ffd861;font-size:43px;font-weight:500;line-height:1.16;text-shadow:0 0 3px rgba(255,217,83,.8),0 0 14px rgba(255,130,0,.35),4px 4px 0 rgba(78,24,15,.38)}.long-title{font-size:84px;line-height:1.08}.phase-intro .intro-title,.phase-definition .definition-title,.phase-definition .definition-copy,.phase-deck .fact-title,.phase-lesson .lesson-copy-panel{animation:titleBootIn .52s steps(8,end) .13s both}.phase-intro-reading .intro-title,.phase-facts-intro-reading .intro-title{animation:titleSpeaking .68s steps(4,end) infinite}.image-button{position:absolute;z-index:4;display:block;padding:0;overflow:hidden;background:transparent;cursor:pointer;transition:filter .15s ease,transform .15s ease}.image-button:hover{filter:saturate(1.12) brightness(1.1);transform:translateY(-3px)}.image-button:active{transform:translateY(2px) scale(.99)}.image-button img{position:absolute;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.image-button:disabled{cursor:default}.image-button:disabled:hover,.image-button:disabled:active{filter:none;transform:none}.play-image-button{top:499px;left:818px;width:428px;height:285px}.play-image-button img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.phase-intro .play-image-button,.phase-definition .next-image-button,.phase-deck .next-image-button,.phase-lesson .next-image-button{animation:buttonBootIn .56s cubic-bezier(.18,.84,.34,1.2) .26s both,buttonGlow 1.45s ease-in-out .98s infinite}.phase-intro-reading .play-image-button{opacity:.55;filter:grayscale(.25) brightness(.8);animation:buttonPressed .52s steps(3,end) both}.next-image-button{top:540px;left:774px;width:363px;height:132px}.next-image-button img{top:-77px;left:-45px;width:453px;height:302px;object-fit:cover}.definition-next-button{top:558px}.lesson-next-button{top:678px}.lesson-next-button.single-line{top:592px;left:900px}.lesson-next-button.with-items{top:632px;left:968px}.quiz-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:96px 128px}.quiz-card{display:grid;gap:22px;width:1220px;min-height:690px;padding:34px 40px 38px;border:4px solid rgba(247,189,58,.85);border-radius:18px;background:linear-gradient(180deg,#440912c7,#110d14e0),#280a10e6;box-shadow:0 0 0 2px #ffd8612e,0 22px 60px #000000a8,inset 0 0 42px #ff461229;animation:quizPanelIn .52s steps(8,end) both}.quiz-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:start}.quiz-visual-card{position:relative;width:278px;height:418px;overflow:hidden;border:4px solid rgba(255,216,97,.78);border-radius:22px;background:#05080d;box-shadow:0 18px 40px #00000094,0 0 28px #f7bd3a2e;transform:rotate(-7deg);animation:quizCardFloat 3s ease-in-out infinite}.quiz-visual-card img{position:relative;z-index:1;width:100%;height:100%;max-width:none;object-fit:cover}.quiz-main{display:grid;gap:22px;min-width:0}.quiz-count{color:#28d8c5;font-size:32px;font-weight:700;line-height:1;text-shadow:0 0 10px rgba(40,216,197,.6)}.quiz-card h1{max-width:800px;color:var(--gold);font-size:58px;font-weight:500;line-height:1.05;text-shadow:0 0 4px rgba(255,217,83,.9),0 0 18px rgba(255,130,0,.42),5px 5px 0 rgba(78,24,15,.48)}.quiz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:228px}.quiz-grid.waiting{grid-template-columns:1fr;align-items:stretch}.quiz-answer-gate{display:block;min-height:228px;border:3px solid rgba(40,216,197,.36);border-radius:12px;background:repeating-linear-gradient(90deg,rgba(40,216,197,.14) 0,rgba(40,216,197,.14) 8px,transparent 8px,transparent 18px),linear-gradient(180deg,#0822306b,#150c128f);box-shadow:inset 0 0 26px #28d8c51f,0 0 22px #28d8c51a;opacity:.62;animation:answerGateListen .72s steps(4,end) infinite}.quiz-option{display:flex;align-items:center;justify-content:center;min-height:104px;padding:14px 22px;border:3px solid rgba(255,216,97,.52);border-radius:12px;background:linear-gradient(180deg,#082230db,#150c12e0),#0e141ee6;color:#ffd861;cursor:pointer;font-size:35px;font-weight:600;line-height:1.05;text-align:center;text-shadow:3px 3px 0 rgba(0,0,0,.46);box-shadow:0 8px #00000075,inset 0 0 24px #28d8c514;transition:transform .15s ease,filter .15s ease,border-color .15s ease}.quiz-grid.ready .quiz-option{animation:quizOptionIn .36s steps(6,end) both}.quiz-grid.ready .quiz-option:nth-child(2){animation-delay:45ms}.quiz-grid.ready .quiz-option:nth-child(3){animation-delay:90ms}.quiz-grid.ready .quiz-option:nth-child(4){animation-delay:135ms}.quiz-option span{min-width:0;overflow-wrap:anywhere}.quiz-option:hover{transform:translateY(-4px);filter:brightness(1.15) saturate(1.12)}.quiz-option.chosen{border-color:#f7bd3a;background:linear-gradient(180deg,#472c09eb,#150c12e6),#0e141ee6;box-shadow:0 8px #00000075,0 0 22px #f7bd3a47,inset 0 0 24px #f7bd3a24}.quiz-option:disabled{cursor:default}.quiz-option:disabled:hover{transform:none}.quiz-option.correct{border-color:#28d8c5;background:linear-gradient(180deg,#0f5250e6,#0c1f23eb),#0c3c3ae6;color:#d9fff9;box-shadow:0 8px #0000006b,0 0 28px #28d8c557}.quiz-option.wrong{border-color:#ff4d42;background:linear-gradient(180deg,#781518eb,#2a0b11eb),#581214e6;color:#ffe0c2}.quiz-footer{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:70px}.quiz-feedback{display:inline-flex;align-items:center;min-height:58px;padding:10px 22px;border:3px solid rgba(255,216,97,.48);border-radius:10px;color:#ffd861;font-size:34px;font-weight:700;text-shadow:3px 3px 0 rgba(0,0,0,.42)}.quiz-feedback.correct{border-color:#28d8c5;color:#bffff7}.quiz-feedback.wrong{border-color:#ff4d42;color:#ffb58e}.quiz-feedback.idle{color:#ffd861b8}.quiz-feedback.listening{border-color:#28d8c570;color:#bffff7c2}.text-next-button{min-width:220px;min-height:66px;padding:10px 26px;border:3px solid rgba(255,216,97,.84);border-radius:10px;background:linear-gradient(180deg,#ffc627f5,#803909fa),#f7bd3a;color:#1c0e0b;cursor:pointer;font-size:38px;font-weight:700;line-height:1;text-shadow:1px 1px 0 rgba(255,248,220,.55);box-shadow:0 8px #00000094,0 0 18px #f7bd3a47}.text-next-button:hover{transform:translateY(-3px);filter:brightness(1.14) saturate(1.1)}.quiz-complete-card{align-content:center;justify-items:center;text-align:center}.quiz-complete-card h1{font-size:118px}.quiz-complete-card p{color:#ffd861;font-size:48px;font-weight:600;text-shadow:0 0 3px rgba(255,217,83,.8),4px 4px 0 rgba(78,24,15,.38)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes tableBreath{0%{filter:saturate(1) brightness(.9);transform:scale(1)}to{filter:saturate(1.08) brightness(1);transform:scale(1.012)}}@keyframes crtFlicker{0%,to{opacity:.46;filter:contrast(1.02)}48%{opacity:.54;filter:contrast(1.08)}52%{opacity:.42;filter:contrast(.98)}}@keyframes crtShaderDrift{0%{background-position:0 0,0 0,center;transform:translateZ(0)}50%{background-position:2px 0,0 4px,center;transform:translate3d(.45px,-.35px,0)}to{background-position:4px 0,0 8px,center;transform:translate3d(-.35px,.25px,0)}}@keyframes cardSpriteFrames{0%,24.99%{background-position:0 0}25%,49.99%{background-position:33.333% 0}50%,74.99%{background-position:66.666% 0}75%,to{background-position:100% 0}}@keyframes cardSpritePresence{0%{opacity:0;transform:scale(.88) translate3d(-4px,3px,0)}18%{opacity:.98;transform:scale(.96) translate3d(3px,-2px,0)}58%{opacity:.92;transform:scale(1.02) translateZ(0)}to{opacity:0;transform:scale(1.08) translate3d(0,-5px,0)}}@keyframes coverIntroIn{0%{opacity:0;transform:translate(-72px,26px) rotate(-16deg) scale(.9)}to{opacity:1;transform:translate(0) rotate(-9deg) scale(1)}}@keyframes coverListening{0%,to{transform:rotate(-9deg) translateY(0);filter:brightness(1)}50%{transform:rotate(-7deg) translateY(-8px);filter:brightness(1.12)}}@keyframes coverIdle{0%,to{transform:rotate(-9deg) translateZ(0)}50%{transform:rotate(-7.6deg) translate3d(0,-10px,0)}}@keyframes factCardIn{0%{opacity:0;transform:translate(-118px,-30px) rotate(-18deg) scale(.86)}68%{opacity:1;transform:translate(14px) rotate(-6deg) scale(1.02)}to{opacity:1;transform:translate(0) rotate(-8deg) scale(1)}}@keyframes factCardIdle{0%,to{transform:rotate(-8deg) translateZ(0)}50%{transform:rotate(-6.8deg) translate3d(0,-12px,0)}}@keyframes titleBootIn{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:translate(34px);filter:brightness(1.4)}to{clip-path:inset(0 0 0 0);opacity:1;transform:translate(0);filter:brightness(1)}}@keyframes titleSpeaking{0%,to{text-shadow:0 0 3px rgba(255,217,83,.8),0 0 16px rgba(255,130,0,.36),6px 6px 0 rgba(78,24,15,.36);transform:translateY(0)}50%{text-shadow:0 0 7px rgba(255,236,138,.95),0 0 28px rgba(255,130,0,.72),6px 6px 0 rgba(78,24,15,.5);transform:translateY(-5px)}}@keyframes buttonBootIn{0%{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes buttonGlow{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.2) brightness(1.18)}}@keyframes buttonPressed{0%{transform:translateY(0) scale(1)}to{transform:translateY(8px) scale(.96)}}@keyframes quizPanelIn{0%{opacity:0;transform:translateY(28px) scale(.96);filter:brightness(1.4)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes answerGateListen{0%,to{background-position:0 0,center;opacity:.52}50%{background-position:18px 0,center;opacity:.72}}@keyframes quizOptionIn{0%{opacity:0;transform:translateY(18px) scale(.94);filter:brightness(1.4)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes quizCardFloat{0%,to{transform:rotate(-7deg) translateZ(0)}50%{transform:rotate(-5.6deg) translate3d(0,-10px,0)}}@media (prefers-reduced-motion: reduce){.stage-canvas:before,.table-background,.cover-card-frame,.fact-card-frame,.quiz-visual-card,.card-reveal-sprite,.preload-panel,.preload-meter span,.quiz-answer-gate,.quiz-option,.lesson-copy-panel,.scene-title,.image-button{animation:none!important}}