:root{--ink:#12203a;--text:#27364d;--muted:#66758f;--surface:#ffffffeb;--line:#d9e5f0;--shadow-soft:0 18px 45px #192b4d1f;--font-main:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-main);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f3fcfff0,#ffffffd1),radial-gradient(circle at 0 0,#4ae2ff57,#0000 35%),radial-gradient(circle at 100% 0,#ff57b23d,#0000 30%),linear-gradient(135deg,#f6fbff,#fff9ed 50%,#f5fff2);font-weight:500;line-height:1.45}*{box-sizing:border-box}html{background:#f6fbff;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #49ddffb3}#root{min-height:100svh}.app-shell{min-height:100svh;color:var(--text);padding:18px}.topbar{z-index:20;border:1px solid var(--line);max-width:1180px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin:0 auto 20px;padding:10px;display:flex;position:sticky;top:14px}.brand-lockup{min-width:214px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;display:inline-flex}.brand-lockup strong{color:var(--ink);font-size:20px;line-height:1;display:block}.brand-lockup small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.2;display:block}.brand-mark{color:#12203a;background:linear-gradient(135deg,#63e6ff 0%,#8dff6a 55%,#ffd84d 100%);border:2px solid #25334f;border-radius:8px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px #25334f}.desktop-nav{flex:1;justify-content:center;gap:8px;display:flex}.nav-button,.mobile-nav-button,.ghost-icon,.icon-action,.phone-button,.mission-strip button{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.nav-button{min-height:42px;color:var(--muted);background:0 0;border-radius:8px;gap:7px;padding:0 12px;font-weight:800}.nav-button.active,.nav-button:hover{color:var(--ink);background:#eff8ff}.player-chip{color:#1b3558;background:#f9fcff;border:1px solid #d9e5f2;border-radius:8px;justify-content:flex-end;align-items:center;gap:8px;min-width:172px;min-height:42px;padding:0 12px;font-weight:800;display:inline-flex}.player-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:82px;overflow:hidden}.logout-button{color:#1b3558;cursor:pointer;background:#fff;border:1px solid #d9e5f2;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.screen{max-width:1180px;margin:0 auto}.home-screen{padding-bottom:88px}.compact-screen{padding:26px 0 96px}.public-shell,.register-shell{align-items:start;display:grid}.public-header{border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:10px;display:flex}.public-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.primary-button.compact,.secondary-button.compact{min-height:42px;box-shadow:none;padding:0 14px}.landing-screen{width:100%;padding-bottom:90px}.landing-hero,.auth-layout,.register-screen{grid-template-columns:minmax(320px,.92fr) minmax(320px,1.08fr);align-items:stretch;gap:24px;width:100%;display:grid}.landing-hero{min-height:560px}.landing-copy{border:1px solid var(--line);color:#fff;min-width:0;box-shadow:var(--shadow-soft);background:linear-gradient(140deg,#11192ff7,#252353e0),radial-gradient(circle at 20% 12%,#42e8ff6b,#0000 30%),radial-gradient(circle at 78% 78%,#ff53b061,#0000 34%);border-radius:8px;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,64px);display:flex;position:relative;overflow:hidden}.landing-copy h1{color:#fff;letter-spacing:0;text-shadow:0 6px #192345,0 0 36px #45eeff6b;white-space:nowrap;margin:24px 0 18px;font-size:clamp(48px,5.2vw,76px);line-height:.92}.landing-copy p{color:#eafaff;max-width:620px;margin:0 0 18px;font-size:20px;font-weight:750}.hero-category-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,520px);margin:0 0 18px;display:grid}.hero-category-pill{color:#172744;text-align:center;border:2px solid #172744;border-radius:8px;align-content:center;justify-items:center;gap:7px;min-height:76px;padding:10px 8px;animation:4.4s ease-in-out infinite chipFloat;display:grid;box-shadow:0 6px #07132b47}.hero-category-pill:nth-child(2){animation-delay:.28s}.hero-category-pill:nth-child(3){animation-delay:.56s}.hero-category-pill.category-reading{background:linear-gradient(#dff8ff,#58e7ff)}.hero-category-pill.category-vocabulary{background:linear-gradient(#fff0f8,#ff7dc8)}.hero-category-pill.category-mini{background:linear-gradient(#fff8bd,#fff06b)}.hero-category-pill strong{font-size:13px;line-height:1.05;display:block}.word-chip-row{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.word-chip{color:#172744;text-transform:uppercase;background:#fff;border:1px solid #ffffff5c;border-radius:999px;align-items:center;min-height:32px;padding:0 11px;font-size:13px;font-weight:950;animation:4.4s ease-in-out infinite chipFloat;display:inline-flex;box-shadow:0 5px #07132b3d}.word-chip:nth-child(2){animation-delay:.28s}.word-chip:nth-child(3){animation-delay:.56s}.word-chip:nth-child(4){animation-delay:.84s}.chip-cyan{background:#65eaff}.chip-lime{background:#a7ff67}.chip-pink{background:#ff81ca}.chip-yellow{background:#fff06b}.hero-live-card{background:linear-gradient(135deg,#ffffff29,#ffffff0f),#09122a7a;border:1px solid #cbf9ff61;border-radius:8px;width:min(100%,420px);margin:0 0 18px;padding:12px;transition:transform .17s,border-color .17s,background .17s;box-shadow:inset 0 0 0 1px #ffffff0d,0 12px 26px #080f2338}.hero-live-card:hover{background:linear-gradient(135deg,#59eeff2e,#fff06b1f),#09122a8f;border-color:#8dff6ab8;transform:translateY(-2px)}.live-card-top,.live-answer-row{align-items:center;gap:8px;display:flex}.live-card-top{color:#c8f8ff;text-transform:uppercase;justify-content:flex-start;font-size:12px;font-weight:950}.live-card-top span{align-items:center;gap:6px;display:inline-flex}.live-card-top strong{color:#fff06b}.hero-live-card p{color:#fff;margin:10px 0 0;font-size:15px;font-weight:900;line-height:1.25}.hero-live-card mark{color:#172744;background:#fff06b;border-radius:6px;padding:2px 6px}.live-answer-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.live-answer-row span{color:#dff8ff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;min-height:34px;font-size:13px;font-weight:900;display:inline-flex}.live-answer-row .selected-answer{color:#172744;background:linear-gradient(135deg,#4ce8ff,#b4ff51);box-shadow:0 5px #07132b47}.landing-copy .eyebrow{max-width:100%;font-size:15px;line-height:1.16}.landing-copy .eyebrow svg{flex:none;width:17px;height:17px}.landing-copy .hero-actions .primary-button,.landing-copy .hero-actions .secondary-button{min-height:54px;padding:0 18px;font-size:17px;line-height:1.08}.landing-copy .hero-actions .primary-button svg,.landing-copy .hero-actions .secondary-button svg{flex:none;width:21px;height:21px}.landing-stage,.register-card,.auth-card,.auth-preview,.register-preview{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px}.register-card,.auth-card{flex-direction:column;gap:22px;padding:clamp(22px,5vw,42px);display:flex}.register-brand{align-self:flex-start;min-width:0}.register-heading h1{color:var(--ink);margin:16px 0 8px;font-size:clamp(38px,5vw,58px);line-height:.98}.register-heading p{color:var(--muted);margin:0;font-weight:750}.register-form{gap:10px;display:grid}.register-form label{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900}.register-form input{width:100%;min-height:50px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8e5f2;border-radius:8px;padding:0 13px;font-weight:850}.auth-screen{width:100%;padding-bottom:86px}.auth-layout{align-items:stretch}.auth-card{justify-content:center}.landing-stage,.auth-preview{background:linear-gradient(#4ee8ff1f,#ffffffe6),linear-gradient(135deg,#eefcff,#fff5fb 48%,#f7fff0);place-items:center;min-width:0;min-height:560px;display:grid;position:relative;overflow:hidden}.landing-stage:before,.auth-preview:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#d8eaf4 0 12%,#0000 12% 18%,#d8eaf4 18% 30%,#0000 30% 42%,#d8eaf4 42% 58%,#0000 58% 68%,#d8eaf4 68% 82%,#0000 82% 100%),linear-gradient(#9cc1d6,#9cc1d6);background-position:bottom,bottom;background-repeat:no-repeat;background-size:100% 86px,100% 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:160px;position:absolute;inset:auto -40px 0}.theme-stage:after{content:"";border:2px dashed #17274421;border-radius:50%;position:absolute;inset:74px 44px 106px;transform:rotate(-8deg)}.stage-aura{z-index:1;filter:blur(1px);background:linear-gradient(135deg,#4ee8ff42,#ff7dc824),#ffffff6b;border-radius:48% 52% 42% 58%;animation:4.8s ease-in-out infinite auraPulse;position:absolute;inset:90px 92px 110px}.stage-aura:before,.stage-aura:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.stage-aura:before{border:2px dashed #4ce8ff57;animation:13s linear infinite orbitSpin;inset:-24px}.stage-aura:after{opacity:.86;background:radial-gradient(circle at 18% 20%,#fff06b 0 6px,#0000 7px),radial-gradient(circle at 86% 36%,#ff62b7 0 5px,#0000 6px),radial-gradient(circle at 55% 88%,#58e7ff 0 5px,#0000 6px);animation:4.2s ease-in-out infinite sparkDrift;inset:16px}.stage-word{z-index:4;color:#172744;text-transform:uppercase;background:#fff;border:2px solid #172744;border-radius:999px;min-height:32px;padding:4px 11px;font-size:12px;font-weight:950;animation:4.8s ease-in-out infinite orbitSpark;position:absolute;box-shadow:0 5px #1827442e}.word-explore{background:#58e7ff;top:156px;left:58px}.word-context{background:#ff7dc8;animation-delay:.4s;top:138px;right:70px}.word-skill{background:#fff06b;animation-delay:.8s;bottom:42px;right:144px}.stage-mission-deck{display:contents}.stage-mission-card{z-index:5;color:#172744;background:#fff;border:2px solid #172744;border-radius:8px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;width:222px;min-height:94px;padding:12px;animation:4.6s ease-in-out infinite missionFloat,3.6s ease-in-out infinite missionGlow;display:grid;position:absolute;overflow:hidden;box-shadow:0 8px #18274438,0 18px 30px #1827441f}.stage-mission-card:before{content:"";opacity:0;background:linear-gradient(115deg,#0000 0 34%,#ffffffb8 46%,#0000 58%);animation:4.6s ease-in-out infinite missionShine;position:absolute;inset:0;transform:translate(-100%)}.mission-icon{z-index:1;color:#172744;background:#ffffffb8;border:2px solid #17274424;border-radius:8px;place-items:center;width:46px;height:46px;display:grid;position:relative}.mission-copy{z-index:1;min-width:0;position:relative}.mission-copy>span{color:#586780;text-transform:uppercase;font-size:12px;font-weight:950;display:block}.mission-copy strong{color:#12203a;margin-top:2px;font-size:16px;line-height:1.12;display:block}.mission-copy small{color:#54657f;margin-top:4px;font-size:11px;font-weight:850;display:block}.mobile-title{display:none}.mission-meter{z-index:1;background:#1727441f;border-radius:999px;grid-column:1/-1;height:6px;display:block;position:relative;overflow:hidden}.mission-meter span{border-radius:inherit;background:linear-gradient(90deg,#4ce8ff,#a8ff5b,#ffe45d);height:100%;display:block}.stage-reading-card{background:linear-gradient(135deg,#dff8ff,#fff 56%,#bff5ff);top:38px;left:34px}.stage-vocabulary-card{background:linear-gradient(135deg,#fff0f8,#ffcae8 62%,#fff);width:216px;animation-delay:.34s;top:154px;right:42px}.stage-mini-card{background:linear-gradient(135deg,#fff7bc,#fff 58%,#fff06b);width:210px;animation-delay:.68s;bottom:70px;right:34px}.stage-reading-card .mission-meter span{width:76%}.stage-vocabulary-card .mission-meter span{width:86%}.stage-mini-card .mission-meter span{width:68%}.stage-progress-badge{z-index:6;color:#172744;background:#fff06b;border:2px solid #172744;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;display:inline-flex;position:absolute;top:20px;right:22px;box-shadow:0 5px #1827442e}.theme-stage:hover .character-svg{animation:1.1s ease-in-out infinite happyBounce}.theme-stage:hover .phone-in-hand{animation-duration:1.2s}.theme-stage:hover .word-particles{stroke:#ff4daf;opacity:1}.character-choice-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 4px;display:grid}.character-choice{color:#526682;min-height:50px;font:inherit;cursor:pointer;background:#f8fbff;border:2px solid #d9e5f0;border-radius:8px;font-weight:950}.character-choice.active{color:#172744;background:linear-gradient(135deg,#69ecff,#fff06b);border-color:#172744;box-shadow:0 6px #18274438}.form-error{color:#7a1f35;background:#fff1f5;border-radius:8px;margin:0;padding:10px 12px;font-weight:850}.register-preview{background:linear-gradient(#4ee8ff1f,#ffffffe6),linear-gradient(135deg,#eefcff,#fff5fb 48%,#f7fff0);place-items:center;min-height:560px;display:grid;position:relative;overflow:hidden}.landing-section{margin-top:18px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.poster-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.how-step{border:1px solid var(--line);background:var(--surface);min-height:210px;box-shadow:var(--shadow-soft);border-radius:8px;padding:18px;transition:transform .17s,box-shadow .17s,border-color .17s;position:relative;overflow:hidden}.feature-card{align-content:start;gap:4px;display:grid}.poster-category-card{min-height:238px;box-shadow:0 8px 0 #18274438, var(--shadow-soft);border:2px solid #172744}.poster-category-card.category-reading{background:linear-gradient(#dff8ff,#8feeff)}.poster-category-card.category-vocabulary{background:linear-gradient(#ffe4f3,#ff7dc8)}.poster-category-card.category-mini{background:linear-gradient(#fff7b1,#ffd64e)}.poster-category-card h2{text-transform:uppercase;font-size:24px}.poster-category-card p{color:#243958}.feature-card:hover,.how-step:hover{border-color:#afefff;transform:translateY(-4px);box-shadow:0 18px 38px #182e5429}.poster-category-card:hover{box-shadow:0 12px #18274429,0 22px 42px #182e542e}.feature-card svg{color:#173154;transition:transform .17s}.feature-card:hover svg{transform:rotate(-4deg)scale(1.08)}.feature-tag{color:#172744;background:#e6fbff;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:12px;font-weight:950;display:inline-flex;position:absolute;top:14px;right:14px}.poster-category-card.category-reading .feature-tag,.category-dot.category-reading{background:#58e7ff}.poster-category-card.category-vocabulary .feature-tag,.category-dot.category-vocabulary{background:#ff7dc8}.poster-category-card.category-mini .feature-tag,.category-dot.category-mini{background:#fff06b}.card-meter,.step-track{background:#e5eef6;border-radius:999px;height:8px;display:block;overflow:hidden}.card-meter{margin-top:auto}.card-meter span,.step-track span{border-radius:inherit;background:linear-gradient(90deg,#4ce8ff,#a8ff5b,#ffe45d);height:100%;display:block}.feature-card:first-child .card-meter span{width:68%}.feature-card:nth-child(2) .card-meter span{width:82%}.feature-card:nth-child(3) .card-meter span{width:74%}.feature-card:nth-child(4) .card-meter span{width:91%}.feature-card h2,.how-step strong{color:var(--ink);margin:12px 0 8px;font-size:21px;line-height:1.1;display:block}.feature-card p,.how-step p{color:var(--muted);margin:0;font-weight:750}.how-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.how-step{align-content:start;min-height:132px;display:grid}.how-step span{color:#172744;background:#fff06b;border-radius:8px;place-items:center;min-width:44px;min-height:34px;font-weight:950;display:inline-grid}.step-track{margin-top:14px}.how-step:first-child .step-track span{width:34%}.how-step:nth-child(2) .step-track span{width:68%}.how-step:nth-child(3) .step-track span{width:100%}.register-preview:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#d8eaf4 0 12%,#0000 12% 18%,#d8eaf4 18% 30%,#0000 30% 42%,#d8eaf4 42% 58%,#0000 58% 68%,#d8eaf4 68% 82%,#0000 82% 100%),linear-gradient(#9cc1d6,#9cc1d6);background-position:bottom,bottom;background-repeat:no-repeat;background-size:100% 86px,100% 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:160px;position:absolute;inset:auto -40px 0}.register-preview.cewe{background:linear-gradient(#ff53b01f,#ffffffe6),linear-gradient(135deg,#eefcff,#fff5fb 48%,#f7fff0)}.register-preview.cowo{background:linear-gradient(#43c7ff2b,#ffffffe6),linear-gradient(135deg,#eefcff,#f4f9ff 48%,#f7fff0)}.preview-card{z-index:5;color:#172744;background:#fff;border:2px solid #172744;border-radius:8px;width:min(290px,100% - 44px);padding:14px;position:absolute;bottom:22px;right:22px;box-shadow:0 8px #18274433}.preview-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900;display:block}.preview-card strong{margin-top:4px;display:block}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);align-items:stretch;gap:24px;min-height:512px;display:grid}.hero-copy,.game-stage,.panel,.level-card,.challenge-card,.reading-panel,.vocab-panel,.round-panel,.result-hero,.badge-card,.leaderboard{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px}.hero-copy{color:#fff;background:linear-gradient(140deg,#11192ff7,#252353e0),radial-gradient(circle at 20% 12%,#42e8ff6b,#0000 30%),radial-gradient(circle at 78% 78%,#ff53b061,#0000 34%);flex-direction:column;justify-content:center;padding:clamp(28px,6vw,64px);display:flex;overflow:hidden}.eyebrow{color:#c8f8ff;background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:14px;font-weight:850;display:inline-flex}.hero-copy h1{color:#fff;letter-spacing:0;text-shadow:0 6px #192345,0 0 36px #45eeff6b;max-width:100%;margin:28px 0;font-size:clamp(52px,7.4vw,96px);line-height:.86}.hero-copy h1 span{color:#fff27a;max-width:560px;margin-top:18px;font-size:clamp(22px,3vw,34px);line-height:1.08;display:block}.hero-actions,.result-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-button,.secondary-button,.danger-button{min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:900;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.primary-button{color:#162447;background:linear-gradient(135deg,#4ce8ff,#b4ff51 54%,#ffe05c);box-shadow:0 7px #1c2a48,0 18px 32px #1f3a752e}.secondary-button{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px #d7e4f2,0 7px #d4deea}.danger-button{color:#7a1f35;background:#fff1f5;margin-top:22px;box-shadow:inset 0 0 0 1px #ffd0dc}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.phone-button:hover,.mission-strip button:hover,.icon-action:hover{transform:translateY(-2px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.primary-button.full{width:100%}.game-stage{background:linear-gradient(#20beff29,#ffffffe0 48%),linear-gradient(135deg,#effbff,#fff6fc 48%,#f5fff0);min-height:512px;position:relative;overflow:hidden}.game-stage:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#d8eaf4 0 12%,#0000 12% 18%,#d8eaf4 18% 30%,#0000 30% 42%,#d8eaf4 42% 58%,#0000 58% 68%,#d8eaf4 68% 82%,#0000 82% 100%),linear-gradient(#9cc1d6,#9cc1d6);background-position:bottom,bottom;background-repeat:no-repeat;background-size:100% 82px,100% 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:154px;position:absolute;inset:auto -28px 0}.game-stage:after{content:"";opacity:.96;background:repeating-linear-gradient(90deg,#0000 0 28px,#ffffff80 28px 31px),linear-gradient(135deg,#364f85,#1f2e55);border-radius:8px 8px 0 0;height:142px;position:absolute;bottom:74px;left:32px;right:32px}.game-stage.theme-stage:after{content:"";opacity:1;background:0 0;border:2px dashed #17274421;border-radius:50%;height:auto;position:absolute;inset:74px 44px 106px;transform:rotate(-8deg)}.phone-frame{z-index:2;background:#f8feff;border:4px solid #13213d;border-radius:32px;flex-direction:column;align-items:center;width:184px;height:324px;padding:14px;display:flex;position:absolute;bottom:54px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 20px #13213d2b,0 32px 50px #1021473d}.phone-top{background:#15223f;border-radius:999px;width:64px;height:8px;margin-bottom:24px}.phone-content{color:#12203a;background:linear-gradient(#4ee8ff5c,#f5fffff2),linear-gradient(135deg,#fff,#e8faff);border-radius:8px;place-items:center;gap:8px;width:100%;min-height:150px;display:grid}.phone-content span{color:#50627d;font-size:14px;font-weight:850}.phone-content strong{color:#1d2c49;background:#fff476;border-radius:999px;padding:5px 10px}.phone-button{color:#fff;background:#ff4daf;border-radius:8px;width:calc(100% - 8px);min-height:42px;margin-top:auto;font-weight:900;box-shadow:0 6px #9a2f71}.stage-card{z-index:3;background:#fff;border:2px solid #172744;border-radius:8px;align-items:center;gap:10px;width:206px;padding:13px;transition:transform .17s,box-shadow .17s;display:flex;position:absolute;box-shadow:0 8px #1827443d}.stage-card:hover{transform:translateY(-4px);box-shadow:0 12px #1827442e}.stage-card span{color:#586780;text-transform:uppercase;font-size:12px;font-weight:850}.stage-card strong{color:#12203a;line-height:1.15;display:block}.character-wrap{pointer-events:none}.character-wrap.hero{z-index:2;width:min(48vw,318px);position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.character-wrap.sidekick{align-self:center;width:min(100%,210px);margin:-2px auto 2px}.character-wrap.register{z-index:3;width:min(72%,420px);position:relative}.character-svg{filter:drop-shadow(0 18px 18px #14234333);width:100%;height:auto;animation:3.8s ease-in-out infinite characterBob;display:block;overflow:visible}.character-shadow{fill:#12203a2e;animation:3.8s ease-in-out infinite shadowPulse}.hoodie-back{fill:#1f2d5b}.hoodie{stroke:#172744;stroke-width:4px}.hoodie-light{fill:#55e7ff;opacity:.88}.character-wrap.gender-cowo .hoodie-light{fill:#dff8ff}.character-wrap.gender-cowo .cheek{opacity:.28}.character-wrap.gender-cowo .bang{opacity:.36}.zipper{fill:none;stroke:#fff2a4;stroke-linecap:round;stroke-width:4px}.neck,.face,.character-arm circle{fill:#f6b997;stroke:#172744;stroke-width:4px}.hair-back,.hair-front{stroke:#172744;stroke-width:4px}.bang{fill:none;stroke:#ffd1e8;stroke-linecap:round;stroke-width:4px;opacity:.65}.head-group{transform-origin:144px 112px;animation:4.2s ease-in-out infinite headNod}.headset path,.headset rect{fill:#42e3ff;stroke:#172744;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.headset path{fill:none}.eyes path,.mouth{fill:none;stroke:#172744;stroke-linecap:round;stroke-width:5px}.eyes{transform-origin:144px 101px;animation:5.2s linear infinite blink}.cheek{fill:#ff82be;opacity:.58}.character-arm path{fill:none;stroke:#172744;stroke-linecap:round;stroke-width:20px}.left-arm,.right-arm{transform-origin:134px 174px}.left-arm{animation:3.6s ease-in-out infinite leftArmFloat}.right-arm{animation:3.2s ease-in-out infinite rightArmFloat}.phone-in-hand{transform-origin:184px 188px;animation:2.8s ease-in-out infinite phoneFloat}.phone-in-hand rect:first-child{fill:#172744}.phone-in-hand rect:nth-child(2){stroke:none}.phone-in-hand path{fill:none;stroke:#35a8c1;stroke-linecap:round;stroke-width:4px}.word-particles{fill:none;stroke:#172744;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;opacity:.72;animation:3s ease-in-out infinite particleFloat}.word-particles circle{fill:#fff06b}.character-wrap.reading .phone-in-hand,.character-wrap.focus .phone-in-hand{animation-duration:1.8s}.character-wrap.reading .word-particles,.character-wrap.focus .word-particles{stroke:#16bfd8;opacity:1}.character-wrap.happy .character-svg{animation:.82s ease-in-out infinite happyBounce}.character-wrap.happy .right-arm{animation:.82s ease-in-out infinite celebrateArm}.character-wrap.happy .word-particles{stroke:#ff4daf;opacity:1;animation-duration:1.1s}.character-wrap.thinking .character-svg{animation:1.1s ease-in-out infinite thinkingTilt}.character-wrap.thinking .mouth{transform-origin:145px 124px;transform:rotate(180deg)translateY(-248px)}.reader-card{top:58px;left:32px}.score-card{width:160px;bottom:72px;right:26px}.mini-avatar{color:#172744;background:#8dff6a;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.stage-orbit{z-index:3;color:#1d2440;text-transform:uppercase;background:#fff476;border:2px solid #172744;border-radius:999px;min-height:34px;padding:5px 12px;font-weight:950;animation:4.8s ease-in-out infinite floatWord;position:absolute;box-shadow:0 6px #18274433}.orbit-one{background:#53e7ff;top:176px;left:42px}.orbit-two{background:#ff76c4;top:124px;right:58px}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr) minmax(230px,.7fr);gap:16px;margin-top:16px;display:grid}.engagement-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.engagement-card{border:1px solid var(--line);color:#172744;min-height:92px;box-shadow:var(--shadow-soft);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:3px 12px;padding:14px;transition:transform .17s,box-shadow .17s,border-color .17s;display:grid}.engagement-card span{color:#172744;background:#e4faff;border-radius:8px;grid-row:1/3;place-items:center;width:48px;height:48px;display:grid}.engagement-card strong{color:#172744;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;line-height:1.08;overflow:hidden}.engagement-card small{color:#64758d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:850;line-height:1.2;overflow:hidden}.engagement-card.category-reading{background:linear-gradient(135deg,#52e7ff61,#ffffffeb),#fff;border-color:#9eeeff}.engagement-card.category-vocabulary{background:linear-gradient(135deg,#ff7dc842,#fffffff0),#fff;border-color:#ffd1ea}.engagement-card.category-mini{background:linear-gradient(135deg,#ffe05357,#fffffff0),#fff;border-color:#ffec88}.engagement-card.category-reading span{background:linear-gradient(135deg,#4ce8ff,#dff8ff)}.engagement-card.category-vocabulary span{background:linear-gradient(135deg,#ff7dc8,#fff1f8)}.engagement-card.category-mini span{background:linear-gradient(135deg,#fff06b,#ffe05c)}.engagement-card:hover{border-color:#9ff4ff;transform:translateY(-3px);box-shadow:0 18px 34px #1c386629}.panel{padding:18px}.panel-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-heading h2,.screen-title h1,.level-card h2,.challenge-card h2,.result-panel h2,.badge-card h2,.empty-state h2{color:var(--ink);margin:0}.panel-heading p,.screen-title p,.level-card p,.result-panel span,.badge-card p,.leader-row span,.empty-state p{color:var(--muted);margin:0}.panel-icon,.title-icon,.badge-icon,.rank-number,.result-badge{border-radius:8px;place-items:center;display:grid}.panel-icon,.title-icon{color:#173154;background:#dff8ff;width:44px;height:44px}.mission-strip{color:#12203a;background:#eff9ff;border-radius:8px;grid-template-columns:minmax(74px,.4fr) minmax(0,1fr) 46px;align-items:center;gap:12px;min-height:72px;padding:12px;display:grid}.mission-strip.cyan{background:linear-gradient(135deg,#86f2ff,#effcff)}.mission-strip.pink{background:linear-gradient(135deg,#ff9cd5,#fff3fa)}.mission-strip.lime{background:linear-gradient(135deg,#b4ff69,#f7ffef)}.mission-strip.yellow{background:linear-gradient(135deg,#ffe767,#fff9dc)}.mission-strip.violet{background:linear-gradient(135deg,#c6a0ff,#f8f1ff)}.mission-strip span{font-weight:900}.mission-strip strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mission-strip button,.icon-action{color:#fff;background:#182744;border-radius:8px;width:46px;height:46px;box-shadow:0 5px #1827443d}.stats-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-tile{background:#fbfeff;border:1px solid #d9e7f2;border-radius:8px;place-items:center;min-height:96px;padding:12px;display:grid}.stat-tile span,.account-panel span,.player-panel label{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:850}.stat-tile strong{color:var(--ink);font-size:28px}.player-panel{flex-direction:column;justify-content:center;gap:10px;display:flex}.player-panel input{box-sizing:border-box;width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8e5f2;border-radius:8px;padding:0 12px;font-weight:850}.account-panel{justify-content:space-between;align-items:center;gap:14px;display:flex}.account-panel strong{max-width:160px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.1;display:block;overflow:hidden}.account-panel p{max-width:160px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-weight:800;overflow:hidden}.account-avatar{color:#172744;background:linear-gradient(135deg,#ff9cd5,#fff06b);border:2px solid #172744;border-radius:8px;flex:none;place-items:center;min-width:74px;min-height:74px;font-weight:950;display:grid;box-shadow:0 6px #18274433}.account-avatar.cowo{background:linear-gradient(135deg,#69ecff,#dff8ff)}.screen-title{align-items:center;gap:14px;margin-bottom:18px;display:flex}.screen-title h1{font-size:36px;line-height:1}.level-category-board,.category-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.level-category-card,.category-result-card{color:#172744;border:2px solid #172744;border-radius:8px;gap:8px;min-height:132px;padding:16px;display:grid;box-shadow:0 7px #1827442e}.level-category-card span,.category-result-card svg{background:#ffffffb8;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.level-category-card strong,.category-result-card strong{line-height:1.05}.level-category-card p,.category-result-card span{color:#384c68;margin:0;font-weight:800}.level-category-card.category-reading,.category-result-card.category-reading{background:linear-gradient(135deg,#79efff,#dff8ff)}.level-category-card.category-vocabulary,.category-result-card.category-vocabulary{background:linear-gradient(135deg,#ff8bce,#fff1f8)}.level-category-card.category-mini,.category-result-card.category-mini{background:linear-gradient(135deg,#fff06b,#ffe05c)}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.level-card{flex-direction:column;gap:18px;min-height:244px;padding:16px;display:flex;position:relative;overflow:hidden}.level-card:before{content:"";opacity:.18;background:linear-gradient(135deg,#0000 0 64%,#fff 64% 70%,#0000 70%),linear-gradient(90deg,#49dfff,#ff6fbd,#fff064,#8eff61);position:absolute;inset:0}.level-card>*{position:relative}.level-card.cyan{background:#eafdff}.level-card.pink{background:#fff0f8}.level-card.lime{background:#f5ffeb}.level-card.yellow{background:#fffbdf}.level-card.violet{background:#f7f0ff}.level-card.locked{filter:grayscale(.8);opacity:.62}.level-number{color:#11203a33;font-size:48px;font-weight:950;line-height:1}.level-theme{color:#183251;text-transform:uppercase;background:#ffffffb8;border-radius:999px;margin-bottom:9px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.level-card h2{font-size:22px;line-height:1.05}.level-category-tags{flex-wrap:wrap;gap:6px;margin-top:-4px;display:flex}.category-dot{color:#172744;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:950;display:inline-flex}.level-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.level-footer span{color:#3f526f;font-weight:850}.icon-action.disabled{background:#8792a6}.play-screen{padding-bottom:92px}.play-header{grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px;margin:8px 0 14px;display:grid}.play-header span{color:var(--muted);text-transform:uppercase;font-weight:850}.play-header h1{color:var(--ink);text-align:center;margin:4px 0 0;font-size:34px;line-height:1.05}.ghost-icon{color:#1c3454;background:#fff;border:1px solid #dbe7f3;border-radius:8px;width:50px;height:50px;box-shadow:0 5px #d8e2ed}.ghost-icon.active{color:#182744;background:#e0fbff}.progress-track{background:#dfeaf4;border-radius:999px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#40e4ff,#a8ff5b,#ffe45d);height:100%;transition:width .24s;display:block}.flow-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.flow-step{color:#6a7a92;background:#f7fbff;border:1px solid #d9e5f0;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:42px;padding:7px 9px;font-weight:900;display:flex}.flow-step span{color:#6a7a92;background:#e5edf5;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.flow-step strong{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.flow-step.active{color:#173154;background:#e8fbff;border-color:#7ee9ff}.flow-step.active span{color:#172744;background:#fff06b}.flow-step.category-reading.active{background:#e4fbff;border-color:#70eaff}.flow-step.category-vocabulary.active{background:#fff0f8;border-color:#ff92ce}.flow-step.category-mini.active{background:#fff9dc;border-color:#ffe36a}.flow-step.category-reading.active span{background:#58e7ff}.flow-step.category-vocabulary.active span{background:#ff7dc8}.flow-step.category-mini.active span{background:#fff06b}.reading-layout,.challenge-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.38fr);gap:16px;margin-top:16px;display:grid}.reading-panel,.challenge-card{min-height:442px;padding:clamp(22px,5vw,48px)}.challenge-label{color:#183251;text-transform:uppercase;background:#e2f9ff;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.category-label.category-reading{background:#dff8ff}.category-label.category-vocabulary{background:#fff0f8}.category-label.category-mini{background:#fff6c8}.category-reading-panel{background:linear-gradient(135deg,#53e7ff2e,#fffffff0),#fff;border:2px solid #93eeff}.side-category-heading{color:#172744;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.side-category-heading.category-vocabulary{background:linear-gradient(135deg,#fff1f8,#ffe0f0)}.side-category-heading span{color:#596981;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.side-category-heading h2{margin:2px 0 0}.reading-text{color:#172744;margin:28px 0 0;font-size:clamp(28px,4.2vw,48px);font-weight:900;line-height:1.24}.reading-text mark{color:#10203a;background:linear-gradient(#0000 48%,#fff06b 48%);border-radius:6px;padding:0 4px}.vocab-panel,.round-panel{flex-direction:column;gap:14px;padding:18px;display:flex}.vocab-panel h2{color:var(--ink);margin:0}.vocab-list{gap:10px;display:grid}.vocab-item{background:#fbfeff;border:1px solid #dce9f4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:flex}.vocab-item strong{color:var(--ink)}.vocab-item span{color:#526582;text-align:right}.challenge-card h2{max-width:790px;color:var(--ink);margin:20px 0;font-size:clamp(28px,4vw,44px);line-height:1.08}.challenge-category-card.category-reading{background:linear-gradient(135deg,#53e7ff33,#fffffff0),#fff}.challenge-category-card.category-vocabulary{background:linear-gradient(135deg,#ff7dc829,#fffffff0),#fff}.challenge-category-card.category-mini{background:linear-gradient(135deg,#ffe05338,#fffffff0),#fff}.challenge-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-weight:900;display:flex}.focus-word{color:#172744;background:#fff06b;border:2px solid #1b2b49;border-radius:8px;align-items:center;min-height:48px;margin-top:22px;padding:0 16px;font-size:24px;font-weight:950;display:inline-flex;box-shadow:0 6px #18274438}.sentence-prompt{color:#263d5e;background:#f5fbff;border:1px dashed #8eb3d2;border-radius:8px;margin:0 0 20px;padding:18px;font-size:22px;font-weight:850}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.answer-option{color:#172744;min-height:66px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:2px solid #d3e2ee;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;font-weight:900;transition:transform .16s,border-color .16s,background .16s;display:flex}.answer-option span{overflow-wrap:anywhere;min-width:0}.answer-option:hover{border-color:#54dfff;transform:translateY(-2px)}.answer-option.correct{background:#edfff0;border-color:#46d966}.answer-option.wrong{background:#fff0f5;border-color:#ff5c8e}.answer-option:disabled{cursor:default}.score-meter{color:#12203a;background:linear-gradient(135deg,#53e7ff,#aaff5d);border-radius:8px;place-items:center;min-height:126px;display:grid}.score-meter span{text-transform:uppercase;font-weight:900}.score-meter strong{font-size:48px;line-height:1}.round-category-badge{color:#172744;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:950;display:inline-flex}.round-category-badge.category-reading{background:#dff8ff}.round-category-badge.category-vocabulary{background:#fff0f8}.round-category-badge.category-mini{background:#fff6c8}.round-stats{color:#243a5c;background:#fbfeff;border:1px solid #dce9f4;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:0 13px;font-weight:900;display:flex}.round-stats span{color:var(--muted);text-transform:uppercase;font-size:13px}.streak-pill{color:#596981;background:#f0f5fa;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.streak-pill.hot{color:#6b3514;background:#fff0c7}.feedback-box{border-radius:8px;gap:10px;padding:13px;display:flex}.feedback-box.correct{color:#155326;background:#eaffef}.feedback-box.wrong{color:#753047;background:#fff0f5}.feedback-box strong{display:block}.feedback-box p{margin:4px 0 0}.result-hero{text-align:center;justify-items:center;gap:8px;padding:clamp(28px,6vw,56px);display:grid}.result-hero.passed{background:linear-gradient(135deg,#48e6ff47,#ffffffd1),#fff}.result-hero.retry{background:linear-gradient(135deg,#ffe55b4d,#ffffffd1),#fff}.result-badge{color:#172744;background:#fff06b;width:86px;height:86px;box-shadow:0 8px #1827442e}.result-hero span{color:var(--muted);text-transform:uppercase;font-weight:900}.result-hero h1{color:var(--ink);margin:0;font-size:clamp(64px,13vw,128px);line-height:.92}.result-hero p{color:#40536e;margin:0;font-weight:850}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.result-panel{min-height:112px}.result-panel strong{color:var(--ink);margin-top:8px;font-size:26px;display:block}.mini-badge-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mini-badge-row span{color:#1f3554;background:#e9f8ff;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-weight:850;display:inline-flex}.badge-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.badge-card{min-height:210px;color:var(--muted);gap:10px;padding:18px;display:grid}.badge-card.unlocked{color:#203851;background:linear-gradient(135deg,#50e4ff29,#ffef602e),#fff}.badge-icon{color:#182744;background:#edf3fa;width:54px;height:54px}.badge-card.unlocked .badge-icon{background:#fff06b}.badge-card h2{font-size:20px}.badge-card span{color:var(--ink);align-self:end;font-weight:900}.leaderboard{padding:12px}.leader-row{border-bottom:1px solid #edf2f7;grid-template-columns:52px minmax(0,1fr) minmax(76px,auto);align-items:center;gap:12px;min-height:72px;padding:10px;display:grid}.leader-row:last-child{border-bottom:0}.rank-number{color:#162447;background:#fff06b;width:44px;height:44px;font-weight:950}.leader-row strong{color:var(--ink);display:block}.rank-score{text-align:right}.empty-state{text-align:center;justify-items:center;gap:14px;padding:48px 16px;display:grid}.mobile-nav{display:none}@keyframes floatWord{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(4deg)}}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes orbitSpark{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(3deg)}}@keyframes auraPulse{0%,to{opacity:.82;transform:scale(1)rotate(-3deg)}50%{opacity:1;transform:scale(1.06)rotate(4deg)}}@keyframes missionFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes missionGlow{0%,to{filter:drop-shadow(0 0 #4ee8ff00)}50%{filter:drop-shadow(0 0 12px #4ee8ff57)}}@keyframes missionShine{0%,42%{opacity:0;transform:translate(-100%)}54%{opacity:.9}72%,to{opacity:0;transform:translate(110%)}}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkDrift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(7deg)}}@keyframes characterBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes shadowPulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.72;transform:scaleX(.88)}}@keyframes headNod{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}94%,96%{transform:scaleY(.14)}}@keyframes leftArmFloat{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes rightArmFloat{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes phoneFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes particleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes happyBounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-13px)rotate(2deg)}}@keyframes celebrateArm{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(-22deg)translateY(-8px)}}@keyframes thinkingTilt{0%,to{transform:rotate(0)}50%{transform:rotate(-2.5deg)}}@media (width<=1040px){.desktop-nav{display:none}.player-chip{min-width:132px}.hero-grid,.landing-hero,.auth-layout,.register-screen,.reading-layout,.challenge-layout{grid-template-columns:1fr}.hero-grid,.landing-hero{min-height:auto}.game-stage,.landing-stage,.auth-preview,.register-preview{min-height:460px}.dashboard-grid,.level-grid,.feature-grid,.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-category-grid,.level-category-board,.category-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.how-section{grid-template-columns:1fr}.engagement-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.app-shell{width:100%;max-width:100vw;padding:8px 8px 76px;overflow-x:hidden}.topbar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:10px;padding:8px;display:grid;top:8px}.public-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px;padding:8px;display:grid}.public-actions{flex-wrap:nowrap;gap:6px;min-width:0;display:flex}.public-actions .secondary-button.compact{gap:0;width:38px;padding:0;font-size:0;overflow:hidden}.public-actions .secondary-button.compact svg{width:18px;height:18px}.brand-lockup{gap:8px;min-width:0;padding:4px}.brand-lockup small{text-overflow:ellipsis;white-space:nowrap;max-width:120px;display:block;overflow:hidden}.brand-lockup strong{font-size:17px}.brand-mark{width:36px;height:36px;box-shadow:0 4px #25334f}.player-chip{gap:5px;min-width:auto;min-height:38px;padding:0 8px}.player-chip span{display:none}.logout-button{width:38px;height:38px}.primary-button.compact,.secondary-button.compact{min-height:38px;padding:0 10px;font-size:13px}.hero-copy{min-height:360px;padding:22px 13px}.landing-hero,.auth-layout,.hero-grid{grid-template-columns:repeat(2,calc(50vw - 12px));align-items:stretch;gap:8px;max-width:100%;overflow:hidden}.landing-copy,.auth-card,.register-card{min-height:340px;padding:13px}.landing-copy h1{text-shadow:0 4px #192345,0 0 24px #45eeff6b;white-space:nowrap;margin:16px 0 10px;font-size:31px;line-height:.95}.landing-copy p{margin-bottom:12px;font-size:11.5px;line-height:1.3}.hero-category-row{gap:5px;margin-bottom:12px}.hero-category-pill{border-width:1px;min-height:55px;padding:7px 4px;box-shadow:0 4px #07132b3d}.hero-category-pill svg{width:15px;height:15px}.hero-category-pill strong{font-size:8.8px;line-height:1.05}.word-chip-row{gap:5px;margin-bottom:10px}.word-chip{min-height:24px;padding:0 7px;font-size:9px;box-shadow:0 3px #07132b3d}.hero-live-card{display:none}.live-card-top{font-size:9px}.hero-live-card p{margin:7px 0 8px;font-size:10px}.live-answer-row{gap:5px}.live-answer-row span{min-height:25px;font-size:9px}.landing-copy .eyebrow{gap:5px;min-height:28px;padding:0 8px;font-size:9.5px;line-height:1.08}.landing-copy .eyebrow svg{width:11px;height:11px}.auth-layout,.register-screen{gap:8px;padding-bottom:88px}.register-heading h1{font-size:28px}.landing-stage,.auth-preview,.register-preview{min-height:340px}.theme-stage:after,.game-stage.theme-stage:after{inset:58px 14px 86px}.theme-stage .stage-aura{inset:82px 24px 92px}.theme-stage .stage-word{display:none}.character-wrap.register{width:min(92%,250px)}.hero-copy h1{text-shadow:0 4px #192345,0 0 24px #45eeff61;margin:18px 0 16px;font-size:clamp(28px,7.6vw,34px);line-height:.96}.hero-copy h1 span{max-width:100%;margin-top:10px;font-size:clamp(15px,4.1vw,17px);line-height:1.08}.hero-actions,.result-actions{flex-direction:row;align-items:center;gap:8px}.landing-copy .hero-actions{flex-direction:column;align-items:stretch;gap:7px}.landing-copy .hero-actions .primary-button,.landing-copy .hero-actions .secondary-button{white-space:nowrap;justify-content:flex-start;width:100%;min-height:39px;padding:0 10px;font-size:11px;line-height:1}.landing-copy .hero-actions .primary-button svg,.landing-copy .hero-actions .secondary-button svg{width:16px;height:16px}.primary-button,.secondary-button,.danger-button{width:auto;min-height:42px;padding:0 12px;font-size:13px}.primary-button.full,.secondary-button.full{width:100%}.game-stage{min-height:360px}.reader-card{top:10px;left:8px}.score-card{bottom:42px;right:8px}.stage-card{width:142px;padding:9px}.theme-stage .stage-mission-deck{display:contents}.theme-stage .stage-mission-card{border-width:1.5px;border-radius:12px;grid-template-columns:1fr;justify-items:center;gap:3px;width:66px;min-height:70px;padding:6px 5px 7px;display:grid;position:absolute;box-shadow:0 5px #1827442e,0 10px 18px #1827441a}.theme-stage .mission-icon{border-width:1px;width:30px;height:30px}.theme-stage .mission-icon svg{width:17px;height:17px}.theme-stage .mission-copy{text-align:center;display:block}.theme-stage .mission-copy>span,.theme-stage .mission-meter{display:none}.theme-stage .mission-copy small{color:#596981;margin-top:2px;font-size:6.8px;line-height:1;display:block}.theme-stage .desktop-title{display:none}.theme-stage .mobile-title{display:inline}.theme-stage .mission-copy strong{margin:0;font-size:8.2px;line-height:1.04}.theme-stage .stage-reading-card{top:16px;left:11px}.theme-stage .stage-vocabulary-card{width:68px;top:100px;right:9px}.theme-stage .stage-mini-card{width:66px;bottom:15px;right:10px}.stage-card strong{font-size:13px}.stage-orbit{min-height:28px;padding:3px 8px;font-size:11px;display:inline-flex;box-shadow:0 4px #18274433}.orbit-one{top:112px;left:10px}.orbit-two{top:66px;right:12px}.character-wrap.hero{width:min(74%,238px);bottom:18px}.theme-stage .character-wrap.hero{width:min(66%,132px);bottom:78px;left:48%}.theme-stage .stage-progress-badge{border-width:1px;min-height:28px;padding:0 8px;font-size:9px;top:8px;right:8px}.phone-frame{width:162px;height:292px;bottom:44px}.dashboard-grid,.engagement-row,.stats-panel,.result-grid,.feature-grid,.level-grid,.badge-grid,.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.poster-category-grid,.level-category-board,.category-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.level-category-card,.category-result-card{min-height:142px;padding:10px;box-shadow:0 5px #18274429}.level-category-card span,.category-result-card svg{width:34px;height:34px}.level-category-card strong,.category-result-card strong{font-size:12px}.level-category-card p,.category-result-card span{font-size:10px;line-height:1.25}.character-choice-group{grid-template-columns:repeat(2,minmax(0,1fr))}.how-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.engagement-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.engagement-card{grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:start;gap:6px;min-height:112px;padding:10px}.engagement-card span{grid-row:auto;width:34px;height:34px}.engagement-card strong,.engagement-card small{white-space:normal}.engagement-card strong{font-size:13px}.engagement-card small{font-size:10px}.current-mission{grid-column:1/-1}.stats-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-tile{min-height:76px;padding:8px}.stat-tile strong{font-size:20px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-grid{grid-template-columns:1fr}.account-panel{align-items:stretch;padding:12px}.account-panel strong,.account-panel p{max-width:112px}.screen-title{align-items:flex-start}.screen-title h1{font-size:28px}.feature-card,.how-step{min-height:156px;padding:14px}.poster-category-card{min-height:198px;padding:12px}.feature-tag{min-height:24px;font-size:10px;top:10px;right:10px}.feature-card h2,.how-step strong{font-size:16px}.poster-category-card h2{font-size:13px}.poster-category-card p{font-size:11px;line-height:1.25}.play-header{grid-template-columns:46px minmax(0,1fr) 46px;gap:8px}.play-header h1{font-size:22px}.ghost-icon{width:44px;height:44px}.reading-layout,.challenge-layout{grid-template-columns:minmax(0,1.28fr) minmax(120px,.72fr);gap:8px}.reading-panel,.challenge-card{min-height:0;padding:14px}.vocab-panel,.round-panel{gap:9px;padding:10px}.reading-text{margin-top:18px;font-size:21px}.challenge-card h2{font-size:21px}.sentence-prompt{padding:12px;font-size:15px}.answer-option{min-height:58px;padding:10px;font-size:13px}.score-meter{min-height:86px}.score-meter strong{font-size:32px}.character-wrap.sidekick{width:min(100%,138px)}.vocab-item{flex-direction:column;align-items:flex-start;gap:2px;min-height:0;padding:8px;font-size:12px}.vocab-item span{text-align:left}.flow-stepper{grid-template-columns:repeat(3,minmax(48px,1fr));gap:5px;padding-bottom:2px}.flow-step{justify-content:center;min-width:0;min-height:36px;padding:5px}.flow-step strong{font-size:10px;display:block}.mobile-nav{z-index:30;border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid;position:fixed;bottom:10px;left:10px;right:10px}.mobile-nav-button{color:#60708a;background:0 0;border-radius:8px;flex-direction:column;gap:4px;min-height:52px;font-size:11px;font-weight:900}.mobile-nav-button.active{color:#172744;background:#e4faff}}@media (width<=380px){.public-actions{gap:4px}.primary-button.compact,.secondary-button.compact{padding:0 8px;font-size:12px}.landing-copy,.auth-card,.register-card{padding:12px}.landing-copy h1{font-size:29px}.landing-copy p{font-size:11px}.landing-copy .eyebrow{font-size:8.5px}.word-chip{min-height:22px;padding:0 6px;font-size:8px}.hero-live-card{padding:7px}.live-card-top{font-size:8px}.landing-copy .hero-actions .primary-button,.landing-copy .hero-actions .secondary-button{min-height:37px;font-size:10px}.eyebrow{min-height:32px;padding:0 9px;font-size:12px}.stage-card{width:128px}.character-wrap.hero{width:min(78%,218px)}.engagement-card{min-height:104px;padding:8px}.poster-category-card{min-height:184px;padding:9px}.poster-category-card h2{font-size:11px}.poster-category-card p,.level-category-card p,.category-result-card span{font-size:9px}}