@import "https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&family=Bangers&family=Rubik:wght@500;600;700;800&display=swap";:root{color:#12315b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ink:#12315b;--indigo:#4a3aff;--cyan:#20c9ff;--pink:#ff4ec7;--yellow:#ffd840;--surface:#fff;--muted:#4b5563;--line:#e5e6f3;background:#fff;font-family:Assistant,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#fff;min-width:320px;min-height:100%;margin:0}button,input{font:inherit}input,textarea,select{color:#303744;background:#fff}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}img{display:block}.start-screen{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 14% 22%,#34cdf629,#0000 27%),radial-gradient(circle at 83% 74%,#ff64be21,#0000 30%),linear-gradient(145deg,#fff 0%,#faf9ff 52%,#f4fbff 100%);grid-template-columns:minmax(380px,.9fr) minmax(500px,1.1fr);align-items:center;padding:54px clamp(28px,6vw,96px);display:grid;position:relative;overflow:hidden}.start-screen:before,.start-screen:after{content:"";border:2px solid #6956f614;width:550px;height:550px;position:absolute;transform:rotate(22deg)}.start-screen:before{top:-330px;left:32%}.start-screen:after{bottom:-370px;right:-110px}.comic-dots{opacity:.12;background-image:radial-gradient(#6b5af5 2px,#0000 2.5px);background-size:16px 16px;width:240px;height:240px;position:absolute}.dots-one{top:20px;right:20px;transform:rotate(15deg)}.dots-two{bottom:0;left:28%;transform:rotate(-12deg)}.start-copy{z-index:2;max-width:570px}.eyebrow,.welcome-tag,.adaptive-badge{align-items:center;gap:7px;display:inline-flex}.eyebrow{color:#5548d7;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;font-weight:700}.start-copy h1{text-align:left;letter-spacing:.04em;text-shadow:5px 5px #e8e5ff;direction:ltr;margin:0;font-family:Bangers,Impact,sans-serif;font-size:clamp(68px,7.4vw,118px);line-height:.82}.start-copy h1 span{color:#6555ed;-webkit-text-stroke:1px #4f42c8}.start-copy>p{color:#5f647d;max-width:510px;margin:30px 0;font-size:21px;font-weight:600;line-height:1.55}.start-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button,.danger-button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#6856ff,#3f34e9);padding:15px 24px;box-shadow:0 9px #282093,0 14px 26px #100b5b47}.primary-button:hover{transform:translateY(-2px)}.primary-button:active{transform:translateY(4px);box-shadow:0 4px #282093}.secondary-button{color:#303466;background:#eef0ff;padding:14px 22px}.start-screen .secondary-button{color:#303466;background:#fff;border:1px solid #e3e5f1;box-shadow:0 8px 20px #282a5a14}.feature-pills{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.feature-pills span{color:#555b75;background:#ffffffe6;border:1px solid #e1e5f1;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:14px;display:inline-flex;box-shadow:0 5px 14px #2428530f}.start-heroes{z-index:1;direction:ltr;height:min(80vh,760px);min-height:560px;position:relative}.hero-card{aspect-ratio:4/5;border:5px solid #fff;border-radius:38px;width:min(52%,400px);position:absolute;overflow:hidden;box-shadow:0 25px 55px #3a367733}.hero-card img{object-fit:cover;width:100%;height:100%}.hero-kai{top:9%;left:0;transform:rotate(-6deg)}.hero-luna{bottom:4%;right:0;transform:rotate(7deg)}.versus-badge{z-index:4;background:var(--yellow);color:var(--ink);letter-spacing:.06em;clip-path:polygon(7% 3%,94% 0,100% 77%,91% 100%,4% 91%,0 22%);padding:11px 20px;font-family:Bangers;font-size:29px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-6deg);box-shadow:0 8px 18px #00000040}.character-screen{background:radial-gradient(circle at 50% -20%,#eceaff,#0000 45%),#fff;min-height:100vh;padding:32px clamp(20px,5vw,74px) 60px}.icon-button{border:1px solid var(--line);width:43px;height:43px;color:var(--ink);background:#fff;border-radius:13px;place-items:center;display:inline-grid;box-shadow:0 5px 15px #221f5f14}.back-button{direction:ltr}.section-heading{text-align:center;margin:-18px auto 24px}.section-heading>span,.section-title>div:first-child>span{letter-spacing:.15em;color:#6958ff;font-size:12px;font-weight:800}.section-heading h1{margin:6px 0 4px;font-family:Rubik;font-size:clamp(30px,4vw,48px)}.section-heading p{color:var(--muted);margin:0;font-size:17px}.name-field{color:#303744;gap:7px;max-width:420px;margin:0 auto 24px;font-weight:700;display:grid}.name-field input{color:#303744;text-align:right;background:#fff;border:2px solid #b9c0cc;border-radius:14px;outline:none;padding:13px 16px}.name-field input:focus{border-color:#6c5cff;box-shadow:0 0 0 4px #6c5cff1f}.character-grid{direction:ltr;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:920px;margin:0 auto;display:grid}.select-character{text-align:left;background:#fff;border:3px solid #0000;border-radius:28px;min-width:0;padding:0 0 18px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 14px 35px #231f5f1f}.select-character:hover{transform:translateY(-7px)rotate(-1deg)}.select-character.cyan:hover{border-color:#1bc9f7}.select-character.pink:hover{border-color:#f04ebd}.character-image-wrap{aspect-ratio:16/10;overflow:hidden}.character-image-wrap img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .3s}.select-character:hover img{transform:scale(1.04)}.character-name{padding:15px 19px 0;display:grid}.character-name strong{letter-spacing:.04em;font-family:Bangers;font-size:35px}.character-name span{color:var(--muted);font-size:14px}.choose-label{color:#5144dc;direction:rtl;align-items:center;gap:4px;font-weight:800;display:flex;position:absolute;bottom:20px;right:18px}.dashboard{background:radial-gradient(circle at 2% 16%,#20c9ff12,#0000 17%),radial-gradient(circle at 98% 36%,#ff4ec70f,#0000 18%),radial-gradient(circle at 48% 100%,#ffd8400d,#0000 20%),#fff;min-height:100vh}.dashboard-header{height:76px;color:var(--ink);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #e9eaf2;justify-content:space-between;align-items:center;padding:0 clamp(18px,5vw,70px);display:flex;position:sticky;top:0;box-shadow:0 6px 20px #15173b0f}.brand-mark,.header-stats,.game-title,.rank-badge,.progress-overview>div:first-child{align-items:center;display:flex}.brand-mark{direction:ltr;gap:10px}.brand-mark>span{width:42px;height:42px;color:var(--ink);background:#fff2ae;border:2px solid #fff;place-items:center;font-family:Bangers;font-size:24px;display:grid;transform:rotate(-5deg);box-shadow:0 4px 12px #7356001f}.brand-mark div{line-height:1;display:grid}.brand-mark strong{letter-spacing:.06em;font-family:Rubik;font-size:13px}.brand-mark small{color:#6355dc;letter-spacing:.25em;margin-top:5px;font-size:10px}.header-stats{gap:14px}.header-stats>span{color:#464b64;align-items:center;gap:5px;font-weight:700;display:inline-flex}.header-stats>span svg{color:var(--yellow)}.dashboard-header .icon-button{width:39px;height:39px;box-shadow:none;color:#464b64;background:#f7f7fb;border-color:#e4e6ef}.dashboard-content{max-width:1180px;margin:0 auto;padding:30px 22px 70px}.welcome-panel{min-height:320px;color:var(--ink);background:linear-gradient(130deg,#fff 0%,#f1efff 58%,#e8f8ff 100%);border:1px solid #e5e6f1;border-radius:28px;grid-template-columns:1fr 420px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #28237f1a}.welcome-panel:after{content:"";pointer-events:none;opacity:.11;background-image:radial-gradient(#6555ed 1.5px,#0000 2px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 70%);mask-image:linear-gradient(270deg,#000,#0000 70%)}.welcome-copy{z-index:2;padding:42px clamp(28px,5vw,58px);position:relative}.welcome-tag{color:#584bd7;font-size:14px;font-weight:700}.welcome-copy h1{margin:9px 0 12px;font-family:Rubik;font-size:clamp(34px,4.5vw,56px);line-height:1.08}.welcome-copy h1 span{color:#5d50de}.welcome-copy p{color:#62677f;max-width:630px;margin:0 0 25px;line-height:1.6}.welcome-copy .primary-button{color:#fff;background:linear-gradient(135deg,#6d5df4,#5143d6);box-shadow:0 7px #392fa1,0 12px 26px #4034b333}.welcome-character{min-height:320px;position:relative;overflow:hidden}.welcome-character .burst{background:repeating-conic-gradient(#6555ed1f 0deg 5deg,#0000 5deg 13deg);border-radius:50%;width:390px;height:390px;position:absolute;top:38px;left:18px}.welcome-character>.avatar-base{z-index:2;object-fit:cover;object-position:center top;filter:drop-shadow(0 20px 22px #00000045);border-radius:46% 46% 0 0;width:340px;height:420px;position:absolute;top:12px;right:30px}.speech-bubble{border:3px solid var(--ink);color:var(--ink);z-index:3;direction:ltr;background:#fff;border-radius:15px;padding:9px 13px;font-weight:800;position:absolute;top:31px;right:0;transform:rotate(4deg)}.speech-bubble:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff;width:16px;height:16px;position:absolute;bottom:-12px;right:24px;transform:rotate(45deg)}.progress-overview{z-index:4;border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:92px;margin:-20px 28px 32px;padding:18px 22px;display:grid;position:relative;box-shadow:0 10px 25px #2522631a}.progress-overview>div:first-child{gap:12px}.progress-overview>div:first-child>div{display:grid}.progress-overview small{color:var(--muted)}.rank-badge{color:#7b5d00;direction:ltr;background:#fff7cc;border-radius:12px;gap:5px;padding:10px;font-family:Rubik;font-weight:800}.overall-meter,.mission-meter,.game-progress{background:#e8e9f5;border-radius:99px;height:9px;overflow:hidden}.overall-meter span,.mission-meter span,.game-progress span{border-radius:inherit;background:linear-gradient(90deg,#5d4fff,#1fd2ff);height:100%;transition:width .35s;display:block}.xp-next{color:#5b5e7b;white-space:nowrap;font-size:13px;font-weight:700}.section-title{justify-content:space-between;align-items:end;gap:20px;margin:24px 0 16px;display:flex}.section-title h2{margin:3px 0 0;font-family:Rubik;font-size:27px}.adaptive-badge{color:#5044ce;background:#ebe8ff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.practice-mode-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.practice-mode-selector button{color:#303744;text-align:right;background:#fff;border:2px solid #dfe3eb;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:76px;padding:13px 16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 7px 18px #252a4c0f}.practice-mode-selector button:hover{border-color:#a9a1ee;transform:translateY(-2px)}.practice-mode-selector button.is-active{background:#f2f0ff;border-color:#6657e8;box-shadow:0 0 0 3px #6657e81c,0 8px 20px #3e34911a}.practice-mode-selector button>span{gap:2px;display:grid}.practice-mode-selector strong{color:var(--ink);font-size:16px}.practice-mode-selector small{color:#4b5563;line-height:1.35}.missions-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;display:grid}.mission-card{--accent:#54cfee;border:3px solid color-mix(in srgb, var(--accent) 58%, white);height:100%;min-height:375px;color:var(--ink);text-align:center;box-shadow:0 10px 0 color-mix(in srgb, var(--accent) 26%, #dcddea), 0 18px 30px #2522631c;background:#fff;border-radius:25px;grid-template-rows:132px minmax(116px,auto) auto 6px 29px;align-content:start;row-gap:10px;padding:15px 17px 18px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.mission-card:hover{box-shadow:0 14px 0 color-mix(in srgb, var(--accent) 30%, #dcddea), 0 25px 38px #25226329;transform:translateY(-7px)rotate(-.4deg)}.mission-card:active{box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 31%, #dcddea), 0 7px 12px #2522631f;transition-duration:60ms;transform:translateY(7px)scale(.985)}.mission-card:before{content:"";opacity:.22;pointer-events:none;background-image:radial-gradient(var(--accent) 1.5px, transparent 2px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}.mission-card.cyan{--accent:#20c9ec}.mission-card.violet{--accent:#7664ff}.mission-card.pink{--accent:#ed4eb7}.mission-card.orange{--accent:#ff9f43}.mission-card.green{--accent:#25ba78}.mission-card.blue{--accent:#3788ed}.mission-number{z-index:4;color:color-mix(in srgb, var(--accent) 60%, white);text-shadow:1px 1px #fff;font-family:Bangers;font-size:29px;position:absolute;top:13px;left:15px}.mission-visual{border:2px solid color-mix(in srgb, var(--accent) 45%, white);width:100%;height:132px;min-height:132px;box-shadow:0 8px 16px color-mix(in srgb, var(--accent) 18%, transparent);background:#fff;border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.mission-visual img{object-fit:contain;object-position:center;border-radius:14px;width:112px;max-width:calc(100% - 24px);height:112px;max-height:calc(100% - 20px);transition:transform .18s}.mission-card:hover .mission-visual img{transform:scale(1.055)}.mission-card:active .mission-visual img{transform:scale(.92)}.mission-copy>span{letter-spacing:.06em;color:#4b5563;text-transform:none;direction:ltr;font-size:12px;font-weight:800}.mission-copy{min-width:0;color:var(--ink);align-content:start;justify-items:center;gap:2px;padding-top:0;display:grid}.mission-copy h3{color:var(--ink);margin:0;font-family:Rubik;font-size:22px;line-height:1.2}.mission-level{color:#4b5563;font-size:12px;line-height:1.25}.mission-copy p{color:#4b5563;min-height:38px;margin:5px 0 0;font-size:14px;line-height:1.35}.mission-meta{color:#4b5563;justify-content:center;margin-top:0;font-size:12px;font-weight:700;display:flex}.mission-meter{height:6px;margin-top:0}.mission-meter span{background:var(--accent)}.play-arrow{z-index:2;background:var(--accent);color:#fff;min-width:76px;height:29px;box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 70%, #313358);border-radius:999px;justify-content:center;place-self:end center;align-items:center;gap:2px;padding:0 10px;font-family:Rubik;font-size:11px;font-weight:800;display:flex;position:static}.card-support{color:#2d7e64;background:#e1f8ef;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:11px;font-weight:800;display:flex;position:absolute;top:17px;right:18px}.roadmap-section{margin-top:38px}.roadmap{grid-template-columns:repeat(4,1fr);padding:24px 5% 0;display:grid;position:relative}.road-line{background:#dfe1ef;border-radius:10px;height:5px;position:absolute;top:42px;left:12%;right:12%;overflow:hidden}.road-line span{background:linear-gradient(90deg,#20caef,#6655fa);height:100%;display:block}.road-stop{z-index:2;color:#9294aa;justify-items:center;gap:4px;display:grid}.road-stop>span{background:#e3e4ed;border:4px solid #f6f6fc;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 0 2px #d8dae8}.road-stop.unlocked{color:var(--ink)}.road-stop.unlocked>span{background:var(--yellow);color:#765600;box-shadow:0 0 0 2px #efc41e}.road-stop small{color:var(--muted)}.level-banner{z-index:50;background:var(--yellow);color:var(--ink);border:3px solid #fff;border-radius:14px;align-items:center;gap:9px;padding:12px 16px;font-weight:800;display:flex;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 13px 30px #0003}.game-screen{--theme:#6255f7;background:radial-gradient(circle at 50% -8%, color-mix(in srgb, var(--theme) 12%, white), transparent 36%), #fff;min-height:100vh;padding-bottom:230px}.theme-cyan{--theme:#10bfe4}.theme-violet{--theme:#6c5df1}.theme-pink{--theme:#e84dae}.theme-orange{--theme:#f39238}.theme-green{--theme:#25ad75}.theme-blue{--theme:#347fdc}.game-header{grid-template-columns:50px 1fr auto;align-items:center;gap:14px;max-width:920px;margin:0 auto;padding:22px;display:grid}.game-header-actions{align-items:center;gap:8px;display:flex}.mode-chip{border:1px solid color-mix(in srgb, var(--theme) 35%, #dfe3eb);background:color-mix(in srgb, var(--theme) 10%, white);color:#394150;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.sound-icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--theme);background:#fff;border-radius:12px;place-items:center;display:grid;box-shadow:0 5px 13px #221f5f14}.game-title{gap:10px}.game-title>div{gap:1px;display:grid}.game-title>div>span,.game-title>div>small{color:#4b5563;font-size:12px;line-height:1.25}.skill-icon{background:color-mix(in srgb, var(--theme) 15%, white);width:42px;height:42px;color:var(--theme);border-radius:12px;place-items:center;display:grid}.xp-chip{border:1px solid var(--line);color:#695300;direction:ltr;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-weight:800;display:flex}.xp-chip svg{color:#ffc928}.game-progress{max-width:876px;height:8px;margin:0 auto 18px}.game-progress span{background:var(--theme)}.question-card{border:1px solid var(--line);background:#fff;border-radius:25px;max-width:800px;margin:0 auto;padding:clamp(24px,4vw,42px);box-shadow:0 18px 44px #1d1c541a}.question-topline{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.level-tag{color:var(--theme);background:color-mix(in srgb, var(--theme) 12%, white);direction:ltr;border-radius:999px;padding:5px 9px}.instruction{color:var(--theme);margin:22px 0 4px;font-weight:800}.question-card h1{margin:4px 0 24px;font-family:Rubik;font-size:clamp(25px,4vw,37px);line-height:1.35}.story-box{border-left:5px solid var(--theme);color:#303357;text-align:left;background:#f5f3ff;border-radius:15px;margin:12px 0 19px;padding:19px 21px;font-size:18px;line-height:1.65}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:13px;display:grid}.answer-grid button{--choice:#2fc6ee;border:3px solid color-mix(in srgb, var(--choice) 62%, white);background:linear-gradient(145deg, #fff 30%, color-mix(in srgb, var(--choice) 16%, white));height:100%;min-height:84px;color:var(--ink);text-align:left;box-shadow:0 7px 0 color-mix(in srgb, var(--choice) 34%, #d9dbe9), 0 11px 19px color-mix(in srgb, var(--choice) 14%, transparent);border-radius:999px;justify-content:flex-start;align-items:center;gap:12px;padding:13px 20px;font-weight:800;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.answer-grid button:nth-child(2){--choice:#7e68ff}.answer-grid button:nth-child(3){--choice:#ef57bf}.answer-grid button:nth-child(4){--choice:#f3b629}.answer-grid button:hover:not(:disabled){border-color:var(--choice);box-shadow:0 10px 0 color-mix(in srgb, var(--choice) 40%, #d9dbe9), 0 15px 24px color-mix(in srgb, var(--choice) 20%, transparent);transform:translateY(-4px)scale(1.015)}.answer-grid button:active:not(:disabled){box-shadow:0 3px 0 color-mix(in srgb, var(--choice) 38%, #d9dbe9);transform:translateY(3px)}.answer-grid button span{background:var(--choice);color:#fff;width:39px;height:39px;box-shadow:0 3px 0 color-mix(in srgb, var(--choice) 72%, #343554);border:2px solid #ffffffd9;border-radius:50%;flex:none;place-items:center;font-family:Rubik;font-size:13px;display:grid}.answer-grid button.answer-correct{opacity:1;color:#125c40;background:linear-gradient(145deg,#f2fff9,#d8f8e9);border-color:#35b981;animation:.42s both correct-pop;box-shadow:0 5px #8bd5b7}.answer-grid button.answer-correct span{color:#fff;background:#2dae78}.answer-grid button.answer-wrong{opacity:1;color:#843e1e;background:#fff5ed;border-color:#f2a76f;animation:.35s both answer-shake;box-shadow:0 5px #eac09f}@keyframes correct-pop{50%{transform:scale(1.04)rotate(-.6deg)}}@keyframes answer-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.listen-actions{justify-content:center;gap:10px;margin:0 0 24px;display:flex}.audio-button,.slow-button,.model-button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.audio-button{color:#fff;background:var(--theme);box-shadow:0 6px 0 color-mix(in srgb, var(--theme) 72%, black);padding:14px 22px}.slow-button,.model-button{color:#34385d;background:#edf0f9;padding:12px 16px}.typing-form{grid-template-columns:1fr auto;gap:9px;display:grid}.typing-form input{border:2px solid #dfe1ed;border-radius:14px;outline:none;min-width:0;padding:15px 17px;font-size:18px}.typing-form input:focus{border-color:var(--theme);box-shadow:0 0 0 4px color-mix(in srgb, var(--theme) 12%, transparent)}.typing-form button,.check-sentence{background:var(--theme);color:#fff;border:0;border-radius:13px;padding:0 20px;font-weight:800}.sentence-line{background:#fafafe;border:2px dashed #cfd2e3;border-radius:14px;flex-wrap:wrap;align-items:center;gap:7px;min-height:75px;padding:12px;display:flex}.sentence-line>span{color:#9a9caf}.sentence-line button,.word-bank button{border:0;border-radius:9px;padding:9px 12px;font-weight:700}.sentence-line button{background:color-mix(in srgb, var(--theme) 17%, white);color:#272a4f}.word-bank{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0;display:flex}.word-bank button{color:var(--ink);background:#fff;border:2px solid #dfe1ed}.check-sentence{min-height:45px;margin-left:auto;display:block}.speaking-zone{text-align:center;padding:2px 0 10px}.model-button{margin-bottom:18px}.mic-button{border:7px solid color-mix(in srgb, var(--theme) 15%, white);background:var(--theme);color:#fff;width:92px;height:92px;box-shadow:0 0 0 4px color-mix(in srgb, var(--theme) 22%, transparent), 0 11px 25px #1e1e502e;border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.mic-button.is-listening{animation:1.1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{50%{box-shadow:0 0 0 16px color-mix(in srgb, var(--theme) 16%, transparent);transform:scale(1.04)}}.speaking-zone p{min-height:24px;color:var(--muted)}.hint-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.hint-row>button{color:#6557e9;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-weight:700;display:inline-flex}.hint-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.skip-button{color:#4b5563;background:#fff;border:2px solid #d8dbe8;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 13px;font-weight:800;transition:transform .14s,border-color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 4px #e3e5ed}.skip-button:hover{color:var(--theme);border-color:color-mix(in srgb, var(--theme) 55%, #d8dbe8);transform:translateY(-2px)}.skip-button:active{transform:translateY(3px);box-shadow:0 1px #e3e5ed}.support-label{color:#24775e;background:#e6f8f1;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex}.hint-box{color:#6a5911;background:#fffbdd;border-right:4px solid #f2ca25;border-radius:12px;margin-top:9px;padding:12px 14px}.feedback-panel{z-index:20;border-top:3px solid;grid-template-columns:165px 1fr auto;align-items:center;gap:20px;min-height:190px;padding:18px max(24px,50vw - 465px);display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 -16px 38px #1414412e}.feedback-panel.correct{color:#125b42;background:linear-gradient(110deg,#e2fff2,#fff8c9 60%,#e1f8ff);border-color:#55c794}.feedback-panel.incorrect{color:#91461f;background:#fff4ed;border-color:#f2bd96;min-height:150px}.feedback-character{align-self:end;height:165px;position:relative}.feedback-character img{object-fit:cover;object-position:center top;filter:drop-shadow(0 10px 12px #14144133);border-radius:48% 48% 18px 18px;width:150px;height:190px;position:absolute;bottom:-18px;left:0}.feedback-character.is-celebrating img{animation:.75s cubic-bezier(.18,.8,.3,1.25) both character-yes}.feedback-character.is-encouraging img{height:160px;animation:1.4s ease-in-out infinite alternate character-nod;bottom:-17px}.character-reaction{z-index:3;border:3px solid var(--ink);max-width:125px;color:var(--ink);letter-spacing:.04em;background:#fff;border-radius:13px;padding:8px 11px;font-family:Bangers;font-size:21px;animation:.5s cubic-bezier(.2,.9,.3,1.4) .18s both praise-pop;position:absolute;top:-6px;right:-20px;transform:rotate(5deg);box-shadow:4px 4px #15173b26}.feedback-copy{z-index:2;align-items:center;gap:13px;display:flex;position:relative}.feedback-icon{background:#ffffffb3;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.feedback-panel strong{font-family:Rubik;font-size:clamp(22px,3vw,32px)}.feedback-panel p{margin:4px 0 0;line-height:1.35}.feedback-panel>button{background:currentColor;border:0;border-radius:13px;align-items:center;gap:5px;padding:12px 16px;font-weight:800;display:flex}.feedback-panel.correct>button{color:#fff;background:#21966d}.feedback-panel.incorrect>button{color:#fff;background:#cf5050}.sparkle-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sparkle-field span{color:#ffc920;text-shadow:0 0 9px #fff;font-size:20px;animation:1.6s ease-out infinite sparkle-rise;position:absolute;bottom:-22px}.sparkle-field span:first-child{animation-delay:-.2s;left:4%}.sparkle-field span:nth-child(2){animation-delay:-.8s;left:12%}.sparkle-field span:nth-child(3){animation-delay:-.4s;left:20%}.sparkle-field span:nth-child(4){animation-delay:-1.1s;left:29%}.sparkle-field span:nth-child(5){animation-delay:-.6s;left:38%}.sparkle-field span:nth-child(6){animation-delay:-1.3s;left:46%}.sparkle-field span:nth-child(7){animation-delay:-.1s;left:54%}.sparkle-field span:nth-child(8){animation-delay:-.9s;left:62%}.sparkle-field span:nth-child(9){animation-delay:-.5s;left:69%}.sparkle-field span:nth-child(10){animation-delay:-1.2s;left:76%}.sparkle-field span:nth-child(11){animation-delay:-.7s;left:83%}.sparkle-field span:nth-child(12){animation-delay:-1.4s;left:90%}.sparkle-field span:nth-child(13){animation-delay:-.3s;left:95%}.sparkle-field span:nth-child(14){animation-delay:-1.5s;left:34%}@keyframes character-yes{0%{opacity:0;transform:translateY(65px)scale(.78)rotate(-4deg)}55%{opacity:1;transform:translateY(-16px)scale(1.08)rotate(2deg)}75%{transform:translateY(4px)scale(.98)}to{transform:translateY(0)scale(1)}}@keyframes character-nod{to{transform:translateY(3px)rotate(1deg)}}@keyframes praise-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(5deg)}}@keyframes sparkle-rise{0%{opacity:0;transform:translateY(0)scale(.5)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(-190px)scale(1.25)rotate(190deg)}}.app-shell{max-width:840px;min-height:100vh;margin:0 auto;padding:30px 20px 70px}.simple-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.simple-header h1{font-family:Rubik}.settings-card{border:1px solid var(--line);background:#fff;border-radius:20px;margin-bottom:16px;padding:22px;box-shadow:0 8px 22px #2522630f}.settings-character{align-items:center;gap:14px;margin-bottom:18px;display:flex}.settings-character img{object-fit:cover;object-position:top;border-radius:18px;width:76px;height:76px}.settings-character div{display:grid}.settings-character strong{font-size:21px}.settings-character span,.danger-zone p{color:var(--muted)}.full-button{width:100%}.sound-setting{justify-content:space-between;align-items:center;gap:18px;display:flex}.sound-setting p{color:var(--muted);margin:4px 0 0}.sound-toggle{color:#555977;background:#f0f1f8;border:2px solid #dfe1ed;border-radius:13px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:108px;padding:10px 13px;font-weight:800;display:inline-flex}.sound-toggle.is-on{color:#18714e;background:#e4faef;border-color:#65caa0}.danger-zone{border-color:#f1caca;justify-content:space-between;align-items:center;gap:20px;display:flex}.danger-zone p{margin:4px 0 0}.danger-button{color:#ae3333;background:#ffe7e7;flex:none;padding:12px 16px}.adventure-highlights{grid-template-columns:1.08fr .92fr;gap:18px;margin:0 0 34px;display:grid}.daily-card,.talk-highlight{border:1px solid #e0e2ef;border-radius:25px;min-height:285px;position:relative;overflow:hidden;box-shadow:0 13px 32px #2724691a}.daily-card{background:radial-gradient(circle at 10% 0,#ffd84047,#0000 32%),linear-gradient(135deg,#fff 0%,#f2efff 100%);padding:25px}.daily-card:after{content:"";border:25px solid #6958ff0f;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-80px;left:-55px}.daily-card.is-complete{background:radial-gradient(circle at 10% 0,#48db9838,#0000 35%),linear-gradient(135deg,#fff,#eafff4)}.daily-card-top{color:#5b4edc;letter-spacing:.08em;justify-content:space-between;gap:10px;font-size:12px;font-weight:800;display:flex}.daily-card-top span,.daily-card-top small{align-items:center;gap:6px;display:inline-flex}.daily-card-top small{color:#4b5563;letter-spacing:0}.daily-card h2,.talk-highlight h2{color:var(--ink);margin:13px 0 6px;font-family:Rubik;font-size:25px}.daily-card>p,.talk-highlight p{color:#4b5563;margin:0;line-height:1.5}.daily-dots{direction:ltr;gap:7px;margin:19px 0;display:flex}.daily-dots span{color:#777b91;background:#fff;border:2px solid #d8dbe8;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:0 4px #e1e2eb}.daily-dots span.is-done{color:#fff;background:#5d50e6;border-color:#5d50e6;box-shadow:0 4px #3930a4}.daily-card>button,.talk-highlight button{z-index:2;color:#fff;background:#5b4de1;border:0;border-radius:12px;align-items:center;gap:5px;padding:11px 15px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 5px #3930a4}.daily-card>button:active,.talk-highlight button:active{transform:translateY(3px);box-shadow:0 2px #3930a4}.daily-complete-label{color:#237052;background:#dff8ec;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-weight:800;display:inline-flex}.talk-highlight{color:var(--ink);background:radial-gradient(circle at 90% 0,#20c9ff40,#0000 36%),linear-gradient(135deg,#fff,#edf9ff);grid-template-columns:1fr 180px;display:grid}.talk-highlight-copy{z-index:2;padding:25px 4px 22px 25px;position:relative}.talk-highlight-copy>span{color:#217ab0;letter-spacing:.06em;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.talk-highlight-copy small{color:#4b5563;margin-top:10px;display:block}.talk-highlight button{background:#238cc7;margin-top:18px;box-shadow:0 5px #17618b}.talk-highlight>img{object-fit:cover;object-position:top;filter:drop-shadow(0 13px 15px #1a4d6f38);border-radius:48% 0 0;align-self:end;width:210px;height:270px}.daily-route{color:#5144c7;background:#f0edff;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:14px 0 4px;padding:9px 12px;font-size:13px;font-weight:800;display:flex}.story-journey-section,.conversation-lab{margin-top:40px}.story-map{direction:ltr;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding:16px 0 4px;display:grid;position:relative}.story-path{z-index:0;background:repeating-linear-gradient(90deg,#d8dbea 0 17px,#0000 17px 27px);border-radius:99px;height:6px;position:absolute;top:65px;left:6%;right:6%}.story-stop{z-index:1;min-width:0;color:var(--ink);background:#fff;border:2px solid #dde0ec;border-radius:19px;justify-items:center;gap:7px;padding:12px 8px 14px;transition:transform .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 7px #e4e5ee,0 12px 22px #23205f12}.story-stop.is-unlocked:hover{transform:translateY(-5px);box-shadow:0 11px #d9d6fb,0 17px 27px #23205f1f}.story-stop.is-unlocked:active{transform:translateY(4px);box-shadow:0 3px #d9d6fb}.story-stop.is-unlocked{border-color:#bcb5f4}.story-stop.is-seen{border-color:#66c69a;box-shadow:0 7px #cdebdc,0 12px 22px #23205f12}.story-stop.is-locked{filter:grayscale(.6);background:#f4f5f8}.story-stop-number{color:#fff;background:#6558e9;border:3px solid #fff;border-radius:50%;place-items:center;width:35px;height:35px;margin-bottom:-4px;font-family:Rubik;font-weight:800;display:grid;box-shadow:0 0 0 2px #6558e9}.story-stop.is-locked .story-stop-number{background:#9b9ead;box-shadow:0 0 0 2px #9b9ead}.story-stop img{object-fit:contain;background:#fff;border-radius:13px;width:82px;height:82px}.story-stop-copy{text-align:center;direction:rtl;gap:3px;min-width:0;display:grid}.story-stop-copy strong{font-size:14px;line-height:1.25}.story-stop-copy small{color:#4b5563;font-size:10px;line-height:1.25}.story-stop>svg{color:#5f52da}.story-screen{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -10%,#e8f8ff,#0000 39%),#fff;padding:28px clamp(18px,5vw,68px) 55px}.story-header,.conversation-header{grid-template-columns:50px 1fr auto;align-items:center;gap:15px;max-width:1120px;margin:0 auto 23px;display:grid}.story-header>div,.conversation-header>div{display:grid}.story-header span,.conversation-header span{color:#5d50dc;letter-spacing:.12em;font-size:12px;font-weight:800}.story-header h1,.conversation-header h1{margin:2px 0;font-family:Rubik;font-size:clamp(27px,4vw,42px)}.story-header p,.conversation-header p{color:#4b5563;margin:0}.chapter-xp,.conversation-score{direction:ltr;background:#fff3b0;border-radius:999px;align-items:center;gap:5px;padding:9px 12px;color:#6b5400!important;letter-spacing:0!important;display:inline-flex!important}.comic-page{direction:ltr;grid-template-rows:repeat(2,minmax(275px,1fr));grid-template-columns:1.05fr .95fr;gap:13px;max-width:1120px;min-height:600px;margin:0 auto;display:grid}.comic-panel{background:#fff;border:5px solid #152b50;position:relative;overflow:hidden;box-shadow:8px 9px #d9d5fa}.comic-panel img{object-fit:cover;object-position:top;width:100%;height:100%}.comic-panel p{z-index:3;color:#172b4d;direction:rtl;background:#fffffff2;border:3px solid #152b50;border-radius:14px;margin:0;padding:13px 15px;font-weight:700;line-height:1.45;position:absolute;bottom:13px;left:16px;right:16px;box-shadow:4px 4px #152b503b}.panel-number{z-index:4;color:#152b50;background:#ffd840;border:2px solid #152b50;padding:4px 8px;font-family:Bangers;font-size:19px;position:absolute;top:12px;left:12px}.panel-hero{grid-row:1/3}.panel-hero img,.panel-finale img{object-position:center top}.panel-quest img{object-fit:contain;background:radial-gradient(circle,#eefaff,#fff 68%);padding:25px}.comic-shout{color:#152b50;background:#ffd840;border:3px solid #152b50;padding:8px 13px;font-family:Bangers;font-size:25px;position:absolute;top:18px;right:18px;transform:rotate(6deg);box-shadow:4px 4px #152b50}.story-actions{justify-content:space-between;gap:12px;max-width:1120px;margin:24px auto 0;display:flex}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.scenario-card{min-height:112px;color:var(--ink);text-align:right;background:#fff;border:2px solid #dfe2ec;border-radius:18px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid;box-shadow:0 7px #e5e6ee,0 12px 20px #23205f12}.scenario-card:not(:disabled):hover{border-color:#5fbcdf;transform:translateY(-3px)}.scenario-card:disabled{background:#f4f5f8}.scenario-card.is-complete{border-color:#65c99a;box-shadow:0 7px #cdebdc}.scenario-icon{color:#fff;background:linear-gradient(135deg,#2cc8eb,#5c55e7);border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.scenario-card:disabled .scenario-icon{background:#9b9ead}.scenario-card>div{gap:2px;min-width:0;display:grid}.scenario-card strong{font-size:16px}.scenario-card div>span{color:#347ca2;text-align:right;direction:ltr;font-size:12px;font-weight:800}.scenario-card small{color:#4b5563;line-height:1.25}.conversation-screen{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 80% 5%,#20c9ff26,#0000 30%),radial-gradient(circle at 15% 85%,#ff4ec71a,#0000 28%),#fff;padding:27px clamp(16px,4vw,55px) 60px}.conversation-header{max-width:1040px}.conversation-progress{direction:ltr;gap:8px;max-width:860px;margin:0 auto 17px;display:flex}.conversation-progress span{background:#dde0eb;border-radius:99px;flex:1;height:8px}.conversation-progress span.is-active{background:linear-gradient(90deg,#35c8e7,#6657e8)}.dialogue-stage{background:#fff;border:1px solid #e0e2ed;border-radius:27px;grid-template-columns:320px 1fr;max-width:1040px;min-height:570px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 48px #23205f1f}.dialogue-character{background:linear-gradient(160deg,#e5faff,#eeeaff);min-height:570px;position:relative;overflow:hidden}.dialogue-burst{background:repeating-conic-gradient(#5c4ce221 0deg 5deg,#0000 5deg 14deg);border-radius:50%;width:470px;height:470px;position:absolute;top:30px;left:-80px}.dialogue-character img{object-fit:cover;object-position:top;filter:drop-shadow(0 18px 18px #1a285f42);border-radius:48% 48% 0 0;width:310px;height:520px;position:absolute;bottom:0;left:10px}.dialogue-character>span{z-index:2;color:#152b50;letter-spacing:.05em;background:#ffd840;border:3px solid #152b50;padding:7px 14px;font-family:Bangers;font-size:25px;position:absolute;bottom:19px;left:19px;transform:rotate(-4deg);box-shadow:4px 4px #152b50}.dialogue-content{padding:clamp(23px,4vw,40px)}.npc-line{background:#fffbea;border:3px solid #152b50;border-radius:19px;align-items:center;gap:12px;min-height:100px;padding:17px 18px;display:flex;position:relative;box-shadow:6px 6px #dcd9f5}.npc-line:before{content:"";background:#fffbea;border-bottom:3px solid #152b50;border-left:3px solid #152b50;width:26px;height:26px;position:absolute;bottom:22px;left:-17px;transform:rotate(45deg)}.npc-line p{color:#172b4d;flex:1;margin:0;font-family:Rubik;font-size:clamp(19px,2.4vw,27px);line-height:1.4}.npc-line button,.option-audio{color:#fff;background:#5e52db;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.dialogue-task{color:#4c43b8;align-items:center;gap:7px;margin:21px 0 11px;display:flex}.conversation-options{gap:9px;display:grid}.conversation-option{grid-template-columns:1fr 42px;gap:7px;display:grid}.conversation-option>button:first-child{color:#172b4d;text-align:left;background:#fff;border:2px solid #d9ddea;border-radius:14px;align-items:center;gap:10px;min-height:57px;padding:10px 13px;font-weight:700;display:flex;box-shadow:0 4px #e4e5ed}.conversation-option>button:first-child:not(:disabled):hover{border-color:#5e52db;transform:translateY(-2px)}.conversation-option>button:first-child span{color:#fff;background:#33b9dc;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.conversation-option.is-selected>button:first-child{opacity:1;background:#f0eeff;border-color:#5e52db}.option-audio{color:#4e54a2;background:#edf0f8;align-self:center;width:38px;height:38px}.speak-your-answer{color:#264965;background:#eefaff;border-radius:15px;align-items:center;gap:11px;margin-top:16px;padding:11px 13px;display:flex}.speak-your-answer div{display:grid}.speak-your-answer p{color:#4b5563;margin:2px 0 0;font-size:13px}.mini-mic{color:#fff;background:#26a8d0;border:0;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 0 5px #d9f5fc}.mini-mic.is-listening{animation:1.1s ease-in-out infinite mic-pulse}.conversation-feedback{color:#23543f;background:#e7faef;border:1px solid #8dd3ae;border-radius:16px;margin-top:15px;padding:14px}.conversation-feedback.score-1{color:#6a5519;background:#fff8d9;border-color:#e3ce70}.conversation-feedback.score-0{color:#7b442e;background:#fff0e8;border-color:#e6b091}.conversation-feedback>div{align-items:center;gap:6px;display:flex}.conversation-feedback p{margin:5px 0 10px;line-height:1.4}.conversation-feedback button{color:#fff;background:#338961;border:0;border-radius:10px;align-items:center;gap:5px;padding:9px 12px;font-weight:800;display:inline-flex}.conversation-feedback.score-1 button{background:#9b7b16}.conversation-feedback.score-0 button{background:#aa5f3d}.dashboard.reward-bg-sakura-sky{background:radial-gradient(circle at 12% 18%,#ff7ec329,#0000 24%),radial-gradient(circle at 88% 40%,#ffbfda2e,#0000 25%),#fff}.dashboard.reward-bg-neon-city{background:radial-gradient(circle at 7% 25%,#2fd4eb24,#0000 23%),radial-gradient(circle at 94% 20%,#7354ee21,#0000 25%),radial-gradient(circle at 50% 95%,#ff4ec717,#0000 22%),#fff}.welcome-panel.reward-room-hero-room,.reward-preview.reward-room-hero-room{background:radial-gradient(circle at 84% 26%,#ffd84040,#0000 26%),linear-gradient(130deg,#fff 0%,#fff8d9 56%,#e8f8ff 100%)}.welcome-panel.reward-room-moon-library,.reward-preview.reward-room-moon-library{background:radial-gradient(circle at 84% 20%,#fff5aa6b,#0000 12%),linear-gradient(135deg,#fff 0%,#eeeaff 56%,#e1f5ff 100%)}.reward-header-button{color:#74560a!important;background:#fff5c4!important;border-color:#f1dc79!important}.equipped-accessories{z-index:5;pointer-events:none;direction:ltr;justify-content:center;gap:7px;display:flex;position:absolute;bottom:19px;left:15px;right:15px}.equipped-accessories span{background:#ffffffe6;border:2px solid #fffffff2;border-radius:50%;place-items:center;width:43px;height:43px;font-size:24px;display:grid;box-shadow:0 5px 13px #1f265b2b}.reward-callout{color:var(--ink);background:radial-gradient(circle at 8% 0,#ffd84057,#0000 35%),linear-gradient(120deg,#fffdf2,#f7f4ff);border:2px solid #ead369;border-radius:22px;grid-template-columns:65px 1fr auto;align-items:center;gap:17px;margin:0 0 34px;padding:19px 22px;display:grid;box-shadow:0 9px #eee1a3,0 16px 27px #25226317}.reward-callout-icon{color:#775914;background:#ffeb83;border-radius:19px;place-items:center;width:62px;height:62px;display:grid;transform:rotate(-4deg)}.reward-callout>div:nth-child(2){gap:1px;display:grid}.reward-callout span{color:#6852d6;letter-spacing:.06em;font-size:12px;font-weight:800}.reward-callout h2{margin:0;font-family:Rubik;font-size:22px}.reward-callout p{color:#4b5563;margin:2px 0 0}.reward-callout button{color:#fff;background:#6554df;border:0;border-radius:13px;align-items:center;gap:5px;padding:12px 16px;font-weight:800;display:inline-flex;box-shadow:0 5px #3e33a2}.reward-callout button:active{transform:translateY(3px);box-shadow:0 2px #3e33a2}.rewards-screen{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 7% 18%,#ffd84024,#0000 23%),radial-gradient(circle at 94% 27%,#6657e81a,#0000 25%),#fff;padding:28px clamp(17px,5vw,68px) 70px}.rewards-header{grid-template-columns:50px 1fr auto;align-items:center;gap:15px;max-width:1180px;margin:0 auto 22px;display:grid}.rewards-header>div:nth-child(2){display:grid}.rewards-header>div>span,.reward-shop-title>div>span{color:#6251db;letter-spacing:.12em;font-size:12px;font-weight:800}.rewards-header h1{margin:1px 0;font-family:Rubik;font-size:clamp(29px,4vw,43px)}.rewards-header p{color:#4b5563;margin:0;line-height:1.4}.reward-balance{color:#74560a;background:#fff8ce;border:2px solid #ead369;border-radius:18px;grid-template-columns:24px auto;align-items:center;min-width:150px;padding:10px 14px;display:grid;box-shadow:0 6px #f0e1a0}.reward-balance svg{color:#e5b400;grid-row:1/3}.reward-balance strong{font-family:Rubik;font-size:22px;line-height:1}.reward-balance span{color:#6b5b2c;font-size:11px;font-weight:700}.reward-preview{background:linear-gradient(130deg,#fff 0%,#f2efff 55%,#e8f8ff 100%);border:1px solid #e1e2ed;border-radius:29px;grid-template-columns:1fr 390px;max-width:1180px;min-height:325px;margin:0 auto 37px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #2623681f}.reward-preview-copy{z-index:2;padding:43px clamp(25px,5vw,56px);position:relative}.reward-preview-tag{color:#594bd3;align-items:center;gap:6px;font-weight:800;display:inline-flex}.reward-preview-copy h2{margin:8px 0;font-family:Rubik;font-size:clamp(28px,4vw,43px)}.reward-preview-copy>p{color:#4b5563;max-width:620px;margin:0;line-height:1.55}.reward-stats{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.reward-stats span{color:#4b5563;background:#ffffffe0;border:1px solid #e0e1eb;border-radius:999px;align-items:center;gap:5px;padding:8px 10px;font-size:13px;display:inline-flex}.reward-stats strong{color:var(--ink)}.reward-stats svg{color:#6654dc}.reward-avatar{min-height:325px;position:relative;overflow:hidden}.reward-avatar-burst{background:repeating-conic-gradient(#6555ed1f 0deg 5deg,#0000 5deg 14deg);border-radius:50%;width:390px;height:390px;position:absolute;top:25px;left:5px}.reward-avatar>.avatar-base{z-index:2;object-fit:cover;object-position:center top;filter:drop-shadow(0 18px 20px #18215240);border-radius:47% 47% 0 0;width:330px;height:410px;position:absolute;top:8px;right:30px}.reward-avatar .equipped-accessories{bottom:17px}.empty-accessory{opacity:.72}.reward-shop{max-width:1180px;margin:0 auto}.reward-shop-title{justify-content:space-between;align-items:end;gap:25px;margin-bottom:17px;display:flex}.reward-shop-title h2{margin:3px 0 0;font-family:Rubik;font-size:28px}.reward-shop-title>p{color:#4b5563;text-align:left;max-width:580px;margin:0;line-height:1.45}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:17px;display:grid}.reward-card{--reward-color:#6554df;border:2px solid color-mix(in srgb, var(--reward-color) 35%, #e1e2eb);min-width:0;color:var(--ink);box-shadow:0 8px 0 color-mix(in srgb, var(--reward-color) 16%, #e4e5ed), 0 14px 24px #25226314;background:#fff;border-radius:23px;grid-template-rows:1fr auto auto;grid-template-columns:92px 1fr;gap:11px 13px;padding:14px;display:grid}.reward-card.is-owned{border-color:color-mix(in srgb, var(--reward-color) 68%, white)}.reward-card.is-equipped{background:color-mix(in srgb, var(--reward-color) 8%, white);box-shadow:0 8px 0 color-mix(in srgb, var(--reward-color) 27%, #ddd), 0 14px 25px #2522631a}.reward-art{background:radial-gradient(circle, white 0 35%, color-mix(in srgb, var(--reward-color) 22%, white) 36% 100%);border:2px solid color-mix(in srgb, var(--reward-color) 35%, white);border-radius:21px;grid-row:1;place-items:center;width:92px;height:92px;display:grid;position:relative;overflow:hidden}.reward-art span{filter:drop-shadow(0 5px 4px #24275029);font-size:49px}.reward-art>img{object-fit:contain;filter:drop-shadow(0 5px 4px #24275029);width:88px;height:88px;padding:3px}.reward-art small{color:#72570d;direction:ltr;background:#fff8caf0;border-radius:999px;padding:2px 5px;font-size:10px;font-weight:800;position:absolute;bottom:4px;left:5px}.reward-card-copy{align-self:center;min-width:0}.reward-category{color:var(--reward-color);font-size:11px;font-weight:800}.reward-card h3{margin:1px 0 3px;font-family:Rubik;font-size:19px}.reward-card p{color:#4b5563;margin:0;font-size:13px;line-height:1.35}.reward-requirement{color:#6b5961;background:#f5f1f3;border-radius:10px;grid-column:1/-1;align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:700;display:flex}.reward-requirement.is-met{color:#1f6b4b;background:#e5f8ee}.reward-card>button{color:#fff;background:var(--reward-color);min-height:43px;box-shadow:0 5px 0 color-mix(in srgb, var(--reward-color) 62%, #272050);border:0;border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;font-weight:800;display:flex}.reward-card>button:not(:disabled):active{box-shadow:0 2px 0 color-mix(in srgb, var(--reward-color) 62%, #272050);transform:translateY(3px)}.reward-card>button:disabled{color:#5e6271;opacity:1;background:#e5e6ed;box-shadow:0 5px #cacbd4}.reward-card.is-equipped>button:disabled{color:#236647;background:#dff5e8;box-shadow:0 5px #b8dfca}.reward-card>button.remove-reward{color:#75434b;background:#ffe6e9;box-shadow:0 5px #e6bec5}.avatar-layer{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.avatar-layer-back{z-index:1}.avatar-layer-front{z-index:3}.avatar-layer-full{object-fit:cover;object-position:center top;width:340px;height:420px;top:12px;right:30px}.reward-layer-blue-streak,.reward-layer-star-hair{z-index:4}.reward-layer-explorer-jacket{z-index:3}.reward-layer-word-sword,.reward-layer-grammar-wand,.reward-layer-fox-poppy,.reward-layer-dragon-lumo{object-fit:contain;filter:drop-shadow(0 8px 8px #18215233)}.welcome-character>.reward-layer-word-sword{width:185px;height:185px;top:110px;right:210px;transform:rotate(-8deg)}.welcome-character>.reward-layer-grammar-wand{width:145px;height:145px;top:150px;right:-2px;transform:rotate(7deg)}.welcome-character>.reward-layer-fox-poppy{z-index:5;width:128px;height:128px;bottom:-4px;right:250px}.welcome-character>.reward-layer-dragon-lumo{z-index:5;width:125px;height:125px;top:88px;right:-4px}.reward-avatar>.avatar-layer-full{width:330px;height:410px;top:8px;right:30px}.reward-avatar>.reward-layer-word-sword{width:170px;height:170px;top:105px;right:205px;transform:rotate(-8deg)}.reward-avatar>.reward-layer-grammar-wand{width:135px;height:135px;top:146px;right:1px;transform:rotate(7deg)}.reward-avatar>.reward-layer-fox-poppy{z-index:5;width:120px;height:120px;bottom:-3px;right:242px}.reward-avatar>.reward-layer-dragon-lumo{z-index:5;width:118px;height:118px;top:84px;right:0}.level-complete-overlay{z-index:50;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 30%,#ffd84042,#0000 28%),#efeefff5;grid-template-columns:minmax(230px,360px) minmax(340px,560px);justify-content:center;align-items:center;gap:22px;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.level-complete-overlay:before{content:"";pointer-events:none;opacity:.2;background-image:radial-gradient(#6554df 1.4px,#0000 1.8px);background-size:22px 22px;border:2px solid #6554df24;border-radius:38px;position:absolute;inset:5%}.level-complete-character{z-index:2;background:linear-gradient(160deg,#dff8ff,#eeeaff);border:4px solid #fff;border-radius:32px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 18px #d8d2ff,0 28px 48px #241f682e}.level-complete-character img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute}.level-complete-copy{z-index:2;background:#fff;border:3px solid #6554df;border-radius:29px;padding:clamp(25px,4vw,48px);position:relative;box-shadow:0 12px #d8d2ff,0 24px 42px #241f6829}.level-complete-copy>span{color:#654fd6;letter-spacing:.08em;align-items:center;gap:7px;font-family:Rubik;font-weight:800;display:inline-flex}.level-complete-copy h2{margin:10px 0 7px;font-family:Rubik;font-size:clamp(32px,5vw,54px);line-height:1.05}.level-complete-copy p{color:#4b5563;margin:0;font-size:17px;line-height:1.55}.level-complete-meter{background:#e8e9f4;border-radius:999px;height:16px;margin:24px 0 7px;overflow:hidden}.level-complete-meter span{border-radius:inherit;background:linear-gradient(90deg,#5f51df,#25cbea,#ffd840);width:100%;height:100%;animation:.8s ease-out both meter-fill;display:block}.level-complete-copy>strong{color:#2f7658}.level-complete-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;display:grid}.level-complete-actions button{min-height:55px}.level-complete-sparkles{z-index:3;color:#f2bd16;letter-spacing:.35em;font-size:clamp(24px,5vw,48px);animation:1.1s ease-in-out infinite alternate sparkle-pop;position:fixed;top:7%;left:50%;transform:translate(-50%)}@keyframes meter-fill{0%{width:0}}.character-screen,.dashboard,.game-screen,.app-shell{color:#303744;isolation:isolate}.section-heading h1,.section-title h2,.welcome-copy h1,.progress-overview strong,.mission-card,.question-card,.settings-card,.select-character,.simple-header h1{color:var(--ink)}.section-heading p,.welcome-copy p,.progress-overview small,.xp-next,.settings-card p,.settings-character span,.danger-zone p,.question-topline,.game-title small{color:#4b5563}.name-field,.name-field span{z-index:2;color:#303744;position:relative}.name-field input{z-index:2;position:relative}@media (width<=900px){.start-screen{grid-template-columns:1fr;padding-top:55px}.start-copy{text-align:center;margin:0 auto}.start-copy h1{text-align:center}.start-copy>p{margin-inline:auto}.start-actions,.feature-pills{justify-content:center}.start-heroes{width:100%;max-width:680px;height:500px;min-height:0;margin:15px auto 0}.hero-card{width:48%}.hero-kai{top:4%}.hero-luna{bottom:0}.welcome-panel{grid-template-columns:1fr 300px}.welcome-character>.avatar-base,.welcome-character>.avatar-layer-full{width:285px;height:380px;right:-5px}.missions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.adventure-highlights{grid-template-columns:1fr}.story-map{grid-template-columns:repeat(3,minmax(0,1fr))}.story-path{display:none}.scenario-grid{grid-template-columns:1fr}.dialogue-stage{grid-template-columns:250px 1fr}.dialogue-character img{width:290px;left:-20px}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-preview{grid-template-columns:1fr 300px}.reward-avatar>.avatar-base,.reward-avatar>.avatar-layer-full{width:285px;right:0}}@media (width<=650px){.start-screen{padding:40px 18px}.start-copy h1{font-size:63px}.start-copy>p{font-size:17px}.start-heroes{height:350px}.hero-card{border-width:3px;border-radius:23px;width:55%}.hero-kai{left:-2%}.hero-luna{right:-2%}.versus-badge{font-size:21px}.character-screen{padding-inline:16px}.section-heading{margin-top:12px}.character-grid{grid-template-columns:1fr}.character-image-wrap{aspect-ratio:16/9}.dashboard-header{height:68px}.brand-mark div{display:none}.header-stats{gap:8px}.header-stats>span:first-child{display:none}.dashboard-content{padding-inline:13px}.welcome-panel{grid-template-columns:1fr}.welcome-copy{padding:30px 23px 20px}.welcome-copy h1{font-size:36px}.welcome-character{min-height:240px}.welcome-character>.avatar-base,.welcome-character>.avatar-layer-full{width:260px;height:310px;right:calc(50% - 130px)}.speech-bubble{right:12%}.progress-overview{grid-template-columns:1fr auto;margin:-12px 10px 27px}.overall-meter{grid-area:2/1/auto/-1}.progress-overview>div:first-child small{display:none}.rank-badge{padding:8px}.missions-grid,.practice-mode-selector{grid-template-columns:1fr}.adventure-highlights{gap:13px}.daily-card,.talk-highlight{min-height:0}.daily-card{padding:21px 18px}.daily-dots{gap:5px}.daily-dots span{width:31px;height:31px}.talk-highlight{grid-template-columns:1fr 120px}.talk-highlight-copy{padding:21px 0 20px 18px}.talk-highlight>img{width:145px;height:230px}.section-title{align-items:start}.adaptive-badge{border-radius:13px;max-width:120px}.roadmap{padding-inline:0}.road-line{left:10%;right:10%}.road-stop strong{font-size:12px}.road-stop small{font-size:10px}.story-map{grid-template-columns:1fr;gap:10px}.story-stop{text-align:right;grid-template-columns:38px 66px 1fr 20px;justify-items:start;min-height:90px;padding:10px 12px}.story-stop-number{margin:0}.story-stop img{width:62px;height:62px}.story-stop-copy{text-align:right}.story-stop-copy strong{font-size:15px}.story-header,.conversation-header{grid-template-columns:44px 1fr}.chapter-xp,.conversation-score{grid-column:2;justify-self:start}.comic-page{grid-template-rows:repeat(3,330px);grid-template-columns:1fr;min-height:0}.panel-hero{grid-row:auto}.comic-panel{border-width:4px}.story-actions{flex-direction:column-reverse}.story-actions button{width:100%}.dialogue-stage{grid-template-columns:1fr;min-height:0}.dialogue-character{min-height:230px}.dialogue-character img{width:230px;height:285px;left:calc(50% - 115px)}.dialogue-content{padding:18px 15px 22px}.npc-line:before{display:none}.npc-line p{font-size:19px}.conversation-option{grid-template-columns:1fr 38px}.conversation-option>button:first-child{font-size:14px}.game-header{padding-inline:13px}.game-title>div span,.mode-chip{display:none}.game-progress{margin-inline:13px}.question-card{margin-inline:12px;padding:22px 17px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.answer-grid button{flex-direction:column;align-items:flex-start;min-height:88px;padding:10px}.typing-form{grid-template-columns:1fr}.typing-form button{min-height:46px}.game-screen{padding-bottom:295px}.feedback-panel{grid-template-columns:112px 1fr;gap:10px;min-height:255px;padding:12px}.feedback-panel.incorrect{min-height:225px}.feedback-character{height:135px}.feedback-character img{width:108px;height:145px;bottom:-12px}.feedback-character.is-encouraging img{height:130px}.character-reaction{padding:6px 8px;font-size:17px;top:-8px;right:-9px}.feedback-copy{align-items:flex-start}.feedback-copy .feedback-icon{display:none}.feedback-panel>button{grid-column:1/-1;justify-content:center;width:100%}.feedback-panel p{font-size:14px}.danger-zone,.sound-setting{flex-direction:column;align-items:stretch}.header-stats>span:nth-child(2){font-size:12px}.reward-callout{grid-template-columns:49px 1fr;padding:16px}.reward-callout-icon{border-radius:15px;width:48px;height:48px}.reward-callout h2{font-size:18px}.reward-callout p{font-size:12px}.reward-callout button{grid-column:1/-1;justify-content:center;width:100%}.rewards-screen{padding-inline:13px}.rewards-header{grid-template-columns:43px 1fr}.rewards-header p{font-size:13px}.reward-balance{grid-column:2;justify-self:start;min-width:145px}.reward-preview{grid-template-columns:1fr}.reward-preview-copy{padding:28px 21px 12px}.reward-avatar{min-height:270px}.reward-avatar>.avatar-base,.reward-avatar>.avatar-layer-full{width:250px;height:315px;right:calc(50% - 125px)}.reward-shop-title{flex-direction:column;align-items:start;gap:7px}.reward-shop-title>p{text-align:right}.reward-grid{grid-template-columns:1fr}.welcome-character>.reward-layer-word-sword,.reward-avatar>.reward-layer-word-sword{width:125px;height:125px;top:105px;right:calc(50% + 40px)}.welcome-character>.reward-layer-grammar-wand,.reward-avatar>.reward-layer-grammar-wand{width:100px;height:100px;top:135px;right:calc(50% - 145px)}.welcome-character>.reward-layer-fox-poppy,.reward-avatar>.reward-layer-fox-poppy{width:92px;height:92px;right:calc(50% + 40px)}.welcome-character>.reward-layer-dragon-lumo,.reward-avatar>.reward-layer-dragon-lumo{width:90px;height:90px;top:73px;right:calc(50% - 135px)}.level-complete-overlay{grid-template-columns:1fr;align-content:start;padding:68px 14px 25px}.level-complete-character{width:100%;max-width:390px;min-height:260px;margin:0 auto}.level-complete-copy{padding:24px 19px}.level-complete-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}