:root{font-family:Nunito,sans-serif;color:#fff;background:#100e32;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:focus-visible{outline:4px solid #ffe76e;outline-offset:4px}.app{min-height:100vh;position:relative;overflow:hidden;isolation:isolate}.background{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0e092ce6,#0e092c94,#0e092c1f 70%),url(/assets/space-adventure.png) center center/cover no-repeat;z-index:-3}.screen-map .background,.screen-settings .background,.screen-game .background,.screen-finish .background{background:linear-gradient(180deg,#0d0a2bb8,#0d0a2bde),url(/assets/space-adventure.png) center/cover no-repeat}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.starfield i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#fff9c8;border-radius:50%;box-shadow:0 0 8px 2px #fff5ad8a;animation:twinkle 3s ease-in-out var(--delay) infinite alternate}@keyframes twinkle{0%{opacity:.28;transform:scale(.75)}to{opacity:1;transform:scale(1.3)}}.content-shell{width:min(1200px,calc(100% - 64px));margin:auto}.topbar{height:88px;width:min(1300px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:none;color:#fff;font-family:"Baloo 2",sans-serif;font-size:23px;font-weight:600;padding:3px 0;text-shadow:0 2px 10px #0b0c34}.brand strong{color:#ffdf69;font-weight:800}.brand-rocket{font-size:29px;filter:drop-shadow(0 4px 6px #0006);transform:rotate(-22deg)}.top-actions{display:flex;align-items:center;gap:14px}.star-counter{display:flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid #ffffff42;background:#150e43af;border-radius:999px;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:20px;color:#ffd95b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff42;background:#150e43af;border-radius:15px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button:hover,.back-button:hover{background:#4e3c8e}.hero{min-height:calc(100vh - 88px);display:flex;align-items:center;position:relative;padding-bottom:80px}.hero-copy{max-width:610px;position:relative;z-index:1}.eyebrow{font-size:13px;letter-spacing:2.2px;font-weight:900;color:#ffe37d;text-transform:uppercase}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid #f9df81a3;background:#39265e9c;border-radius:99px;box-shadow:0 6px 25px #120b3c55}.live-dot{width:8px;height:8px;border-radius:50%;background:#7ff3ce;box-shadow:0 0 10px #7ff3ce}.hero h1{font-family:"Baloo 2",sans-serif;font-weight:800;line-height:.99;letter-spacing:-2px;font-size:clamp(54px,7vw,100px);margin:28px 0 22px;text-shadow:0 7px 30px #160d3b8a}.hero h1 em{font-style:normal;color:#ffda63}.hero p{font-size:clamp(18px,1.7vw,23px);line-height:1.52;font-weight:800;max-width:520px;color:#f5efff;text-shadow:0 3px 9px #160d3b}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:20px;color:#211343;background:linear-gradient(180deg,#ffe481,#ffb938);font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:800;padding:16px 27px;box-shadow:0 8px #c47721,0 15px 35px #0007;transition:transform .16s,box-shadow .16s;white-space:nowrap}.primary-button:hover{transform:translateY(-3px);box-shadow:0 11px #c47721,0 18px 38px #0008}.primary-button:active{transform:translateY(6px);box-shadow:0 2px #c47721}.hero .primary-button{margin-top:24px}.hero-note{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:900;color:#d7cffa;margin-top:33px}.hero-note span{font-size:20px}.hero-sticker{position:absolute;right:6%;top:8%;width:135px;height:135px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(12deg);background:#ffd964;color:#56215c;text-align:center;font-family:"Baloo 2",sans-serif;font-size:20px;line-height:1.06;font-weight:800;box-shadow:0 0 0 7px #ffd96475,0 15px 30px #090524a0;animation:float 4s ease-in-out infinite}.hero-sticker span{max-width:100px}.hero-sticker b{position:absolute;font-size:29px;top:-18px;right:10px;color:#fff}@keyframes float{50%{transform:translateY(-12px) rotate(15deg)}}.map-screen{padding-top:30px;padding-bottom:55px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2,.settings-card h2,.finish-card h2{font-family:"Baloo 2",sans-serif;font-size:clamp(39px,4vw,58px);line-height:1.08;margin:12px 0 8px;color:#fff}.section-heading p{font-size:19px;color:#dfd8ff;font-weight:700;margin:0}.map-mascot{font-size:70px;position:relative;filter:drop-shadow(0 12px 10px #07051d);animation:float 3s ease-in-out infinite}.map-mascot span{position:absolute;left:-70px;top:1px;transform:rotate(-8deg);white-space:nowrap;background:#fff;border-radius:15px;padding:5px 12px;color:#38265b;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:16px;box-shadow:0 4px #d3c7fa}.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-top:30px}.mission-card{border:1px solid #ffffff38;min-height:345px;border-radius:28px;padding:19px 21px 18px;text-align:left;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 30px #0503167d,inset 0 1px #fff4;transition:transform .2s,box-shadow .2s}.mission-card:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:0 23px 40px #0503169c,inset 0 1px #fff6}.planet-orange{background:radial-gradient(circle at 75% 28%,#ffbf73 0%,#ef6d6c 24%,transparent 25%),linear-gradient(145deg,#683067,#31215e)}.planet-purple{background:radial-gradient(circle at 75% 28%,#cd9dff 0%,#794fe2 24%,transparent 25%),linear-gradient(145deg,#433483,#241d5d)}.planet-blue{background:radial-gradient(circle at 75% 28%,#a2f0ee 0%,#43a4d2 24%,transparent 25%),linear-gradient(145deg,#286f91,#1d2a66)}.planet-green{background:radial-gradient(circle at 75% 28%,#daf985 0%,#74caa1 24%,transparent 25%),linear-gradient(145deg,#36817f,#1f395d)}.mission-orbit{position:absolute;left:34%;top:28px;width:210px;height:135px;border:1px solid #fff5;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.mission-number{font-size:11px;font-weight:900;letter-spacing:2px;color:#fff9;z-index:1}.mission-planet{height:123px;display:flex;align-items:center;justify-content:center;font-size:68px;position:relative;z-index:1;filter:drop-shadow(0 11px 12px #17104098);transition:transform .3s}.mission-card:hover .mission-planet{transform:scale(1.18) rotate(8deg)}.mission-tag{align-self:flex-start;background:#ffffff2a;border:1px solid #ffffff3c;border-radius:30px;padding:4px 11px;font-size:12px;font-weight:900;color:#fffbe9}.mission-card strong{font-family:"Baloo 2",sans-serif;font-size:28px;line-height:1.05;margin-top:9px;z-index:1}.mission-desc{font-size:14px;font-weight:700;color:#f1eaffdd;min-height:41px;margin-top:3px}.mission-bottom{border-top:1px solid #ffffff42;margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;color:#fffad5;font-size:12px;font-weight:900}.mission-arrow{font-size:23px;line-height:1}.map-footer{text-align:center;padding:29px 0 0;color:#dfd8fa;font-size:15px;font-weight:900}.map-footer span{font-size:21px}.game-shell{max-width:900px;padding-bottom:36px}.game-top{display:flex;align-items:center;justify-content:space-between;padding-top:14px;gap:10px}.back-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff49;border-radius:14px;background:#30245fbc;color:#fff;padding:9px 15px;font-weight:900;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mission-label{font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:800}.round-label{color:#ffda65;font-weight:900;font-size:18px}.progress-track{height:10px;background:#ffffff3b;border-radius:99px;margin:18px 0 23px;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(90deg,#ffe486,#ff956e);border-radius:99px;transition:width .4s}.game-panel{min-height:520px;padding:28px 35px 21px;border-radius:34px;position:relative;overflow:hidden;text-align:center;background:linear-gradient(155deg,#fefbff,#efe8ff);color:#312655;box-shadow:0 17px #aa8bcc,0 35px 55px #05031b9c}.game-panel:before{content:"";position:absolute;left:-100px;bottom:-250px;width:440px;height:440px;border-radius:50%;background:#d8ccff5e;pointer-events:none}.panel-wobble{animation:wobble .45s ease-in-out}@keyframes wobble{25%{transform:rotate(-1deg)}60%{transform:rotate(1deg)}}.panel-decor{position:absolute;color:#f7bd65;font-size:38px}.decor-one{left:8%;top:17%}.decor-two{right:7%;top:26%;color:#9c88e6}.game-mascot{position:absolute;left:28px;top:20px;font-size:56px;filter:drop-shadow(0 7px 5px #5e519559);animation:float 3s ease-in-out infinite}.mascot-orbit{font-size:22px;position:absolute;top:0;right:-13px}.game-instruction{position:relative;z-index:1}.game-kicker{font-weight:900;color:#8b66ce;letter-spacing:2px;font-size:13px}.game-instruction h2{font-family:"Baloo 2",sans-serif;font-size:clamp(30px,4vw,43px);line-height:1.05;margin:5px 0 16px}.listen-button{border:0;background:#4e75e5;color:#fff;border-radius:18px;padding:12px 20px;display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:17px;box-shadow:0 6px #3055ba,0 10px 18px #455acf40;transition:transform .15s}.listen-button:hover{transform:translateY(-2px)}.listen-button:active{transform:translateY(4px);box-shadow:0 2px #3055ba}.listen-button span{font-size:23px;line-height:12px}.target-letter{width:94px;height:94px;margin:4px auto 17px;display:grid;place-items:center;border-radius:25px;background:#fed670;color:#3c2865;font-family:"Baloo 2",sans-serif;font-size:69px;font-weight:800;box-shadow:0 6px #ecaa44;line-height:1}.word-image{margin:-3px auto 14px;width:155px;height:117px;border:4px solid white;border-radius:24px;background:var(--word-color);box-shadow:0 7px 15px #66519b3c;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column}.word-image span{font-size:52px;line-height:1}.word-image strong{font-family:"Baloo 2",sans-serif;font-size:22px;color:#382753;line-height:1}.choice-row{display:flex;justify-content:center;gap:17px;align-items:center;margin:27px auto 0;position:relative;z-index:1;flex-wrap:wrap}.letter-choice{width:112px;height:112px;border-radius:26px;border:3px solid #e6dcff;background:#fff;color:#45308a;font-family:"Baloo 2",sans-serif;font-size:68px;font-weight:800;line-height:1;box-shadow:0 8px #cfbdf4,0 12px 17px #8671ba37;transition:transform .15s,box-shadow .15s,background .15s}.letter-choice:hover:not(:disabled){transform:translateY(-7px) rotate(-3deg);box-shadow:0 14px #cfbdf4,0 19px 22px #8671ba40;background:#fff9dc}.letter-choice:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px #cfbdf4}.letter-choice:disabled{cursor:default;opacity:.55}.choice-correct{background:#a8f1cb!important;border-color:#62dc9e;color:#24684d;opacity:1!important}.choice-hint:not(.choice-correct){animation:hint 1.3s ease-in-out infinite}@keyframes hint{50%{box-shadow:0 0 0 10px #ffd363,0 8px #cfbdf4;transform:scale(1.04)}}.word-slots{display:flex;justify-content:center;gap:11px;margin-top:14px}.word-slots>div{width:62px;height:65px;border:3px dashed #b8a4df;background:#fff9;border-radius:15px;font-family:"Baloo 2",sans-serif;font-size:41px;font-weight:800;line-height:60px;color:#513387}.word-slots>div.filled{border-style:solid;background:#fff1b8;border-color:#f4bc53}.tile-row{margin-top:23px}.tile-row .letter-choice{width:77px;height:77px;font-size:46px;border-radius:19px}.feedback-area{height:57px;display:flex;justify-content:center;align-items:center;gap:10px;margin:27px auto 0;font-family:"Baloo 2",sans-serif;font-size:21px;font-weight:800;position:relative;z-index:2}.feedback-area.correct{color:#12885d}.feedback-area.wrong{color:#9d4382}.feedback-icon{font-size:32px}.feedback-placeholder{color:#8a7da4;font-family:Nunito,sans-serif;font-size:14px;font-weight:900}.help-link{border:0;background:none;color:#ddd4ff;display:flex;align-items:center;gap:7px;margin:29px auto;font-size:14px;font-weight:900;text-decoration:underline}.help-link:hover{color:#fff}.finish-screen{min-height:calc(100vh - 88px);display:grid;place-items:center;padding:30px 0 60px}.finish-card{width:min(650px,100%);position:relative;text-align:center;border-radius:35px;border:2px solid #fff8;background:linear-gradient(155deg,#6846a9e8,#302b70ed);box-shadow:0 20px 70px #07051aa6;padding:32px 44px 45px;overflow:hidden}.finish-card:before{content:"";position:absolute;width:460px;height:460px;left:50%;top:-250px;transform:translate(-50%);border-radius:50%;background:#fcd2643b}.finish-rocket{font-size:96px;animation:float 2s ease-in-out infinite;filter:drop-shadow(0 12px 10px #06031b7c)}.finish-confetti{color:#ffe975;letter-spacing:22px;font-size:30px;position:absolute;top:45px;left:0;width:100%}.finish-card .eyebrow,.finish-card h2{position:relative}.finish-card p{max-width:490px;margin:15px auto;color:#f7efff;font-size:19px;line-height:1.48;font-weight:800}.finish-stars{font-size:34px;letter-spacing:7px;margin:19px 0 30px}.finish-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.finish-actions .primary-button{font-size:18px;padding:12px 19px}.secondary-button{display:inline-flex;align-items:center;gap:9px;border:2px solid #fff8;border-radius:18px;background:#ffffff18;color:#fff;padding:12px 19px;font-weight:900;font-size:17px}.secondary-button:hover{background:#fff3}.settings-screen{max-width:840px;padding:20px 0 60px}.settings-card{margin:23px auto 0;padding:35px 42px 40px;border-radius:29px;background:#f8f4ff;color:#3a2b68;box-shadow:0 20px 55px #040219a6}.settings-card h2{color:#38265f;margin-bottom:5px}.settings-card p{color:#76658e;font-size:17px;line-height:1.45;font-weight:700;margin:4px 0 28px}.settings-title{display:flex;justify-content:space-between;align-items:center;font-family:"Baloo 2",sans-serif;font-size:20px;font-weight:800}.settings-title span{font:800 13px Nunito,sans-serif;color:#8974a2}.alphabet-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:8px;margin:11px 0 30px}.alphabet-grid button{height:44px;border:2px solid #d9c9ed;border-radius:12px;background:#fff;color:#766c8e;font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:800;position:relative}.alphabet-grid button.enabled{background:#744fc4;border-color:#744fc4;color:#fff;box-shadow:0 4px #4a3291}.alphabet-grid button svg{position:absolute;right:3px;top:2px}.setting-row{padding:17px 0;border-top:1px solid #e2d9ee;display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row div{display:flex;flex-direction:column;gap:3px}.setting-row strong{font-size:16px}.setting-row span{font-size:13px;color:#867895;font-weight:700}.switch{min-width:66px;height:34px;padding:3px 9px;border:0;border-radius:99px;background:#d4c9df;color:#5d5371;font-size:12px;font-weight:900;display:grid;place-items:center}.switch.on{background:#74cfb1;color:#174f3b}.settings-done{margin-top:19px;font-size:18px;padding:10px 19px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#07031cbb;display:grid;place-items:center;padding:25px}.help-modal{background:#fff9ff;color:#352660;border-radius:30px;max-width:450px;width:100%;padding:31px;text-align:center;position:relative;box-shadow:0 20px 50px #050313}.modal-close{position:absolute;right:16px;top:15px;border:0;background:none;color:#59477d}.modal-icon{font-size:68px}.help-modal h2{font:800 34px "Baloo 2",sans-serif;margin:3px 0}.help-modal p{font-size:17px;line-height:1.5;font-weight:800;color:#756991}.help-modal .primary-button{font-size:17px;padding:10px 16px;margin-top:8px}@media(max-width:900px){.mission-grid{grid-template-columns:repeat(2,1fr)}.mission-card{min-height:310px}.hero-sticker{right:1%;top:2%;width:100px;height:100px;font-size:16px}.hero-copy{max-width:560px}.background{background-position:60% center}.alphabet-grid{grid-template-columns:repeat(9,1fr)}}@media(max-width:600px){.content-shell,.topbar{width:calc(100% - 32px)}.topbar{height:68px}.brand{font-size:18px;gap:5px}.brand-rocket{font-size:23px}.star-counter{font-size:16px;padding:7px 11px}.star-counter svg{width:16px}.icon-button{width:37px;height:37px;border-radius:12px}.top-actions{gap:7px}.hero{min-height:calc(100svh - 68px);align-items:flex-end;padding-bottom:53px}.screen-home .background{background:linear-gradient(180deg,#130e3a00,#130e3a3b 35%,#130e3bf2 68%,#130e3b),url(/assets/space-adventure.png) 68% top/auto 100% no-repeat}.hero-sticker{top:7%;right:5%}.hero h1{font-size:clamp(48px,12vw,66px);margin:19px 0 14px}.hero p{font-size:17px;line-height:1.44}.hero .eyebrow{font-size:10px;letter-spacing:1px;padding:7px 10px}.primary-button{font-size:19px;padding:12px 18px;border-radius:17px}.hero .primary-button{margin-top:12px}.hero-note{font-size:12px;margin-top:25px}.map-screen{padding-top:15px}.section-heading h2{font-size:39px}.section-heading p{font-size:15px}.map-mascot{font-size:43px}.map-mascot span{display:none}.mission-grid{gap:12px;margin-top:23px}.mission-card{padding:13px;min-height:245px;border-radius:21px}.mission-planet{height:75px;font-size:44px}.mission-card strong{font-size:21px}.mission-tag{font-size:10px;padding:3px 8px}.mission-desc{font-size:12px;min-height:36px}.mission-number,.mission-bottom{font-size:9px}.mission-arrow{font-size:17px}.game-top{padding-top:6px}.back-button{font-size:12px;padding:8px 10px}.mission-label{font-size:15px}.round-label{font-size:13px}.progress-track{margin:14px 0}.game-panel{padding:26px 12px 14px;min-height:470px;border-radius:25px;box-shadow:0 10px #aa8bcc,0 20px 40px #05031b9c}.game-mascot{font-size:34px;left:7px;top:9px}.mascot-orbit{font-size:14px}.game-kicker{font-size:10px}.game-instruction h2{font-size:30px;margin:7px 0 17px}.word-image{width:130px;height:104px}.word-image span{font-size:44px}.choice-row{gap:9px;margin-top:26px}.letter-choice{width:78px;height:83px;font-size:51px;border-radius:18px}.tile-row .letter-choice{width:67px;height:68px;font-size:43px}.target-letter{width:78px;height:78px;font-size:57px}.feedback-area{font-size:17px;margin-top:24px;min-height:61px;height:auto;padding:0 5px}.feedback-placeholder{font-size:12px}.settings-card{padding:27px 18px}.settings-card h2{font-size:39px}.alphabet-grid{grid-template-columns:repeat(7,1fr);gap:6px}.alphabet-grid button{height:42px}.finish-card{padding:28px 18px 37px}.finish-rocket{font-size:72px}.finish-card h2{font-size:42px}.finish-card p{font-size:16px}.finish-stars{font-size:22px;letter-spacing:3px}}@media(max-width:370px){.mission-card{min-height:260px}.mission-card strong{font-size:18px}.letter-choice{width:70px;height:76px;font-size:46px}.topbar .brand strong{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.planet-pink{background:radial-gradient(circle at 75% 28%,#ffc4e2 0%,#f57fb2 24%,transparent 25%),linear-gradient(145deg,#8d4b9e,#35236d)}.say-controls{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;max-width:540px;margin:10px auto 0}.record-button,.say-small-button,.say-done-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:17px;font-weight:900}.record-button{background:#ed618e;color:#fff;padding:13px 18px;font-size:17px;box-shadow:0 6px #bd3d6c}.record-button.recording{background:#a0499d;animation:record-pulse 1s infinite alternate}@keyframes record-pulse{to{box-shadow:0 0 0 9px #ed618e35}}.say-small-button{background:#e0d8fa;color:#463283;padding:12px 15px;font-size:15px}.say-done-button{background:#92e0b4;color:#245547;padding:13px 22px;font-size:17px;box-shadow:0 6px #5ba77d}.say-done-button:disabled,.record-button:disabled{opacity:.55}.mic-message,.heard-text{flex-basis:100%;margin:3px 0;color:#74628d;font-size:14px;font-weight:800}.heard-text{color:#6242aa}@media(max-width:900px){.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.say-controls{gap:10px}.record-button,.say-small-button,.say-done-button{font-size:14px;padding:10px 12px}.mic-message,.heard-text{font-size:12px}.mission-card{min-width:0}}.all-letters-button{margin:10px 0 2px;border:0;border-radius:12px;background:#e8ddff;color:#60429e;padding:9px 13px;font-size:13px;font-weight:900}.all-letters-button:hover{background:#dbcbff}.combination-grid{margin-bottom:30px}.word-slots>div{display:grid;place-items:center;line-height:1;font-size:clamp(25px,3.8vw,41px)}.letter-choice{font-size:clamp(42px,5vw,68px)}@media(max-width:600px){.letter-choice{font-size:clamp(36px,10vw,51px)}.tile-row .letter-choice{font-size:clamp(32px,8vw,43px)}.combination-grid{grid-template-columns:repeat(6,1fr)}}