.launch{z-index:1000;isolation:isolate;color:#fff;background:#041d46;place-items:center;animation:.24s ease-in 1.61s forwards launch-exit;display:grid;position:fixed;inset:0;overflow:hidden}.launch-world{z-index:-1;background:radial-gradient(at 50% 41%,#0b65b7 0,#073771 36%,#041d46 71%);position:absolute;inset:0;overflow:hidden}.launch-horizon{background:linear-gradient(#07437733,#0000 22%);border-top:1px solid #2b89c480;border-radius:50%;width:160vmax;height:160vmax;animation:1.3s cubic-bezier(.16,1,.3,1) both launch-horizon;position:absolute;top:63%;left:50%;transform:translate(-50%)}.launch-orbit{fill:none;stroke:#68dfff;stroke-width:1px;opacity:.18;width:min(94vw,670px);height:auto;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotate(-26deg)}.launch-orbit-one{stroke-dasharray:1500;animation:1.3s cubic-bezier(.16,1,.3,1) both launch-orbit}.launch-orbit-two{stroke:#cfedff;opacity:.07;animation:1.45s cubic-bezier(.16,1,.3,1) 90ms both launch-orbit;transform:translate(-50%,-50%)rotate(38deg)}.launch-brand{flex-direction:column;align-items:center;width:min(86vw,420px);display:flex;transform:translateY(-28px)}.launch-symbol{aspect-ratio:1;isolation:isolate;width:clamp(170px,48vw,245px);position:relative}.launch-symbol>img{object-fit:contain;width:100%;height:100%;animation:.8s cubic-bezier(.16,1,.3,1) both launch-emblem;display:block;position:relative}.launch-pulse{z-index:-1;border:2px solid #90e9ff;border-radius:50%;animation:1.1s ease-out .25s both launch-pulse;position:absolute;inset:12%}.launch-spark{clip-path:polygon(50% 0,57% 42%,100% 50%,57% 58%,50% 100%,43% 58%,0 50%,43% 42%);background:#f7feff;width:36px;height:36px;animation:.5s ease-out .6s both launch-spark;position:absolute;top:14%;left:67%}.launch-wordmark{object-fit:contain;width:clamp(210px,61vw,300px);height:auto;margin-top:-16px;animation:.65s cubic-bezier(.16,1,.3,1) .26s both launch-wordmark;display:block}.launch-motto{color:#cfecff;text-align:center;margin-top:16px;font:600 14px/1.5 Body,Arial,sans-serif;animation:.43s ease-out .58s both launch-caption}@keyframes launch-emblem{0%{opacity:0;transform:scale(.72)rotate(-14deg)}45%{opacity:1}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes launch-wordmark{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:none}}@keyframes launch-caption{0%{opacity:0}to{opacity:1}}@keyframes launch-orbit{0%{stroke-dashoffset:1500px;opacity:0}to{stroke-dashoffset:0}}@keyframes launch-horizon{0%{opacity:0;translate:0 35px}to{opacity:1;translate:0}}@keyframes launch-pulse{0%{opacity:0;transform:scale(.6)}20%{opacity:.45}to{opacity:0;transform:scale(1.65)}}@keyframes launch-spark{0%{opacity:0;transform:scale(0)rotate(-30deg)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)rotate(30deg)}}@keyframes launch-exit{to{opacity:0;visibility:hidden}}@media (height<=600px){.launch-brand{transform:translateY(-12px)}.launch-symbol{width:140px}.launch-wordmark{width:190px;margin-top:-12px}.launch-motto{margin-top:8px}}@media (prefers-reduced-motion:reduce){.launch,.launch *{animation:none!important}.launch-pulse,.launch-spark,.launch-orbit{display:none}}@font-face{font-family:Lilita;src:url(/assets/fonts/LilitaOne-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Body;src:url(/assets/fonts/Body.ttf)format("truetype");font-display:swap;font-weight:100 900}:root{color:#092963;font-synthesis:none;--ink:#092963;--blue:#078ef1;--cyan:#63deff;--gold:#ffe330;--display:Lilita,Arial,sans-serif;--shadow:0 5px 14px #02265a38;--panel:linear-gradient(120deg,#fff,#edfaff);background:#041d46;font-family:Body,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a{color:inherit;text-underline-offset:4px}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #ffbd13}::selection{color:#092963;background:#ffe330}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#3474a9;border-radius:8px}input{caret-color:#0063be}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);text-wrap:balance;font-weight:400}h1{font-size:32px;line-height:1.06}h2{font-size:25px;line-height:1.12}p{font-size:14px;line-height:1.55}svg{vertical-align:middle;flex:none}button{color:inherit}input{color:#082657;background:#fff;border:2px solid #bfdcea;border-radius:12px;min-width:0;padding:13px 14px;font-size:16px}input::placeholder{color:#5b7189}button:disabled{opacity:.58}.button{width:100%;min-height:54px;font:24px/1.1 var(--display);letter-spacing:.1px;box-shadow:var(--shadow);border:2px solid;border-radius:17px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;transition:transform .15s,filter .15s;display:flex}.button.gold{color:#082b6a;background:linear-gradient(112deg,#fff252,#ffe024 70%,#ffef48);border-color:#fff18a;box-shadow:inset 0 2px 2px #fff,inset 0 -5px 4px #f9b725,0 4px 1px #dba027,0 7px 8px #00397950}.button.blue{color:#fff;background:linear-gradient(110deg,#00afff,#0089eb 60%,#039afb);border-color:#66dfff;box-shadow:inset 0 2px 2px #aff5ff,inset 0 -4px 4px #0069b9,0 4px 2px #074d9d,0 7px 8px #00397950}.button.soft{color:#0c4886;background:linear-gradient(#fff,#d6eff9);border-color:#ddf5ff;font-size:19px;box-shadow:0 3px 5px #133c7430}.button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(2px)}.button svg{width:25px;height:25px}.icon-button,.mini-button{color:#fff;background:linear-gradient(#0aabfa,#0869c4);border:1px solid #5bd1ff;border-radius:12px;place-items:center;min-width:44px;min-height:44px;display:grid;box-shadow:inset 0 2px 1px #a6f3ff,0 3px 6px #032d6750}.text-button{text-underline-offset:4px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;text-decoration:underline;display:inline-flex}.panel{background:var(--panel);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:15px;padding:20px;display:flex}.logo{object-fit:contain;filter:drop-shadow(0 3px 2px #013a6d50);width:128px;height:88px}.character{pointer-events:none;width:180px;height:360px;display:block;position:relative}.character>span{filter:drop-shadow(0 9px 5px #05294c40);background:url(/assets/characters.webp) 0/300% 100% no-repeat;position:absolute;inset:0}.char-axolotl>span{background-position:50%}.char-engineer>span{background-position:100%}.avatar{background:linear-gradient(135deg,#18d7f4,#0968bd);border:3px solid #ffe746;border-radius:50%;flex:none;width:52px;height:52px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 3px 5px #06254e55}.avatar>.character{width:200%;height:400%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.avatar>.char-axolotl{top:-46%}.avatar.bot{background:linear-gradient(#209dd7,#09447d);border-color:#56deff;place-items:center;display:grid}.avatar.bot>svg{color:#c6f8ff;width:70%;height:70%}.app-shell{background:radial-gradient(at 50% 15%,#146bb1,#052a60 55%,#041b3d);justify-content:center;align-items:flex-start;gap:56px;min-height:100dvh;padding:28px 28px 0;display:flex}.game-shell{isolation:isolate;background:#086cc6 url(/assets/arena.webp) top/cover fixed;border-radius:25px 25px 0 0;flex-direction:column;flex:none;width:460px;min-height:calc(100dvh - 28px);display:flex;position:relative;overflow:clip;box-shadow:0 9px 55px #0007}.game-shell:before{content:"";z-index:-1;pointer-events:none;background:#0069b72b;position:absolute;inset:0}.game-shell>main{flex:1;min-width:0}.lobby-shell{background-image:url(/assets/club.webp);background-size:cover;background-attachment:scroll}.topbar{justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 6px;display:flex}.brand-home{background:0 0;border:0;padding:0;display:flex}.player-chip{color:#fff;text-align:left;background:linear-gradient(130deg,#087cd5,#0562b2);border:1px solid #48d6ff;border-radius:16px;flex:1;align-items:center;gap:9px;min-width:0;max-width:260px;padding:9px 10px;display:flex;box-shadow:inset 0 2px 2px #73d9ff80,0 4px 7px #00467660}.player-chip>span:last-child{flex-direction:column;gap:5px;display:flex;overflow:hidden}.player-chip strong{font:23px var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-chip small{color:#ffe94e;align-items:center;gap:4px;font-size:12px;display:flex}.page{flex-direction:column;gap:20px;min-height:600px;padding:18px 18px 30px;display:flex}.page-heading{color:#fff;align-items:center;gap:12px;display:flex}.page-heading h1{text-shadow:0 3px 3px #03437866}.page-heading p{color:#d6f0ff;margin-top:8px;font-size:13px}.page-heading>div{min-width:0}.bottom-nav{z-index:5;padding:6px 9px max(7px,env(safe-area-inset-bottom));background:linear-gradient(120deg,#074d99,#063375);border-top:2px solid #3cd1ff;border-radius:19px 19px 0 0;justify-content:space-around;gap:3px;margin-top:auto;display:flex;position:sticky;bottom:0;box-shadow:inset 0 2px 4px #1376b9,0 -4px 12px #04447b30}.bottom-nav>button{color:#ccecff;font:15px var(--display);background:0 0;border:0;border-radius:13px;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:61px;padding:7px 3px;display:flex}.bottom-nav svg{filter:drop-shadow(0 2px 2px #002c5a);stroke-width:2.5px;width:28px;height:28px}.bottom-nav>button.active{color:#ffe52c;background:linear-gradient(#079cf1,#0864ac);box-shadow:inset 0 2px 1px #89ebff,0 2px 6px #00275c60}.desktop-brand,.desktop-guide{color:#fff;width:215px;padding-top:35px;position:sticky;top:90px}.desktop-brand>.logo{width:205px;height:143px}.desktop-brand>p{font:30px/1.1 var(--display);margin:12px 0 0 9px}.desktop-brand>.character{width:169px;height:338px;margin:15px auto 0}.desktop-brand>span,.desktop-guide>strong{letter-spacing:1.5px;color:#9dcdf0;text-align:center;font-size:10px;display:block}.desktop-guide{width:195px;padding-top:160px}.desktop-guide>h2{color:#ffe24b;text-shadow:0 3px 2px #012555;margin:25px 0 15px;font-size:43px}.desktop-guide>p{color:#c7e5f8;line-height:1.9}.side-emblem{color:#ffe34c;clip-path:polygon(50% 0,95% 16%,91% 68%,50% 100%,9% 68%,5% 16%);background:linear-gradient(#0f92d3,#075799);place-items:center;width:80px;height:85px;display:grid}.side-emblem svg{width:45px;height:45px}.side-rule{background:#2a6591;height:1px;margin:24px 0}.desktop-guide>strong{text-align:left;font-size:9px;line-height:1.6}.welcome-strip{background:linear-gradient(110deg,#fff,#e7f8ff);border-radius:17px;align-items:center;gap:11px;margin:3px 16px 0;padding:14px;display:flex;transform:rotate(-1deg);box-shadow:0 4px 7px #19487f45}.welcome-strip>svg{color:#059dd5;flex:none;width:42px;height:42px}.welcome-strip h1{font-size:25px}.welcome-strip p{color:#0750a4;margin-top:4px;font-size:12px}.hero-stage{height:360px;position:relative;overflow:hidden}.hero-stage>.character{width:195px;height:390px;position:absolute;top:2px;right:20px}.hero-caption{color:#fff;text-shadow:0 3px 4px #073964;max-width:205px;position:absolute;top:85px;left:22px;transform:rotate(-3deg)}.hero-caption span{letter-spacing:1.2px;background:#063779d9;border-radius:4px;padding:6px;font-size:9px;font-weight:800}.hero-caption h2{-webkit-text-stroke:3px #09396b;paint-order:stroke fill;margin-top:15px;font-size:35px;line-height:.99}.lobby-actions{flex-direction:column;gap:12px;margin-top:-4px;padding:0 16px 16px;display:flex;position:relative}.continue-card{text-align:left;background:linear-gradient(130deg,#f9ffff,#e9f6ff);border:1px solid #78d9f8;border-radius:17px;align-items:center;gap:12px;width:100%;padding:14px;display:flex;box-shadow:0 4px 8px #073c6955}.continue-card>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.continue-card small{color:#3b6391;font-size:11px}.continue-card strong{font:22px/1.08 var(--display)}.continue-card em{color:#41688d;font-size:11px;font-style:normal}.round-icon{color:#fff;background:linear-gradient(#29cafa,#0378c1);border:2px solid #7aeaff;border-radius:50%;flex:none;place-items:center;width:45px;height:45px;display:grid;box-shadow:0 2px 4px #06397140}.lobby-footnote{color:#e1f4ff;background:#063770c9;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:8px 5px;font-size:10px;display:flex}.themes{flex-direction:column;gap:16px;display:flex}.theme-card{text-align:left;color:#fff;border:1px solid #6be1ff;border-radius:18px;align-items:center;gap:15px;min-height:111px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 1px #b9efff80,0 5px 8px #02377550}.theme-card>span{background:#fff2;border-radius:15px;place-items:center;width:67px;height:67px;display:grid;transform:rotate(-7deg);box-shadow:0 3px 4px #00376430}.theme-card>span svg{filter:drop-shadow(0 2px 2px #02314c55);width:44px;height:44px}.theme-card>div{flex:1}.theme-card h2{font-size:29px}.theme-card p{color:#fff;max-width:230px;margin-top:5px;font-size:12px}.theme-science{background:linear-gradient(115deg,#0873d5,#035bb1)}.theme-world{background:linear-gradient(115deg,#067888,#066071)}.theme-history{background:linear-gradient(115deg,#946024,#855017)}.theme-culture{background:linear-gradient(115deg,#7450bd,#5841a0)}.theme-card:hover{filter:brightness(1.07)}.segmented{background:#072e6b;border-radius:12px;gap:5px;padding:5px;display:flex}.segmented button{color:#cfeaff;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:11px 5px;font-size:13px;font-weight:800;display:flex}.segmented button.active{color:#092c65;background:linear-gradient(#fff15f,#ffe02e);box-shadow:inset 0 2px 2px #fff9,0 2px 4px #06193766}.feature-unit,.lesson-card{background:var(--panel);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.feature-unit>div:last-child{flex-direction:column;gap:13px;padding:20px;display:flex}.feature-unit h2{font-size:29px}.feature-unit p{color:#355576}.time-label{color:#476889;align-items:center;gap:5px;margin:0 0 3px;font-size:12px;display:flex}.illustration{height:205px;position:relative;overflow:hidden}.moon-art{background:#062953 url(/assets/moon.webp) 50%/cover}.illustration.small{border-radius:14px;height:160px}.illustration.diagram{color:#0666b4;background:#edf8ff;place-items:center;display:grid}.illustration.diagram>svg{object-fit:contain;width:100%;height:100%}.quiet-note{color:#dcf2ff;text-align:center;padding:0 8px;font-size:12px;line-height:1.6}.page>.text-button{color:#e0f6ff}.path-list,.unit-list{flex-direction:column;gap:11px;display:flex}.path-list>button,.unit-row{background:var(--panel);box-shadow:var(--shadow);text-align:left;border:0;border-radius:14px;align-items:center;gap:12px;padding:17px 13px;display:flex}.path-list>button>span:nth-child(2),.unit-row>span:nth-child(2){flex-direction:column;flex:1;gap:6px;display:flex}.path-list strong,.unit-row strong{font:21px/1.12 var(--display)}.path-list small,.unit-row small{color:#446583;font-size:11px}.unit-status{color:#117aac;background:#d9effb;border-radius:10px;place-items:center;width:39px;height:43px;display:grid}.unit-status.done{color:#12713d;background:#d4f2db}.search-box{background:#fff;border-radius:12px;align-items:center;gap:9px;padding:0 14px;display:flex}.search-box input{background:0 0;border:0;width:100%;padding:15px 0;font-size:14px}.empty{text-align:center;box-shadow:var(--shadow);background:#f2fbff;border-radius:17px;padding:38px 21px}.empty>svg{color:#168fd1;width:52px;height:52px;margin-bottom:20px}.empty h2{margin-bottom:12px;font-size:25px}.empty p{color:#3c5e7c;font-size:13px}.learning-steps{gap:6px;display:flex}.learning-steps>span{background:#0b4e99;border-radius:4px;flex:1;height:7px}.learning-steps>span.active{background:#ffe339;box-shadow:0 1px 1px #fff6}.lesson-copy{flex-direction:column;gap:20px;padding:22px;display:flex}.lesson-copy h2{font-size:30px}.lesson-copy p{color:#213f63;font-size:17px;line-height:1.65}.step-count{color:#426486;font-size:11px;font-weight:700}.sources{color:#d9efff;margin-top:auto;font-size:12px}.sources summary{cursor:pointer;padding:12px 0}.sources a{align-items:center;gap:7px;padding:7px;display:flex}.learning-complete{text-align:center;padding:30px 22px}.large-icon{color:#168c59;align-self:center;width:66px;height:66px}.learning-complete h2{font-size:32px}.learning-complete p{color:#355879}.learning-complete .difficulty-note{color:#456584}.difficulty-note{text-align:center;color:#365b7a;margin-top:10px;font-size:12px;line-height:1.5}.practice{flex-direction:column;gap:18px;display:flex}.question-meta{background:linear-gradient(#fff,#e7f9ff);border-radius:13px;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:700;display:flex}.question-meta>span{align-items:center;gap:7px;display:flex}.question-meta>span>svg{color:#0081bd;width:21px;height:21px}.question-title{color:#fff;text-shadow:0 2px 2px #03539860;font:27px/1.18 var(--display);text-align:center;text-wrap:balance}.answers{flex-direction:column;gap:11px;display:flex}.answer{text-align:left;background:linear-gradient(120deg,#fff,#f4fcff);border:2px solid #e3f7ff;border-radius:15px;align-items:center;gap:12px;min-height:65px;padding:10px 13px;transition:background .12s,transform .12s;display:flex;box-shadow:0 3px 6px #103f7660}.answer strong{font:19px/1.2 var(--display);flex:1}.answer-letter{color:#06346f;width:38px;height:38px;font:25px var(--display);background:linear-gradient(#00d8f9,#049ce8);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 1px 2px #c6ffff}.answer:disabled{opacity:1}.answer.selected{background:#fff3ac;border-color:#ffdf25}.answer.correct{background:#d7f6e3;border-color:#30c773}.answer.correct .answer-letter{color:#fff;background:#07834c}.answer.incorrect{background:#ffebe9;border-color:#e67c76}.answer.incorrect .answer-letter{color:#fff;background:#a64239}.answer:hover:not(:disabled){background:#f3fcff;transform:translateY(-1px)}.answer.selected:hover{background:#fff3ac}.feedback{color:#0a603c;box-shadow:var(--shadow);background:#e8f9ed;border-radius:15px;flex-direction:column;gap:12px;padding:17px;display:flex}.feedback>strong{font:25px var(--display)}.feedback p{font-size:14px;line-height:1.6}.feedback.incorrect{color:#694919;background:#fff2da}.feedback .button{margin-top:5px;font-size:21px}.section-title{color:#fff;margin:10px 0 0;font-size:25px}.section-title>span{color:#bfe7ff;margin-left:8px;font:13px Body}.arena-emblem{place-items:center;height:180px;display:grid}.arena-emblem>svg{color:#c2f7ff;background:linear-gradient(#17a7ed,#0754a2);border:3px solid #69e3ff;border-radius:35px;width:135px;height:135px;padding:29px;transform:rotate(-7deg);box-shadow:inset 0 3px 2px #baf4ff77,0 8px 13px #06326955}.play-panel{text-align:center}.play-panel p{color:#31587b}.friends-callout{text-align:left;color:#fff;background:#07519f;border:1px solid #5cd6fd;border-radius:15px;align-items:center;gap:11px;padding:15px;display:flex}.friends-callout>span{flex-direction:column;flex:1;gap:5px;display:flex}.friends-callout strong{font:22px var(--display)}.friends-callout small{color:#c6ecff;font-size:11px}.friends-callout>svg:first-child{color:#8be9ff;width:33px;height:33px}.queue{text-align:center;justify-content:space-between;min-height:720px}.queue .page-heading{justify-content:center;margin-top:30px}.queue .panel{align-items:center}.queue .panel>svg{color:#0789cd;width:35px;height:35px}.versus-search{color:#fff;justify-content:space-around;align-items:center;gap:10px;margin:35px 0;display:flex}.versus-search>div{width:40%;font:22px var(--display);flex-direction:column;align-items:center;gap:13px;min-width:0;display:flex}.versus-search strong{text-overflow:ellipsis;max-width:100%;overflow:hidden}.versus-search .avatar{width:90px;height:90px}.versus-search>b{font:35px var(--display);color:#ffe438}.waiting-avatar{background:#083d80;border:3px solid #40d3ff;border-radius:50%;place-items:center;width:90px;height:90px;display:grid}.waiting-avatar>svg{width:44px;height:44px}.duel{gap:13px;padding-top:18px}.duel-scoreboard{gap:20px;display:flex}.duel-scoreboard>div{color:#fff;background:linear-gradient(#0784da,#0462ae);border:1px solid #56dcff;border-radius:15px;flex:1;align-items:center;gap:7px;min-width:0;padding:12px;display:flex;position:relative}.duel-scoreboard>div.you{background:linear-gradient(#d89230,#b9761e);border-color:#ffe47a}.duel-scoreboard>div>span:last-of-type{flex-direction:column;flex:1;min-width:0;display:flex}.duel-scoreboard small{text-overflow:ellipsis;font:15px var(--display);white-space:nowrap;overflow:hidden}.duel-scoreboard strong{font:34px var(--display);color:#fff3b3}.duel-scoreboard .vs{z-index:2;width:41px;height:41px;font:22px var(--display);color:#ffe530;background:#043478;border:2px solid #058cdb;border-radius:50%;place-items:center;display:grid;position:absolute;top:25px;right:-29px}.timer{color:#086398;min-width:64px}.timer.urgent{color:#a7372b}.round-track{background:#084585;border-radius:3px;height:5px;margin-top:-5px;overflow:hidden}.round-track>span{transform-origin:0;background:#ffe23a;height:100%;transition:transform .15s linear;display:block}.duel .question-title{padding:5px 0;font-size:25px}.duel .answer{min-height:58px}.duel .answer strong{font-size:18px}.duel .answer-letter{width:33px;height:33px;font-size:23px}.answer-state{color:#e1f6ff;text-align:center;justify-content:center;align-items:center;gap:6px;min-height:31px;font-size:12px;display:flex}.match-footer{color:#daeeff;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:10px;display:flex}.match-footer .text-button{font-size:11px}.connection-note{color:#5e431d;background:#fff0c9;border-radius:11px;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.result-title{text-align:center;color:#fff;padding:15px 0 0}.result-title>svg{color:#ffe335;width:57px;height:57px}.result-title h1{color:#ffe630;-webkit-text-stroke:4px #052560;paint-order:stroke fill;text-shadow:0 4px 2px #09265f;margin:14px 0 9px;font-size:45px;transform:rotate(-3deg)}.result-title p{color:#cfecff}.result-characters{justify-content:center;gap:5px;height:226px;margin-bottom:-20px;display:flex;overflow:hidden}.result-characters>.character{width:150px;height:300px}.result-characters>svg{color:#b4f5ff;align-self:center;width:130px;height:150px}.score-summary{gap:0;position:relative}.score-summary>div{align-items:center;gap:12px;padding:10px 0;display:flex}.score-summary>div+div{border-top:1px solid #c8e0ec}.score-summary>div>span:not(.avatar){flex-direction:column;flex:1;gap:4px;display:flex}.score-summary strong{font:22px var(--display)}.score-summary small{color:#486b84;font-size:12px}.score-summary b{font:33px var(--display);color:#075eae}.results>.panel p{font-size:13px}.friend-code{color:#fff;background:linear-gradient(#084f99,#073e82);border:1px solid #2aa8e1;border-radius:16px;justify-content:space-between;align-items:center;padding:15px;display:flex}.friend-code>span{flex-direction:column;gap:4px;display:flex}.friend-code small{color:#c9ecff;font-size:12px}.friend-code strong{font:26px var(--display);letter-spacing:1px}.add-friend{gap:8px;display:flex}.add-friend input{width:100%;font-size:14px}.add-friend .button{width:80px;min-height:48px;font-size:19px}.friend-list{background:var(--panel);box-shadow:var(--shadow);border-radius:15px;padding:0 15px;overflow:hidden}.friend-row{align-items:center;gap:10px;padding:15px 0;display:flex}.friend-row+.friend-row{border-top:1px solid #cde0ea}.friend-row>span:not(.avatar){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.friend-row strong{font:21px var(--display);text-overflow:ellipsis;overflow:hidden}.friend-row small{color:#3c6487;font-size:11px}.challenge-banner{text-align:center;align-items:center}.challenge-banner>svg{color:#0683c6;width:35px;height:35px}.challenge-banner>.button{font-size:20px}.modal-backdrop{z-index:20;background:#001535c7;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{width:min(410px,100%);max-height:90dvh;padding:30px 22px;position:relative;overflow:auto}.close-modal{background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:8px;right:8px}.theme-select{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-select>button{background:#e9f4f9;border:2px solid #cfdfeb;border-radius:11px;align-items:center;gap:8px;min-height:55px;font-size:13px;font-weight:800;display:flex}.theme-select>button.active{background:#fff0a1;border-color:#ddb923}.theme-select>button>svg{width:23px;height:23px}.rank-banner{box-shadow:var(--shadow);color:#fff;background:linear-gradient(120deg,#0a87d5,#065aa6);border:1px solid #58cbf6;border-radius:17px;align-items:center;gap:17px;padding:21px;display:flex}.rank-banner>svg{color:#ffe541;filter:drop-shadow(0 4px 3px #07385f60);width:66px;height:66px}.rank-banner>span{flex-direction:column;gap:3px;display:flex}.rank-banner strong{font:44px var(--display);color:#ffe54a}.rank-banner small{color:#d0efff;font-size:12px}.rank-list{background:var(--panel);box-shadow:var(--shadow);border-radius:15px;overflow:hidden}.rank-row{border-bottom:1px solid #d9e7ef;align-items:center;gap:11px;padding:15px 12px;display:flex}.rank-row>b{font:19px var(--display);text-align:center;color:#4b7290;width:18px}.rank-row .avatar{border-width:2px;width:42px;height:42px}.rank-row>span:not(.avatar){flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.rank-row>span strong{font:19px var(--display);text-overflow:ellipsis;overflow:hidden}.rank-row small{color:#496c89;font-size:11px}.rank-row>strong{font:23px var(--display);color:#0867a9}.rank-row.is-you{background:#fff1b8}.profile-card{text-align:center;align-items:center;padding-top:28px}.profile-card>.avatar{width:105px;height:105px}.profile-card>h2{font-size:32px}.profile-card>.text-button{padding:0}.stats{border-top:1px solid #d0e5ee;justify-content:space-around;gap:12px;width:100%;margin-top:7px;padding-top:20px;display:flex}.stats>span{flex-direction:column;gap:7px;display:flex}.stats strong{font:30px var(--display);color:#0872ba}.stats small{color:#486a87;font-size:11px}.history-list{flex-direction:column;gap:8px;display:flex}.history-row{background:var(--panel);border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.history-row>span:not(.round-icon){flex-direction:column;flex:1;gap:5px;display:flex}.history-row strong{font:20px var(--display)}.history-row small{color:#476884;font-size:11px}.history-row>b{color:#09629f;font-size:12px}.auth-world{background:#0763b5 url(/assets/club.webp) 50%/cover fixed;justify-content:center;align-items:center;gap:35px;min-height:100dvh;padding:40px;display:flex}.auth-intro{color:#fff;width:380px;min-height:660px;position:relative}.auth-intro>.logo{width:200px;height:138px}.auth-intro h1{-webkit-text-stroke:5px #052d63;paint-order:stroke fill;text-shadow:0 4px 2px #052d6366;z-index:1;font-size:48px;position:relative}.auth-intro p{background:#063e7dd9;border-radius:10px;margin-top:15px;padding:13px;font-size:15px;display:inline-block}.auth-intro>.character{width:160px;height:320px;position:absolute;bottom:0;left:95px}.auth-panel{background:var(--panel);border-radius:22px;flex-direction:column;flex:none;gap:17px;width:400px;padding:29px;display:flex;box-shadow:0 10px 45px #00316566}.auth-panel h2{font-size:32px}.auth-panel>p{color:#436485}.auth-panel>form{flex-direction:column;gap:18px;display:flex}.auth-panel label{flex-direction:column;gap:8px;font-size:12px;font-weight:800;display:flex}.avatar-picker{border:0;justify-content:center;gap:12px;margin:0;padding:0;display:flex}.avatar-picker legend{margin-bottom:12px;font-size:12px;font-weight:800}.avatar-picker>button{background:0 0;border:2px solid #0000;border-radius:14px;padding:5px;position:relative}.avatar-picker>button[aria-pressed=true]{background:#caeefa;border-color:#0d8ddb}.avatar-picker>button>svg{color:#fff;background:#098d61;border-radius:50%;position:absolute;bottom:0;right:-3px}.auth-note{text-align:center;font-size:11px!important}.error-banner{color:#74381f;background:#fff1dd;border-radius:10px;align-items:center;gap:10px;margin:8px 16px;padding:13px;font-size:13px;display:flex}.error-banner>span{flex:1}.error-banner button{background:0 0;border:0;font-weight:800}.form-error{color:#8a352b;background:#ffebe8;border-radius:9px;padding:12px;font-size:13px;line-height:1.5}.toast{z-index:50;color:#f3fcff;background:#052a53;border:1px solid #52bde6;border-radius:12px;align-items:center;gap:9px;min-width:220px;max-width:calc(100vw - 32px);padding:14px 19px;font-size:13px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00162b66}.boot{color:#e3f5ff;background:radial-gradient(#117bc8,#062b61);flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100dvh;display:flex}.boot>.logo{width:220px;height:160px}.spin{animation:1s linear infinite spin}.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@media (width<=1150px){.app-shell{gap:30px}.desktop-guide{display:none}.desktop-brand{width:200px}.game-shell{width:450px}}@media (width<=760px){.app-shell{min-height:100dvh;padding:0;display:block}.desktop-brand{display:none}.game-shell{background-attachment:scroll;border-radius:0;width:min(100%,500px);min-height:100dvh;margin:0 auto}.topbar{padding:9px 13px 5px}.topbar .logo{width:117px;height:79px}.player-chip{padding:8px}.player-chip strong{font-size:21px}.page{min-height:calc(100dvh - 170px);padding:16px 15px 26px}.welcome-strip{margin:3px 13px 0;padding:12px}.welcome-strip h1{font-size:22px}.welcome-strip p{font-size:11px}.hero-stage{height:clamp(230px,37dvh,340px)}.hero-stage>.character{width:170px;height:340px;top:-1px;right:22px}.hero-caption{max-width:170px;top:60px;left:20px}.hero-caption h2{font-size:29px}.lobby-actions{gap:11px;padding:0 13px 14px}.continue-card{padding:12px}.continue-card strong{font-size:20px}.continue-card em{font-size:10px}.continue-card .round-icon{width:40px;height:40px}.lobby .button{min-height:53px;font-size:23px}.bottom-nav{padding-top:4px}.auth-world{background-position:50%;background-attachment:scroll;flex-direction:column;gap:8px;padding:8px 15px 24px;display:flex}.auth-intro{width:100%;max-width:420px;min-height:92px;margin:0 auto;padding-left:12px}.auth-intro>.logo{width:128px;height:88px}.auth-intro h1,.auth-intro p{display:none}.auth-intro>.character{width:64px;height:128px;bottom:-8px;left:auto;right:24px}.auth-panel{gap:10px;width:min(100%,420px);margin:0 auto;padding:16px}.auth-panel h2{font-size:24px}.auth-panel>p:not(.auth-note){display:none}.auth-panel>form{gap:10px}.auth-panel label{gap:4px}.auth-panel input{min-height:44px;padding:10px 12px;font-size:16px}.auth-panel .segmented>button{min-height:44px}.auth-panel .avatar-picker legend{margin-bottom:6px}.auth-panel .avatar-picker>button{min-width:56px;min-height:56px;padding:4px}.auth-panel .avatar-picker .avatar{width:44px;height:44px}.auth-panel .button{min-height:50px;padding:10px 16px;font-size:23px}.theme-card{min-height:108px}.theme-card>span{width:59px;height:59px}.theme-card p{font-size:11px}.theme-card h2{font-size:27px}.question-title{font-size:25px}.duel .illustration.small{height:clamp(95px,17dvh,155px)}.duel-scoreboard>div{gap:5px;padding:9px}.duel-scoreboard .avatar{width:43px;height:43px}.duel-scoreboard strong{font-size:30px}.duel-scoreboard small{font-size:14px}.duel .question-title{font-size:23px}.duel .answer{min-height:55px}.duel .answer strong{font-size:17px}.lesson-copy{padding:20px}.lesson-copy p{font-size:16px}.question-meta{padding:10px;font-size:11px}.learning .question-meta{gap:4px}.learning .question-meta>span:last-child{font-size:10px}.queue{min-height:100dvh}.result-title h1{font-size:41px}}@media (width<=370px){.hero-caption h2{font-size:25px}.hero-caption{left:15px}.hero-stage>.character{right:5px}.player-chip .avatar{width:43px;height:43px}.topbar .logo{width:104px}.player-chip strong{font-size:19px}.page-heading h1{font-size:28px}.question-meta>span{gap:4px}.answer strong{font-size:17px}.theme-card{gap:12px;padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.page-heading{isolation:isolate;position:relative}.page-heading:before{content:"";z-index:-1;background:linear-gradient(110deg,#073c82ed,#063469d9);border-radius:15px;position:absolute;inset:-7px -6px;box-shadow:0 3px 8px #032b6440}.page-heading p{color:#e2f5ff}.result-title p{isolation:isolate;color:#e7f6ff;width:fit-content;margin-inline:auto;position:relative}.result-title p:before{content:"";z-index:-1;background:#07336ced;border-radius:9px;position:absolute;inset:-5px -10px}.audio-settings-panel{width:100%}.audio-settings-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.audio-settings-panel header h2{align-items:center;gap:9px;display:flex}.audio-settings-panel label{display:block}.audio-settings-panel label span{justify-content:space-between;font-size:14px;font-weight:700;display:flex}.audio-settings-panel output{color:#075eae;font-variant-numeric:tabular-nums}.audio-settings-panel input{accent-color:#087cc5;width:100%;min-height:44px;margin:4px 0;display:block}.audio-settings-panel p{color:#355879;font-size:12px;line-height:1.5}.audio-mute{background:#e5f5fc;border:1px solid #bfdcea;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}@media (height>=740px) and (width<=760px){.auth-world{gap:14px}.auth-intro{min-height:120px}.auth-intro>.logo{width:154px;height:106px}.auth-intro>.character{width:77px;height:154px}.auth-panel{gap:14px;padding:20px}.auth-panel>form{gap:14px}}.native-app{--native-top:max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px));--native-bottom:max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px))}.native-app body{padding-top:var(--native-top)}.native-app .app-shell,.native-app .auth-world,.native-app .boot,.native-app .game-shell{min-height:calc(100dvh - var(--native-top))}.native-app .bottom-nav{padding-bottom:max(7px, var(--native-bottom))}.native-app .game-shell>main,.native-app .auth-world{padding-bottom:max(24px, var(--native-bottom))}.native-app .modal-backdrop{padding-top:calc(25px + var(--native-top));padding-bottom:calc(25px + var(--native-bottom))}