@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";:root{color:#edf2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#080d20;font-family:Be Vietnam Pro,sans-serif}html{background:#080d20;min-width:320px;min-height:100%}*{box-sizing:border-box}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ffbf69}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}::selection{background:#7465dc}.app{background:radial-gradient(at 20% 40%,#17234a66,#0000 55%),radial-gradient(at 95% 80%,#38205e44,#0000 40%);min-height:100vh;position:relative;overflow:hidden}.app[data-game-animating=false] :is(.player,.engine,.space-object,.themed-target,.threshold-fire-runner,.fault-smoke,.electric-wave,.electric-arc,.fire-smoke-puff){animation-play-state:paused!important}@media (pointer:coarse){.stars i{animation:none}.app :is(.backdrop,.example-feedback){-webkit-backdrop-filter:none}.app :is(.engine,.fault-smoke,.fire-smoke-puff,.boss-flame){filter:none;mix-blend-mode:normal}.app :is(.boss-meteor.space-target,.space-object,.themed-target img){filter:none}.app :is(.electric-halo,.electric-glow),.app :is(.fault-smoke,.fire-smoke-puff):nth-child(n+4){display:none}}.stars{pointer-events:none;position:absolute;inset:0}.stars i{opacity:.35;background:#abbce5;border-radius:50%;width:2px;height:2px;animation:5s infinite twinkle;position:absolute}.stars i:nth-child(4n){width:3px;height:3px}header{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;max-width:1440px;height:96px;margin:auto;padding:0 64px;display:flex;position:relative}.brand{letter-spacing:3px;align-items:center;gap:15px;font-size:25px;font-weight:900;display:flex}.brand>span{color:#72e2ee;font-size:43px}.brand small{letter-spacing:2px;color:#7e91b6;margin-top:5px;font-size:7px;display:block}nav{align-items:center;gap:34px;font-size:12px;display:flex}nav b{color:#77e3f4}nav button{color:#8796b8;background:0 0;border:0;font-size:12px}.profile{color:#b4c0da;align-items:center;gap:10px;font-size:11px;display:flex}.profile i{background:#6ee8b5;border-radius:50%;width:6px;height:6px}.profile strong{color:#c9bbff;background:#393052;border:2px solid #8674df;border-radius:12px;place-items:center;width:34px;height:34px;margin-left:8px;display:grid}main{max-width:1440px;margin:auto;padding:40px 64px 20px;position:relative}.heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:2px;color:#8b9bc1;font-size:9px;font-weight:800}h1{letter-spacing:-1px;margin:10px 0 9px;font-size:30px;font-weight:800}em{color:#8fe5f4;font-style:normal}.heading p{color:#8c9bbd;font-size:12px}.btn{letter-spacing:.5px;border:1px solid #0000;border-radius:12px;padding:14px 23px;font-size:11px;font-weight:900;transition:transform .12s,filter .12s,box-shadow .12s}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #267d92}.primary{color:#102b3c;background:#70deed;border-color:#99f0f3;box-shadow:0 5px #2d849a,0 7px 15px #0003}.secondary{color:#c9d4ee;background:#202b49;border-color:#3a4765;box-shadow:0 4px #10182d}.layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px;display:grid}.arena{background:radial-gradient(at 50% 65%,#20434e55,#0000 55%),radial-gradient(at 15% 20%,#4a387a55,#0000 45%),#0c152b;border:1px solid #43547d66;border-radius:22px;height:550px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #080d2466,0 15px 40px #0002}.arena:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#d1e7ff99 1px,#0000 1px),radial-gradient(circle,#aeb5d955 1px,#0000 1px);background-position:23px 9px,9px 42px;background-size:91px 83px,137px 117px;position:absolute;inset:0}.arena-top{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:24px;right:20px}.mission{letter-spacing:1.5px;color:#a0b4d8;font-size:8px}.tools{gap:7px;display:flex}.tools button{background:#18253d;border:1px solid #344461;border-radius:9px;width:30px;height:30px;font-size:15px}.planet{opacity:.75;background:radial-gradient(circle at 35% 30%,#62699c,#292c59 60%,#141e38);border-radius:50%;width:118px;height:118px;position:absolute;top:100px;right:-28px;box-shadow:inset -15px -10px 20px #0a122b,0 0 70px #8b7cd51a}.ring{border:10px solid #8e8bb133;border-radius:50%;width:210px;height:55px;position:absolute;top:135px;right:-70px;transform:rotate(-30deg)}.small-planet{opacity:.5;background:radial-gradient(circle at 30% 25%,#3f929e,#17434e 65%);border-radius:50%;width:44px;height:44px;position:absolute;top:240px;left:45px}.intro{text-align:center;z-index:2;padding-top:87px;position:relative}.pill{letter-spacing:1.6px;color:#b6a6ef;background:#50407c22;border:1px solid #9f86e33d;border-radius:20px;padding:8px 13px;font-size:7px}.intro h2{letter-spacing:-1px;margin:22px 0 15px;font-size:38px;font-weight:900;line-height:1.25}.intro p{color:#9aaacb;font-size:11px;line-height:1.9}.launch{min-width:250px;margin-top:23px;padding:15px 24px}.launch span{margin-left:20px;font-size:18px}.intro>small{color:#7487ac;margin-top:17px;font-size:8px;display:block}.intro-words-button{white-space:normal;max-width:calc(100% - 32px);margin-top:18px}.leaderboard-tabs{background:#0002;border:1px solid #ffffff18;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:18px 0;padding:5px;display:grid}.leaderboard-tabs button{min-width:0;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:9px 6px;font-size:12px;font-weight:700}.leaderboard-tabs button[aria-selected=true]{border-color:var(--theme-accent,#70deed);background:color-mix(in srgb,var(--theme-accent,#70deed) 15%,transparent);color:var(--theme-accent,#70deed)}.leaderboard-tabs button:focus-visible,.leaderboard-scroll:focus-visible{outline:2px solid var(--theme-accent,#70deed);outline-offset:3px}.leaderboard-board-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.leaderboard-board-heading h3{font-size:15px;margin:0!important}.leaderboard-board-heading>span{opacity:.7;flex-shrink:0;font-size:11px}.leaderboard-scroll{overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--theme-accent,#70deed) transparent;border-radius:10px;max-height:min(420px,45dvh);padding:2px 5px 5px 2px;overflow-y:auto}.leaderboard-scroll .leaderboard-row{min-height:48px}.leaderboard-scroll .leaderboard-name{white-space:nowrap}@media (width<=550px){.leaderboard-tabs button{font-size:11px}.leaderboard-board-heading h3{font-size:13px}.leaderboard-scroll{max-height:45dvh}}.intro.intro-with-words{padding-top:50px}.player{z-index:3;background:0 0;border:0;width:200px;padding:0;animation:4s ease-in-out infinite hoverShip;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.player img{mix-blend-mode:screen;filter:drop-shadow(0 8px 15px #32d8f733);width:100%;display:block}.engine{filter:blur(18px);background:#3cdefa44;height:30px;position:absolute;bottom:0;left:30%;right:30%}.ground{text-align:center;letter-spacing:2.5px;color:#4f6b88;font-size:6px;position:absolute;bottom:13px;left:0;right:0}.threshold{border-top:1px dashed #71bdd51a;position:absolute;top:64%;left:18px;right:18px}.threshold span{letter-spacing:1px;color:#728eae77;font-size:6px;position:absolute;top:6px;right:0}.panel{background:linear-gradient(130deg,#19233c,#141c32);border:1px solid #34405b88;border-radius:17px;margin-bottom:17px;padding:22px}.course{align-items:center;gap:10px;margin-top:21px;display:flex}.flag{background:#374164;border:1px solid #586788;border-radius:10px;padding:10px 7px;font-size:13px;font-weight:900}.course h3{font-size:13px}.course p{color:#8998b8;margin-top:5px;font-size:8px}.level{color:#c8b6ff;background:#7261a82e;border:1px solid #9381c74d;border-radius:5px;margin-left:auto;padding:5px;font-size:8px}hr{background:#ffffff0c;border:0;height:1px;margin:20px 0}.row{color:#9eadcb;justify-content:space-between;font-size:10px;display:flex}.row b{color:#d2ddf5}.progress{background:#080e20;border-radius:9px;height:7px;margin-top:12px;overflow:hidden}.progress i{background:linear-gradient(90deg,#6a77dd,#6cdeed);border-radius:9px;height:100%;transition:width .3s;display:block}.scores{justify-content:space-around;margin-top:22px;display:flex}.scores div{text-align:center}.scores b{color:#b5e7ec;font-size:22px}.scores small{color:#7d8dab;letter-spacing:1px;margin-top:7px;font-size:6px;display:block}.mode-list{gap:9px;margin-top:17px;display:grid}.mode{text-align:left;background:#1c2942;border:1px solid #33405d;border-bottom:3px solid #0c1428;border-radius:10px;align-items:center;gap:11px;padding:12px 10px;transition:all .15s;display:flex}.mode.selected{background:#234255;border-color:#649aaf;box-shadow:0 2px #0a2030}.mode>span{color:#8faccb;text-align:center;width:25px;font-size:20px}.mode b{font-size:10px}.mode small{color:#8d9fbc;margin-top:5px;font-size:7px;display:block}.mode i{color:#71d9df;margin-left:auto;font-size:12px;font-style:normal}.toggle{color:#bbcae3;justify-content:space-between;align-items:center;margin-top:19px;font-size:9px;display:flex}.toggle small{color:#7c8eb0;margin-top:5px;font-size:7px;display:block}.toggle input{accent-color:#6cdeed;width:28px;height:18px}.tip{gap:12px;padding:0 7px;display:flex}.tip>span{color:#bc9bf2;font-size:25px}.tip b{color:#c5b8e4;font-size:9px}.tip p{color:#7d8cab;margin-top:6px;font-size:8px;line-height:1.9}.controls{background:#141e34;border:1px solid #34435f;border-bottom:4px solid #0b1224;border-radius:16px;align-items:center;gap:20px;margin-top:22px;padding:19px 23px;display:flex}.control-label{align-items:center;gap:13px;min-width:260px;display:flex}.control-label>span{color:#8d9dc5;font-size:25px}.control-label b{font-size:10px}.control-label small{color:#7f90b1;margin-top:7px;font-size:8px;display:block}.controls form{flex:1;gap:12px;display:flex}.controls input{color:#edf2ff;background:#0b1327;border:1px solid #354261;border-radius:10px;outline:none;flex:1;min-width:0;padding:13px 15px;font-size:11px}.controls input:focus{border-color:#70deed;box-shadow:0 0 0 3px #70deed15}.controls input::placeholder{color:#657594}.hint{color:#c5a6f4;background:0 0;border:none;font-size:23px}.hint small{margin-top:3px;font-size:7px;display:block}footer{color:#5e7195;letter-spacing:.5px;justify-content:space-between;margin-top:22px;font-size:7px;display:flex}footer>span:first-child{color:#8496b8;letter-spacing:1px}.enemy{z-index:4;text-align:center;background:0 0;border:0;min-width:130px;padding:8px;transition:left .2s;position:absolute;transform:translate(-50%)}.question{background:#253654;border:1px solid #617fa8;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:700;box-shadow:0 4px #0d1629}.mini-ufo{background:linear-gradient(#bc9eea,#5b528d);border-bottom:5px solid #292345;border-radius:50%;width:95px;height:23px;margin:19px auto 3px;position:relative;box-shadow:0 5px 16px #c59aff44}.mini-ufo span{background:linear-gradient(135deg,#b0edfa,#4d9eb3);border:3px solid #7269a3;border-radius:50% 50% 15% 15%;width:45px;height:25px;position:absolute;top:-16px;left:25px}.mini-ufo i{background:#78f3e2;border-radius:4px;width:7px;height:3px;margin:8px 7px;display:inline-block}.target .question{border-color:#6bdeed;box-shadow:0 0 16px #68d8ed33}.enemy small{color:#6fe3ed;letter-spacing:2px;font-size:6px}.slots{color:#a899dc;letter-spacing:2px;margin-top:8px;font-size:8px}.laser{pointer-events:none;background:linear-gradient(#0000,#92faff);width:3px;height:220px;animation:.25s forwards fire;position:absolute;bottom:60%;left:50%;box-shadow:0 0 10px #6bffff}.overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#0b142bf2;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:30px;display:flex;position:absolute;inset:0}.overlay h2{font-size:26px}.overlay .answer{color:#8ce7f3;font-size:45px}.overlay p{color:#b3c2df;font-size:11px}.speaking{color:#9be9f0;z-index:5;background:#17364a;border-radius:7px;padding:7px;font-size:8px;position:absolute;bottom:13px;right:15px}.result-grid{gap:40px;display:flex}.result-grid b{color:#86e6ee;font-size:30px;display:block}.result-grid small{letter-spacing:1px;color:#97aacc;margin-top:5px;font-size:7px;display:block}.results{gap:16px}.results p{font-size:10px;line-height:1.8}.result-list{width:100%;max-width:380px;max-height:130px;overflow:auto}.result-list>div{border-bottom:1px solid #ffffff12;justify-content:space-between;padding:7px;font-size:10px;display:flex}.choices{flex:1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.choices button{padding:9px;font-size:9px}.backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#030718bb;position:fixed;inset:0}.drawer{background:#151e35;border-left:1px solid #425272;width:390px;max-width:95vw;padding:35px;animation:.2s slide;position:absolute;top:0;bottom:0;right:0;overflow:auto}.drawer h2{margin:13px 0;font-size:28px}.drawer p{color:#90a3c5;font-size:11px;line-height:1.8}.close{color:#9baccb;background:0 0;border:0;font-size:27px;position:absolute;top:20px;right:20px}.groups{grid-template-columns:repeat(4,1fr);gap:13px;margin:25px 0;display:grid}.groups button{padding:14px}.drawer h3{margin:25px 0 10px;font-size:12px}.word{border-bottom:1px solid #ffffff0c;align-items:center;gap:15px;padding:12px 0;font-size:11px;display:flex}.word span{color:#9aabca;margin-left:auto}.word button{color:#83e1ed;background:#263751;border:0;border-radius:6px;padding:6px 9px}.wide{width:100%;margin-top:26px}.note{color:#eac68e!important;font-size:10px!important}@keyframes hoverShip{0%,to{translate:0;rotate:-1deg}50%{translate:0 -8px;rotate:1deg}}@keyframes twinkle{50%{opacity:.1}}@keyframes fire{0%{opacity:1;translate:0}to{opacity:0;translate:0 -120px}}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width>=1500px){.arena{height:600px}.intro{padding-top:110px}.player{width:230px}}@media (width<=1100px){header{padding:0 28px}main{padding:30px 28px}.layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.panel{padding:17px}.control-label{min-width:200px}.intro h2{font-size:32px}.mission{font-size:6px}}@media (width<=800px){header{height:76px;padding:0 20px}nav{display:none}.brand{font-size:21px}.profile{font-size:0}.profile i{display:none}main{padding:26px 18px}.heading h1{font-size:25px}.heading p{font-size:10px}.heading{gap:15px}.heading>.btn{padding:10px;font-size:8px}.layout{grid-template-columns:1fr}.arena{height:540px}aside{grid-template-columns:1fr 1fr;gap:14px;display:grid}.panel{margin:0}.tip{grid-column:span 2;padding:0 10px}.controls{flex-wrap:wrap;gap:12px;padding:16px}.control-label{width:100%}.controls form{width:80%}.controls form .btn{padding:12px 18px}footer{gap:20px;font-size:6px;line-height:1.8}.mission{font-size:7px}}@media (width<=480px){.heading{align-items:flex-start}.heading h1{max-width:250px;font-size:22px;line-height:1.4}.heading>.btn{max-width:95px;line-height:1.6}.eyebrow{font-size:7px}.heading p{max-width:230px;line-height:1.8}.arena{height:525px}.intro h2{font-size:31px}.intro{padding-top:95px}.arena-top{left:15px;right:13px}.mission{font-size:5px}.tools button{width:27px;height:27px}.panel{padding:14px}.course{flex-wrap:wrap}.course h3{font-size:11px}.course p{font-size:7px}.level{display:none}.flag{font-size:10px}.mode{gap:6px;padding:9px 6px}.mode b{font-size:8px}.mode small{font-size:6px}.mode>span{width:20px;font-size:16px}.scores b{font-size:19px}.scores small{font-size:5px}.toggle{font-size:8px}.toggle small{font-size:6px}.controls input{padding:12px 9px;font-size:10px}.controls form{gap:8px}.controls form .btn{padding:12px;font-size:9px}.result-grid{gap:25px}.results h2{font-size:22px}.question{font-size:10px}.pill{font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.layout{display:block}.arena{height:clamp(610px,74vh,900px)}.arena-top{z-index:15}.threshold{border-color:#ff71854d;top:calc(57.111% + 100px)}.threshold span{color:#ff98a699}.enemy{cursor:default;z-index:5;width:280px;min-width:0;padding:0;transition:none}.enemy-card{background:linear-gradient(145deg,#1c314eef,#122139f5);border:2px solid #516784;border-radius:15px;padding:13px;transition:border-color .15s,box-shadow .15s;box-shadow:0 8px 24px #0005}.enemy.target .enemy-card{border-color:#70deed;box-shadow:0 0 22px #70deed24}.enemy-type{letter-spacing:1px;color:#98b1d3;margin-bottom:10px;font-size:8px;font-weight:700}.enemy .question{box-shadow:none;background:0 0;border:0;padding:0 0 12px;font-size:20px}.target-form{gap:7px;display:flex}.target-form input{color:#edf2ff;background:#091426;border:1px solid #526887;border-radius:8px;outline:none;flex:1;width:0;min-width:0;padding:11px 9px;font-size:12px}.target-form input:focus{border-color:#83ebfa;box-shadow:0 0 0 2px #70deed22}.target-form input::placeholder{color:#9aacc8}.target-form .btn{border-radius:8px;padding:8px 12px;font-size:15px}.target-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.target-choices .btn{letter-spacing:0;border-radius:8px;padding:9px 5px;font-size:10px}.target-actions{justify-content:space-between;align-items:center;gap:7px;margin-top:12px;display:flex}.target-actions button{color:#c8b6f4;background:0 0;border:0;padding:3px;font-size:10px}.target-timer{background:#ffffff14;border-radius:4px;height:3px;margin-top:12px;overflow:hidden}.target-timer i{background:#76e2ed;height:100%;display:block}.enemy .mini-ufo{margin-top:24px}.enemy.locked{z-index:3}.enemy.locked .enemy-card{background:linear-gradient(140deg,#3a2039f5,#271b2ff5);border-color:#ff7185;box-shadow:0 0 20px #ff718525}.enemy.locked .enemy-type,.enemy.locked .question{color:#ff9bab}.enemy.locked input:disabled,.enemy.locked .btn:disabled{opacity:.65}.enemy.locked .mini-ufo{filter:grayscale(.6)sepia(.2)}.tool-wrap{position:relative}.tool-tip{white-space:normal;color:#b6c7e5;text-align:left;background:#182641fa;border:1px solid #506586;border-radius:12px;width:250px;padding:15px 17px;font-size:11px;line-height:1.8;display:none;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 35px #0006}.tool-tip:before{content:"";height:16px;position:absolute;top:-15px;left:0;right:0}.tool-tip b,.tool-tip span{display:block}.tool-tip b{color:#8eeaf4;margin-bottom:7px;font-size:12px}.tool-wrap:hover .tool-tip,.tool-wrap:focus-within .tool-tip,.tool-tip.open{display:block}.tools button{transition:transform .12s,box-shadow .12s;box-shadow:0 3px #0a1326}.tools button:hover{background:#2e4264}.tools button:active{box-shadow:none;transform:translateY(3px)}.heading{margin-bottom:23px}.ground{bottom:14px}.intro{padding-top:110px}.intro h2{font-size:44px}.launch{margin-top:27px}@media (width<=800px){.arena{height:clamp(660px,78vh,860px)}.enemy{width:245px}.enemy .question{font-size:17px}.tools{gap:5px}.tool-tip{width:220px}.intro h2{font-size:36px}.intro p{font-size:11px}}@media (width<=550px){.arena-top{align-items:flex-start;top:15px;left:12px;right:12px}.mission{letter-spacing:.8px;max-width:105px;font-size:6px;line-height:1.8}.tools{gap:5px}.tools button{width:28px;height:28px}.enemy{width:225px;left:50%!important}.enemy-card{padding:11px}.enemy.locked{opacity:.8;width:200px}.enemy.locked .enemy-card{padding:8px}.enemy.locked .target-actions{display:none}.enemy.locked .question{padding-bottom:6px;font-size:14px}.enemy.locked .target-choices .btn{padding:5px}.enemy.locked .mini-ufo{margin-top:18px}.intro{padding-top:125px}.intro h2{font-size:32px}.tool-tip{width:230px;right:-30px}.player{width:150px}.heading h1{font-size:21px}.threshold span{font-size:6px}}.arena.expanded{z-index:50;isolation:isolate;border:0;border-radius:0;width:100vw;height:100dvh;max-height:none;animation:.6s cubic-bezier(.2,.8,.2,1) both expandArena;position:fixed;inset:0}.expanded .enemy{width:300px}.player{width:280px;bottom:22px}.expanded .player{width:clamp(260px,25vw,380px);bottom:18px}.battle-effects{pointer-events:none;z-index:7;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.aim-beam{stroke:#65edff;stroke-width:2px;filter:drop-shadow(0 0 5px #53dfff);stroke-linecap:round;animation:.32s both beamFade}.muzzle-flash{fill:#d9ffff;filter:drop-shadow(0 0 9px #53dfff);transform-box:fill-box;transform-origin:50%;animation:.22s both muzzleFlash}.projectile{filter:drop-shadow(0 0 7px #53dfff);animation:.37s both beamFade}.ufo-burst{z-index:9;pointer-events:none;width:0;height:0;position:absolute}.blast-ring{border:3px solid #89f6ff;border-radius:50%;width:70px;height:70px;animation:.75s ease-out both blastRing;position:absolute;top:-35px;left:-35px;box-shadow:0 0 25px #53dfff,inset 0 0 20px #53dfff}.blast-core{background:radial-gradient(circle,#fff 0%,#b8f9ff 25%,#a78bfa 55%,#0000 75%);border-radius:50%;width:50px;height:50px;animation:.5s both blastCore;position:absolute;top:-25px;left:-25px}.ufo-burst i{animation:.8s cubic-bezier(.1,.5,.3,1) both fragmentFly;animation-delay:var(--delay);position:absolute;top:-4px;left:-6px}.hull-fragment{clip-path:polygon(0 0,100% 15%,65% 100%,15% 80%);background:linear-gradient(130deg,#d1bcff,#655494);border:1px solid #b4eaff;border-radius:3px;width:20px;height:12px}.spark-fragment{background:#a0faff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #65eaff}.ufo-burst strong{text-align:center;color:#9df4c3;text-shadow:0 2px 8px #081426;width:110px;font-size:20px;animation:.9s both scoreRise;position:absolute;top:-35px;left:-55px}.expanded .overlay{z-index:20}.expanded .ground{bottom:10px}.expanded .threshold{z-index:1}.enemy.locked{pointer-events:none}@keyframes expandArena{0%{clip-path:inset(10% 12% round 22px);opacity:.6;transform:scale(.96)}to{clip-path:inset(0);opacity:1;transform:scale(1)}}@keyframes beamFade{0%{opacity:1}65%{opacity:.8}to{opacity:0}}@keyframes muzzleFlash{0%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(.1)}}@keyframes blastRing{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(3.4)}}@keyframes blastCore{0%{opacity:1;transform:scale(.2)}35%{opacity:1;transform:scale(1.8)}to{opacity:0;transform:scale(2.4)}}@keyframes fragmentFly{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--turn))}}@keyframes scoreRise{0%{opacity:0;translate:0}20%{opacity:1}to{opacity:0;translate:0 -80px}}@media (width<=800px){.player{width:230px}.expanded .player,.expanded .enemy{width:250px}.expanded .arena-top{top:16px;left:14px;right:14px}}@media (width<=550px){.player{width:210px}.expanded .player,.expanded .enemy{width:235px}.expanded .mission{max-width:80px;font-size:5px}.expanded .tools{gap:4px}.expanded .tools button{width:27px;height:27px}.expanded .enemy.locked{width:195px}}@media (prefers-reduced-motion:reduce){.arena.expanded,.blast-ring,.blast-core,.ufo-burst i,.ufo-burst strong,.muzzle-flash,.aim-beam,.projectile{animation:none!important}.ufo-burst i{display:none}.aim-beam{opacity:.55}}.arena.expanded{transform-origin:0 0;animation:1.65s cubic-bezier(.22,.7,.22,1) both cinematicExpand}.player.phase-takeoff{pointer-events:none;rotate:0;animation:1.15s cubic-bezier(.45,0,.8,.45) both shipTakeoff;translate:0}.player.phase-landing{pointer-events:none;rotate:0;animation:1.3s cubic-bezier(.12,.65,.23,1) both shipLanding;translate:0}.player.phase-arming{rotate:0;pointer-events:none;animation:.65s ease-out both shipArm;translate:0}.player.phase-ready{rotate:0;cursor:default;animation:4s ease-in-out infinite battleFloat}.phase-takeoff .engine{filter:blur(8px);background:linear-gradient(#aefaff,#53dfff88,#0000);height:120px;animation:.15s infinite alternate enginePulse;bottom:-90px;left:38%;right:38%}.phase-landing .engine{filter:blur(10px);height:75px;bottom:-50px}.ufo-launch-tip{color:#d4faff;text-align:center;background:linear-gradient(130deg,#2c5265,#1e304e);border:1px solid #8ce6ef;border-bottom:3px solid #337e91;border-radius:13px;width:245px;padding:13px 12px;animation:2.5s ease-in-out infinite launchTip;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 0 30px #53dfff22}.ufo-launch-tip:after{content:"";background:#234157;border-bottom:1px solid #8ce6ef;border-right:1px solid #8ce6ef;width:12px;height:12px;position:absolute;bottom:-8px;left:calc(50% - 6px);transform:rotate(45deg)}.ufo-launch-tip b{letter-spacing:.7px;font-size:11px}.ufo-launch-tip small{color:#a8cbdc;margin-top:6px;font-size:9px;display:block}.phase-idle:hover .ufo-launch-tip,.phase-idle:focus-visible .ufo-launch-tip{background:#2c5265;box-shadow:0 0 35px #53dfff44}.battle-cannon{opacity:0;transform-origin:top;pointer-events:none;background:linear-gradient(90deg,#7764a1,#c9beff 40%,#3b4764);border:1px solid #c6c7fc;border-bottom:4px solid #9efaff;border-radius:4px 4px 50% 50%;width:8%;height:13%;position:absolute;top:52%;transform:scaleY(.1);box-shadow:0 4px 12px #53dfff66}.cannon-left{left:18%}.cannon-right{left:74%}.phase-arming .battle-cannon{animation:.6s cubic-bezier(.18,.8,.3,1) forwards deployCannon}.phase-ready .battle-cannon{opacity:1;transform:scaleY(1)}.battle-shield{opacity:0;pointer-events:none;border:1px solid #77e7ff55;border-radius:50%;position:absolute;inset:6% 1%;box-shadow:0 0 20px #53dfff22}.phase-arming .battle-shield{animation:.65s both shieldIgnite}.phase-ready .battle-shield{opacity:.4}.launch-status{text-align:center;letter-spacing:2px;color:#a0e7f5;pointer-events:none;z-index:10;font-size:11px;font-weight:700;animation:.7s ease-out both launchStatus;position:absolute;top:45%;left:20px;right:20px}.launching .threshold{opacity:0}.launching .tools{pointer-events:none;opacity:.45}.intro>small{margin-top:24px}.phase-idle,.expanded .phase-idle{width:300px}@keyframes cinematicExpand{0%{transform:translate(var(--launch-x,0px), var(--launch-y,0px)) scale(var(--launch-sx,1), var(--launch-sy,1));border-radius:22px}to{border-radius:0;transform:translate(0)scale(1)}}@keyframes shipTakeoff{0%{transform:translate(-50%)translateY(0)scale(1)}18%{transform:translate(-50%)translateY(7px)scale(.98)}to{transform:translate(-50%)translateY(-120vh)scale(.7)}}@keyframes shipLanding{0%{transform:translate(-50%)translateY(-120vh)scale(.7)}80%{transform:translate(-50%)translateY(7px)scale(1.02)}to{transform:translate(-50%)translateY(0)scale(1)}}@keyframes shipArm{0%{filter:brightness()}45%{filter:brightness(1.45)drop-shadow(0 0 20px #53dfff)}to{filter:brightness()}}@keyframes battleFloat{0%,to{translate:0}50%{translate:0 -5px}}@keyframes enginePulse{0%{opacity:.65;scale:.95 1}to{opacity:1;scale:1.05 1.15}}@keyframes launchTip{0%,to{translate:0}50%{translate:0 -5px}}@keyframes deployCannon{0%{opacity:0;transform:scaleY(.1)}35%{opacity:1}85%{transform:scaleY(1.1)}to{opacity:1;transform:scaleY(1)}}@keyframes shieldIgnite{0%{opacity:0;scale:.8}50%{opacity:1;scale:1.1}to{opacity:.4;scale:1}}@keyframes launchStatus{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (width<=550px){.phase-idle{width:245px}.ufo-launch-tip{width:225px}.launch-status{letter-spacing:1px;font-size:9px}}@media (prefers-reduced-motion:reduce){.arena.expanded,.player,.ufo-launch-tip,.battle-cannon,.battle-shield,.launch-status{animation:none!important}.phase-ready .battle-cannon{opacity:1;transform:none}.launch-status{opacity:1}}.player img{z-index:2;transition:filter .65s;position:relative}.phase-ready .engine{background:#ff6b2b55}.phase-arming .battle-cannon,.phase-ready .battle-cannon{background:linear-gradient(90deg,#742331,#e78c74 40%,#6e293d);border-color:#ffb28b #ffb28b #ffe58b;box-shadow:0 4px 12px #ff702d88}.engine-flame{z-index:1;opacity:0;pointer-events:none;transform-origin:50% 0;filter:drop-shadow(0 0 8px #ff792e);clip-path:polygon(10% 0,90% 0,100% 30%,75% 70%,50% 100%,26% 74%,0 30%);background:linear-gradient(#fff7b1 0%,#ffcf59 22%,#ff7a28 55%,#ed302299 80%,#0000);border-radius:35% 35% 60% 60%;width:12%;height:38%;position:absolute;top:74%}.flame-left{left:30%}.flame-right{right:30%;animation-delay:-.13s!important}.engine-flame i{background:linear-gradient(#fff,#fff1b3,#ffaf3c00);border-radius:30% 30% 70% 70%;height:65%;position:absolute;top:0;left:30%;right:30%}.engine-flame b{background:#ffc451;border-radius:50%;width:5px;height:5px;animation:.65s linear infinite exhaustSpark;position:absolute;bottom:0;left:40%;box-shadow:0 0 8px #ff632d}.phase-ready .engine-flame,.phase-arming .engine-flame{opacity:1;animation:.18s ease-in-out infinite alternate flameFlicker}.phase-takeoff .engine-flame{opacity:1;height:80%;animation:.1s infinite alternate flameFlicker}.phase-landing .engine-flame{opacity:1;height:48%;animation:.15s infinite alternate flameFlicker}.fire-projectile{filter:drop-shadow(0 0 5px #ffce5b)drop-shadow(0 0 10px #ff582b)}.fire-trail{filter:drop-shadow(0 0 4px #ff762c);animation:.3s both beamFade}.muzzle-flash{fill:#fff1a6;filter:drop-shadow(0 0 10px #ff742d)}.battle-cannon{z-index:3}.battle-shield{z-index:4}@keyframes flameFlicker{0%{filter:drop-shadow(0 0 6px #ff792e);transform:scale(.85,.7)}to{filter:drop-shadow(0 0 12px #ffad38);transform:scale(1.05,1.15)}}@keyframes exhaustSpark{0%{opacity:1;translate:0 -15px}to{opacity:0;translate:3px 35px}}@media (width<=550px){.player,.phase-idle,.expanded .phase-idle{width:185px}.expanded .player{width:195px}.ufo-launch-tip{width:215px}}@media (prefers-reduced-motion:reduce){.engine-flame,.engine-flame b,.fire-trail{animation:none!important}.engine-flame{transform:none}.player img{transition:none}}.enemy{will-change:top}.enemy-card{animation:1.1s ease-out both enemyArrival}.enemy .mini-ufo{isolation:isolate;animation:3.8s ease-in-out infinite enemyHover}.enemy-aura{z-index:-1;border:1px solid #b6b0ff33;border-radius:50%;animation:3s ease-in-out infinite enemyAura;position:absolute;inset:-12px -18px;box-shadow:0 0 20px #9d8ce93d,inset 0 0 13px #82f4fa22}.enemy-exhaust{z-index:-1;clip-path:polygon(10% 0,90% 0,75% 100%,25% 100%);filter:blur(3px);background:linear-gradient(#94faff55,#9f8eff22,#0000);width:45px;height:45px;animation:.65s ease-in-out infinite alternate enemyThrust;position:absolute;top:13px;left:25px}.enemy-exhaust b{background:#beffff;border-radius:50%;width:2px;height:5px;animation:1.6s linear infinite enemyIon;position:absolute;top:5px;left:20%}.enemy-exhaust b:nth-child(2){animation-delay:-.5s;left:50%}.enemy-exhaust b:nth-child(3){animation-delay:-1s;left:75%}.enemy.locked .enemy-aura{border-color:#ff718555;box-shadow:0 0 20px #ff718533}.enemy.locked .enemy-exhaust{background:linear-gradient(#ff8b5f66,#ff557522,#0000)}.enemy.locked .enemy-exhaust b{background:#ffc28f}.enemy:has(input:focus) .enemy-card{box-shadow:0 0 22px #70deed30}.enemy:has(input:focus) .enemy-aura{border-color:#80f3ff77}.enemy.locked .mini-ufo{animation-duration:5s}.enemy.destroying .mini-ufo{animation-play-state:paused}@keyframes enemyArrival{0%{opacity:0;filter:blur(3px);scale:.92}to{opacity:1;filter:blur();scale:1}}@keyframes enemyHover{0%,to{translate:0;rotate:-1.5deg}50%{translate:0 -3px;rotate:1.5deg}}@keyframes enemyAura{0%,to{opacity:.45;scale:1}50%{opacity:.9;scale:1.07}}@keyframes enemyThrust{0%{opacity:.55;scale:.95 .8}to{opacity:.9;scale:1.05 1.15}}@keyframes enemyIon{0%{opacity:0;translate:0}20%{opacity:.9}to{opacity:0;translate:0 32px}}@media (prefers-reduced-motion:reduce){.enemy-card,.enemy .mini-ufo,.enemy-aura,.enemy-exhaust,.enemy-exhaust b{animation:none!important}.enemy-aura{opacity:.5}.enemy-exhaust b{display:none}}.player,.phase-idle,.expanded .phase-idle{width:165px}.expanded .player{width:clamp(150px,13vw,190px)}@media (width<=550px){.player,.phase-idle,.expanded .phase-idle{width:145px}.expanded .player{width:155px}}.player .engine,.player .engine-flame{display:none!important}.enemy{animation:.7s cubic-bezier(.2,.7,.25,1) both enemySlideIntoView}@keyframes enemySlideIntoView{0%{opacity:0;translate:0 -330px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.enemy{animation:none!important}}.threshold{top:calc(77.7778% + 16px)}.winding-fire-dot{filter:drop-shadow(0 0 4px #ffcd68)drop-shadow(0 0 8px #ff6a27)}.puff-flash{fill:#ffe9a2;filter:drop-shadow(0 0 8px #ff942f)}@media (prefers-reduced-motion:reduce){.winding-fire-dot{filter:none}}.enemy.accelerating .enemy-card{border-color:#ff754f;box-shadow:0 -14px 35px #ff5a3528}.enemy.accelerating .mini-ufo{animation:.14s linear infinite enemyDiveShake}.enemy.accelerating .enemy-exhaust{clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);background:linear-gradient(#0000,#ff6a2666,#ffe8a6);height:100px;animation:.12s infinite alternate enemyThrust;top:auto;bottom:10px}.enemy.accelerating:before,.enemy.accelerating:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ffbc77aa);width:2px;height:95px;animation:.45s linear infinite diveSpeedLines;position:absolute;bottom:25px;box-shadow:0 0 10px #ff733f}.enemy.accelerating:before{animation-delay:-.2s;left:18%}.enemy.accelerating:after{right:18%}.enemy.accelerating .enemy-aura{border-color:#ffac6788;box-shadow:0 0 25px #ff682e66}@keyframes enemyDiveShake{0%,to{translate:-1px;rotate:-2deg}50%{translate:1px 1px;rotate:2deg}}@keyframes diveSpeedLines{0%{opacity:0;translate:0 -55px}40%{opacity:1}to{opacity:0;translate:0 15px}}@media (prefers-reduced-motion:reduce){.enemy.accelerating .mini-ufo,.enemy.accelerating .enemy-exhaust,.enemy.accelerating:before,.enemy.accelerating:after{animation:none!important}.enemy.accelerating:before,.enemy.accelerating:after{opacity:.4}}.hull-scars{z-index:4;height:25%;opacity:var(--hull-damage,0);pointer-events:none;background:repeating-linear-gradient(125deg,#0000 0 14px,#291434cc 15px 17px,#0000 18px 31px);border-radius:50%;transition:opacity .6s;position:absolute;top:47%;left:12%;right:12%}.backfire-impact{z-index:6;pointer-events:none;background:radial-gradient(#fff0c4cc,#d16bff88 45%,#0000 70%);border-radius:50%;animation:.55s ease-out both backfireHit;position:absolute;inset:10% 5%;box-shadow:0 0 25px #c98fff}.hull-status{letter-spacing:1px;white-space:nowrap;color:#d0b3ec;pointer-events:none;background:#1a1639cc;border:1px solid #9e73bb55;border-radius:8px;padding:3px 7px;font-size:7px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}@keyframes backfireHit{0%{opacity:1;scale:.8}25%{opacity:1;scale:1.15}50%{opacity:.35;scale:.95}70%{opacity:.7}to{opacity:0;scale:1.25}}@media (prefers-reduced-motion:reduce){.backfire-impact{opacity:.35;animation:none}.hull-scars{transition:none}}.hull-filter-defs{pointer-events:none;position:absolute}.phase-arming img,.phase-ready img{filter:url(#hull-red);transition:filter .4s}.player .hull-damage-image{object-fit:contain;z-index:3;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.phase-arming .hull-damage-image,.phase-ready .hull-damage-image{filter:url(#hull-purple);clip-path:inset(0 calc(100% - var(--damage-width,0%)) 0 0);transition:clip-path .6s;display:block}.phase-arming .battle-cannon,.phase-ready .battle-cannon{z-index:4}@media (prefers-reduced-motion:reduce){.phase-arming .hull-damage-image,.phase-ready .hull-damage-image{transition:none}}.hull-lightning{z-index:5;pointer-events:none;width:112%;height:114%;position:absolute;inset:-7% -6%;overflow:visible}.hull-lightning g{opacity:var(--electric-opacity,.7);animation:electricalSurge var(--electric-duration,2s) ease-in-out infinite}.hull-lightning path{fill:none;stroke-linejoin:bevel;stroke-linecap:round}.electric-glow{stroke:#799aff;stroke-width:5px;filter:blur(3px)}.electric-core{stroke:#e6fcff;stroke-width:1.5px;filter:drop-shadow(0 0 4px #8b98ff)}@keyframes electricalSurge{0%,to{opacity:.15;translate:0}40%{opacity:var(--electric-opacity,.7);translate:1px}70%{opacity:.35;translate:0 1px}}@media (prefers-reduced-motion:reduce){.hull-lightning g{opacity:var(--electric-opacity,.7);animation:none}}.phase-arming img,.phase-ready img{filter:grayscale()sepia()saturate(7)hue-rotate(320deg)drop-shadow(0 0 12px #ff642944)}.phase-ready .battle-shield,.phase-arming .battle-shield{border-color:#ffad6655;box-shadow:0 0 18px #ff702522}.hull-lightning{width:118%;height:124%;inset:-12% -9%}.electric-halo{stroke:#6356ff;stroke-width:8px;filter:blur(5px);opacity:.55}.hull-lightning .electric-glow{stroke:#55dfff;stroke-width:3.2px;filter:blur(1.4px);opacity:.85}.hull-lightning .electric-core{stroke:azure;stroke-width:.95px;filter:drop-shadow(0 0 2px #b4f7ff);stroke-dasharray:68 32;animation:1.8s linear infinite arcTravel}.hull-lightning .electric-arc{animation:arcSurge var(--electric-duration,2s) ease-in-out infinite}.hull-lightning .electric-contact{animation:2.2s ease-in-out infinite contactSpark}.electric-contact circle{fill:#d9ffff;filter:blur(1px)drop-shadow(0 0 5px #6deaff)}.electric-contact path{stroke:#ecffff;stroke-width:.6px;filter:drop-shadow(0 0 3px #60eaff)}@keyframes arcTravel{0%{stroke-dashoffset:100px}to{stroke-dashoffset:-100px}}@keyframes arcSurge{0%,to{opacity:.08}22%{opacity:calc(var(--electric-opacity,.7) * .5)}48%{opacity:var(--electric-opacity,.7)}75%{opacity:.18}}@keyframes contactSpark{0%,to{opacity:0}35%{opacity:.25}50%{opacity:.85}70%{opacity:.1}}@media (prefers-reduced-motion:reduce){.hull-lightning .electric-arc,.hull-lightning .electric-core,.hull-lightning .electric-contact{opacity:var(--electric-opacity,.7);animation:none!important}.hull-lightning .electric-core{stroke-dasharray:none}}.electrical-atmosphere{z-index:5;pointer-events:none;isolation:isolate;position:absolute;inset:0}.electric-wave{width:66%;height:48%;animation:faultWave var(--fault-cycle,2.5s) ease-out infinite;border:1px solid #b6f8ff;border-radius:50%;position:absolute;top:31%;left:17%;box-shadow:0 0 8px #66dfff,inset 0 0 8px #9291ff}.electric-wave:nth-child(2){border-style:dashed;border-color:#9fb5ff;rotate:15deg}.electric-wave:nth-child(3){border-color:#e2feff;rotate:-12deg}.fault-smoke{left:calc(50% + var(--smoke-x));width:var(--smoke-size);height:var(--smoke-size);filter:blur(4px);mix-blend-mode:screen;opacity:0;z-index:-1;background:radial-gradient(at 40% 60%,#bcc5d366,#8a96b455 30%,#3b405f44 55%,#0000 75%);border-radius:45% 60% 40% 55%;animation:4s ease-out infinite smokeCurl;position:absolute;top:38%}.hull-lightning .electric-arc{animation-name:arcSurge,localElectricFlicker;animation-duration:var(--electric-duration,2s),2.6s;animation-timing-function:ease-in-out,step-end;animation-iteration-count:infinite}@keyframes faultWave{0%{opacity:0;transform:scale(.65)}12%{opacity:calc(.2 + var(--fault-strength)*.5)}32%{opacity:.1}45%{opacity:calc(.15 + var(--fault-strength)*.3)}85%,to{opacity:0;transform:scale(2.1)}}@keyframes smokeCurl{0%{opacity:0;transform:translate(-50%)scale(.45)rotate(0)}18%{opacity:calc(.15 + var(--fault-strength)*.4)}55%{opacity:calc(.1 + var(--fault-strength)*.25);transform:translate(calc(-50% + var(--smoke-drift)*.5),-45px) scale(1.4) rotate(35deg)}to{opacity:0;transform:translate(calc(-50% + var(--smoke-drift)),-110px) scale(2.4) rotate(80deg)}}@keyframes localElectricFlicker{0%,38%,58%,to{filter:brightness()}42%,52%{filter:brightness(1.55)}46%{filter:brightness(.7)}}@media (prefers-reduced-motion:reduce){.electric-wave{opacity:.15;transform:scale(1.3);animation:none!important}.electric-wave:nth-child(n+2){display:none}.fault-smoke{opacity:.2;filter:blur(5px);transform:translate(-50%,-18px);animation:none!important}.hull-lightning .electric-arc{animation:none!important}}.space-object{filter:drop-shadow(0 0 10px #9ba5f344);width:120px;height:86px;margin:9px auto 0;animation:4s ease-in-out infinite spaceObjectFloat;position:relative}.space-object svg{width:100%;height:100%;overflow:visible}.rock-body{transform-origin:70px 50px;animation:24s linear infinite asteroidTurn}.comet-tail{animation:1.8s ease-in-out infinite alternate cometGlow}.probe-flame{transform-origin:70px 65px;animation:.5s ease-in-out infinite alternate probeThrust}.enemy.accelerating .space-object{filter:drop-shadow(0 -10px 15px #ff7a3f77);animation:.14s infinite enemyDiveShake}.enemy.locked .space-object{opacity:.8}@keyframes spaceObjectFloat{0%,to{translate:0;rotate:-2deg}50%{translate:0 -4px;rotate:2deg}}@keyframes asteroidTurn{to{transform:rotate(360deg)}}@keyframes cometGlow{0%{opacity:.55}to{opacity:1}}@keyframes probeThrust{0%{opacity:.4;scale:1 .75}to{opacity:.8;scale:1 1.15}}@media (prefers-reduced-motion:reduce){.space-object,.rock-body,.comet-tail,.probe-flame,.enemy.accelerating .space-object{animation:none!important}}.electrical-atmosphere{z-index:7;overflow:visible}.fault-smoke{top:13%;left:calc(50% + var(--smoke-x));width:calc(var(--smoke-size) * 1.5);height:calc(var(--smoke-size) * 1.5);z-index:1;filter:blur(3px);mix-blend-mode:normal;background:radial-gradient(at 40% 55%,#d4d8e0bb 0%,#9fa9bac0 24%,#626c88aa 45%,#39435f44 65%,#0000 76%);animation-name:smokeAboveCockpit}@keyframes smokeAboveCockpit{0%{opacity:0;transform:translate(-50%)scale(.35)rotate(0)}12%{opacity:calc(.4 + var(--fault-strength)*.4)}38%{opacity:calc(.35 + var(--fault-strength)*.3);transform:translate(calc(-50% + var(--smoke-drift)*.3),-35px) scale(1) rotate(20deg)}70%{opacity:.35;transform:translate(calc(-50% + var(--smoke-drift)),-85px) scale(1.7) rotate(50deg)}to{opacity:0;transform:translate(calc(-50% + var(--smoke-drift)*1.7),-145px) scale(2.5) rotate(85deg)}}@media (prefers-reduced-motion:reduce){.fault-smoke{opacity:.45;transform:translate(-50%,-25px)scale(1.2);animation:none!important}}.automatic-hint{color:#e1d4ff;letter-spacing:3px;background:#33264cee;border:1px solid #c7b2ff77;border-radius:9px;width:max-content;max-width:100%;margin:8px auto 0;padding:7px 15px;font-size:13px;animation:.35s ease-out both enemyArrival;box-shadow:0 0 18px #ad8cff22}.automatic-hint small{letter-spacing:1px;color:#cbb5ff;margin-bottom:5px;font-size:7px;display:block}.midpoint-replay{color:#a8f4ff;text-align:center;background:#173d51;border:1px solid #6eddea66;border-radius:8px;margin-top:8px;padding:7px 10px;font-size:10px}.arena-scenery{pointer-events:none;z-index:0;will-change:transform;position:absolute;inset:0}.scenery-stars{background-image:radial-gradient(circle,#d4ecff88 1px,#0000 1.5px),radial-gradient(circle,#a999dc66 1px,#0000 1.5px);background-position:11px 25px,67px 41px;background-size:123px 97px,179px 153px;position:absolute;inset:-16px}.arena-scenery .planet{animation:75s linear infinite backgroundPlanetTurn;overflow:hidden}.arena-scenery .planet:before{content:"";background:repeating-linear-gradient(18deg,#0000 0 17px,#b6a0d51a 20px 24px,#0000 31px 47px);border-radius:50%;animation:55s linear infinite planetSurfaceTurn;position:absolute;inset:-30%}.arena-scenery .planet:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset -17px -10px 25px #080e29aa}.arena-scenery .ring{animation:22s ease-in-out infinite alternate backgroundRingTilt}.arena-scenery .small-planet{animation:20s ease-in-out infinite alternate smallPlanetDrift;overflow:hidden}.arena-scenery .small-planet:before{content:"";background:repeating-linear-gradient(30deg,#0000 0 9px,#bcf9e622 10px 13px,#0000 15px 23px);border-radius:50%;animation:45s linear infinite planetSurfaceTurn;position:absolute;inset:0}@keyframes backgroundPlanetTurn{0%{rotate:0deg}to{rotate:360deg}}@keyframes planetSurfaceTurn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes backgroundRingTilt{0%{transform:rotate(-32deg)translate(0,0)}to{transform:rotate(-24deg)translateY(4px)}}@keyframes smallPlanetDrift{0%{translate:0;rotate:-8deg}to{translate:8px -10px;rotate:12deg}}@media (prefers-reduced-motion:reduce){.arena-scenery *,.arena-scenery :before{animation:none!important}.arena-scenery{will-change:auto}}.starfield{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.star-orbit{transform-origin:50%;will-change:transform;animation:150s linear infinite starOrbit;position:absolute;inset:-50%}.star-orbit-1{opacity:.65;animation-duration:220s;animation-direction:reverse}.star-orbit-2{opacity:.8;animation-duration:100s}.star-orbit i{animation:starGlitter var(--star-twinkle) ease-in-out infinite,starDrift var(--star-drift) ease-in-out infinite alternate;animation-delay:var(--star-delay);opacity:.6;background:#ccefff;border-radius:50%;display:block;position:absolute;box-shadow:0 0 5px #b0dfff88}.star-orbit .warm-star{background:#ffe2b5;box-shadow:0 0 5px #ffcf9d66}.ambient-starfield{opacity:.55}.arena:before{background-image:none}@keyframes starOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starGlitter{0%,to{opacity:.25}50%{opacity:.9}}@keyframes starDrift{0%{translate:0}to{translate:var(--star-x) var(--star-y)}}@media (prefers-reduced-motion:reduce){.star-orbit,.star-orbit i{will-change:auto;animation:none!important}}.star-orbit,.star-orbit i,.arena-scenery .planet,.arena-scenery .planet:before,.arena-scenery .ring,.arena-scenery .small-planet,.arena-scenery .small-planet:before{will-change:auto;animation:none!important}.star-orbit{transform:none}.star-orbit-1{transform:rotate(37deg)}.star-orbit-2{transform:rotate(-29deg)}.star-orbit i.sparkle-star{animation:quietStarSparkle var(--star-twinkle) ease-in-out infinite!important;animation-delay:var(--star-delay)!important}@keyframes quietStarSparkle{0%,65%,to{opacity:.25}80%{opacity:1}90%{opacity:.5}}@media (prefers-reduced-motion:reduce){.star-orbit i.sparkle-star{opacity:.6;animation:none!important}}.star-orbit{inset:0;transform:none!important}.star-orbit i.sparkle-star{z-index:2;background:#fff9df;box-shadow:0 0 6px #fff,0 0 15px #92dfffaa;animation:visibleStarSparkle var(--star-twinkle) ease-in-out infinite!important}.sparkle-star:before,.sparkle-star:after{content:"";pointer-events:none;background:linear-gradient(#0000,#eaffff,#0000);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sparkle-star:before{width:2px;height:24px}.sparkle-star:after{background:linear-gradient(90deg,#0000,#eaffff,#0000);width:24px;height:2px}@keyframes visibleStarSparkle{0%,to{opacity:.35;scale:.65}45%{opacity:1;scale:1.4}60%{opacity:.75;scale:1}}@media (prefers-reduced-motion:reduce){.star-orbit i.sparkle-star{opacity:1;scale:1;animation:none!important}}.starfield:before{content:"";pointer-events:none;background:radial-gradient(at 18% 28%,#6840b32b,#0000 38%),radial-gradient(at 78% 62%,#258ca225,#0000 36%),radial-gradient(at 48% 86%,#62429620,#0000 40%);position:absolute;inset:0}.starfield:after{content:"";pointer-events:none;background:radial-gradient(at 11% 60%,#75efff12,#0000 24%),radial-gradient(at 85% 17%,#ba87ff16,#0000 28%);position:absolute;inset:0}.star-orbit i:not(.sparkle-star){box-shadow:0 0 4px #a8dcff66}.star-orbit-1 .warm-star{background:#d3baff;box-shadow:0 0 6px #ad88ff88}.star-orbit-2 i:not(.warm-star):not(.sparkle-star){background:#a3edf2;box-shadow:0 0 5px #6ee5e866}.threshold{pointer-events:none;border-top:0;height:22px}.threshold-wave{display:block;overflow:visible}.threshold-fire-runner{filter:drop-shadow(0 0 4px #ff8b38);animation:10s linear infinite lockFireSweep}@keyframes lockFireSweep{0%{x:-25%;opacity:1}35%{x:100%;opacity:1}36%,to{x:100%;opacity:0}}@media (prefers-reduced-motion:reduce){.threshold-fire-runner{opacity:0;animation:none!important}}.threshold-wave pattern path{stroke-dasharray:.1 6;stroke-linecap:round;stroke-width:2.3px}.distant-planet{pointer-events:none;opacity:.65;border-radius:50%;position:absolute;box-shadow:inset -9px -6px 15px #070d26bb;animation:none!important}.planet-rust{background:radial-gradient(circle at 30% 25%,#c89376,#885359 48%,#392d4a 85%);width:72px;height:72px;top:57%;left:-22px}.planet-ice{opacity:.55;background:radial-gradient(circle at 32% 25%,#b1d5d7,#538399 48%,#24374f 85%);width:38px;height:38px;top:69%;right:7%}.planet-violet{opacity:.5;background:radial-gradient(circle at 30% 23%,#a99cce,#655f9c 50%,#2d304c 85%);width:29px;height:29px;top:12%;left:23%}.planet-gold{opacity:.5;background:repeating-linear-gradient(12deg,#8a6b61 0 5px,#b09273 6px 10px,#796174 12px 17px);width:55px;height:55px;top:39%;right:-19px}.planet-gold:after{content:"";background:radial-gradient(circle at 25% 25%,#0000 15%,#0b132d99 80%);border-radius:50%;position:absolute;inset:0}@media (width<=550px){.planet-rust{width:52px;height:52px;left:-20px}.planet-ice{width:27px;height:27px;right:4%}.planet-violet{width:20px;height:20px;left:18%}.planet-gold{right:-23px}}.focus-grid{pointer-events:none;background-image:radial-gradient(circle,#9aabc733 1px,#0000 1.2px);background-position:22px 22px;background-size:44px 44px;position:absolute;inset:0}.focus-grid-ambient{opacity:.4}.threshold>span{color:#8d9bb5;top:8px}.study-planet{pointer-events:none;border-radius:50%;position:absolute;animation:none!important}.study-saturn{opacity:.6;background:repeating-linear-gradient(18deg,#9384b0 0 8px,#756d96 10px 16px,#aaa0b7 19px 23px);width:102px;height:102px;top:19%;right:-25px;box-shadow:inset -25px -15px 28px #101932ee,inset 5px 4px 13px #d2c6f244,0 0 25px #9e82bd0d}.study-saturn:after{content:"";background:linear-gradient(125deg,#0000 10%,#0c152b77 75%);border-radius:50%;position:absolute;inset:0}.study-saturn span{border:7px solid #b5a4cf55;border-color:#b5a4cf22 #b5a4cf55 #b5a4cf55 #b5a4cf22;border-radius:50%;width:178%;height:29%;position:absolute;top:40%;left:-39%;transform:rotate(-24deg);box-shadow:0 0 0 2px #d5c1f21a}.study-ocean{opacity:.5;background:radial-gradient(at 30% 27%,#8cbbc0,#417e8d 40%,#213b60 70%);width:65px;height:65px;top:57%;left:-22px;overflow:hidden;box-shadow:inset -14px -9px 19px #080f27cc,0 0 16px #6bb5c314}.study-ocean:before{content:"";background:repeating-linear-gradient(25deg,#0000 0 8px,#b4ded538 10px 12px,#0000 15px 22px);border-radius:50%;position:absolute;inset:0;transform:rotate(-15deg)}.study-moon{opacity:.35;background:radial-gradient(circle at 31% 28%,#b0b9ce,#7a839e 42%,#303c5b 80%);width:28px;height:28px;top:17%;left:17%;box-shadow:inset -6px -3px 8px #091126}.study-moon:after{content:"";background:#4a5571;border-radius:50%;width:6px;height:5px;position:absolute;top:8px;left:7px;box-shadow:8px 6px 0 -1px #4c5671,-1px 10px 0 -1px #4c5671}@media (width<=550px){.study-saturn{width:72px;height:72px;top:22%;right:-32px}.study-ocean{width:46px;height:46px;top:62%;left:-23px}.study-moon{width:21px;height:21px;top:15%;left:12%}}.threshold{border-top-color:#ffbf6980}.threshold>span{color:#ffbf69}.focus-grid{background-image:radial-gradient(circle,#a5b8d34d 1.7px,#0000 2px)}.arena{background:radial-gradient(at 50% 65%,#20434e55,#0000 55%),radial-gradient(at 15% 20%,#4a387a55,#0000 45%),#0c152b}.original-arena-stars{pointer-events:none;background-image:radial-gradient(circle,#d1e7ff99 1px,#0000 1px),radial-gradient(circle,#aeb5d955 1px,#0000 1px);background-position:23px 9px,9px 42px;background-size:91px 83px,137px 117px;position:absolute;inset:0}.arena-scenery .planet:before,.arena-scenery .planet:after,.arena-scenery .small-planet:before{content:none}.threshold{border-top:0;height:12px}.lock-gentle-wave{display:block;overflow:visible}.threshold>span{top:14px}.audio-settings label{justify-content:space-between;align-items:center;gap:12px;margin-top:9px;display:flex}.audio-settings label span{display:inline}.audio-settings input[type=range]{accent-color:#70deed;width:100%;margin:9px 0}.audio-settings input[type=checkbox]{accent-color:#70deed}.audio-settings small{color:#94abc8;font-size:9px;line-height:1.7;display:block}.audio-settings p{color:#ffca83;margin-top:8px;font-size:10px}.audio-settings{z-index:25}@media (width<=550px){.expanded .tools{gap:3px}.expanded .tools button{width:25px;height:27px}.expanded .mission{max-width:60px}.audio-settings{width:230px;right:-25px}}.outside-game-actions{align-items:center;gap:12px;display:flex}.outside-game-actions .tool-tip{z-index:30;right:0}.outside-game-actions .btn{white-space:nowrap}.outside-game-actions :is(.menu-icon-button,.theme-icon-button){place-items:center;width:46px;height:46px;padding:10px;display:grid}.outside-game-actions :is(.menu-icon-button,.theme-icon-button) svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;width:22px;height:22px}.outside-game-actions :is(.menu-icon-button,.theme-icon-button) svg path{fill:none;stroke:currentColor}@media (width<=800px){.heading{flex-wrap:wrap}.outside-game-actions{justify-content:flex-end;width:100%}.heading .outside-game-actions .btn{max-width:none;padding:11px 15px;font-size:10px}}.exercise-check{cursor:pointer;background:#1c2942;border:1px solid #3a4a68;border-radius:12px;align-items:center;gap:12px;padding:16px 14px;display:flex}.exercise-check input{accent-color:#70deed;flex-shrink:0;width:18px;height:18px}.exercise-check small{color:#99accb;margin-top:6px;font-size:10px;line-height:1.7;display:block}.exercise-check.checked{background:#203c4f;border-color:#70deed88}.exercise-check.select-all{background:#243249;margin:26px 0 14px}.select-all>span{color:#9edfea;margin-left:auto;font-size:12px}.exercise-options{gap:12px;display:grid}.drawer .exercise-footnote{color:#899ebe;margin-top:20px;font-size:10px;line-height:1.8}.outside-game-actions small{opacity:.7;margin-left:5px}.outside-game-actions .exercise-icon{width:58px;height:52px;padding:8px;font-size:30px;line-height:1;position:relative}.exercise-count{color:#102b3c;background:#70deed;border:2px solid #080d20;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:-6px;right:-5px}.heading p{font-size:15px}.eyebrow{font-size:11px}.btn{font-size:13px}nav,nav button{font-size:14px}.profile{font-size:13px}.mission{font-size:11px}.intro p{font-size:15px}.intro>small,.enemy-type{font-size:11px}.enemy .question{font-size:23px}.target-form input{font-size:15px}.target-choices .btn{padding:11px 7px;font-size:13px}.target-actions button{font-size:12px}.drawer p{font-size:14px}.drawer h3{font-size:15px}.word{font-size:14px}.exercise-check b{font-size:15px}.exercise-check small,.drawer .exercise-footnote{font-size:12px}.tool-tip{font-size:13px}.tool-tip b{font-size:14px}.overlay p,.results p,.result-list>div{font-size:13px}.threshold>span{font-size:9px}.speaking{font-size:11px}.hull-status{font-size:9px}footer{font-size:10px}@media (width<=800px){.heading p{font-size:13px}.outside-game-actions .exercise-icon{max-width:none;padding:8px;font-size:30px}.intro p{font-size:13px}}@media (width<=550px){.enemy .question{font-size:20px}.target-form input{font-size:14px}.target-choices .btn{font-size:12px}.mission{font-size:8px}.heading h1{font-size:25px}.heading p{font-size:13px}.eyebrow{font-size:10px}footer{font-size:8px}.expanded .mission{max-width:100px;font-size:7px}.enemy-type{font-size:10px}}.outside-game-actions .exercise-icon{place-items:center;width:46px;height:46px;padding:10px;font-size:20px;display:grid}.exercise-icon svg{width:22px;height:22px}.exercise-count{width:17px;height:17px;font-size:9px;top:-5px;right:-4px}@media (width<=800px){.outside-game-actions .exercise-icon{width:42px;height:42px;padding:9px;font-size:20px}.exercise-icon svg{width:21px;height:21px}}.outside-game-actions .stats-icon-button{flex:none;place-items:center;width:46px;min-width:46px;height:46px;padding:10px;display:grid}.outside-game-actions .stats-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:block}@media (width<=800px){.outside-game-actions .stats-icon-button{width:42px;min-width:42px;height:42px;padding:9px}.outside-game-actions .stats-icon-button svg{width:21px;height:21px}}.level-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 18px;display:grid}.level-tabs button{color:#a6b7d5;background:#202d48;border:1px solid #455779;border-radius:10px;padding:9px 4px;font-size:15px;font-weight:800}.level-tabs button>b,.level-tabs button>small{display:block}.level-tabs button>small{opacity:.78;margin-top:3px;font-size:9px;font-weight:500;line-height:1.25}.level-tabs button.active{color:#9df2f8;background:#254456;border-color:#79e1ed;box-shadow:0 3px #102230}.level-description{align-items:center;gap:12px;display:flex}.level-description b{color:#91e8f3;font-size:21px}.level-description span{color:#9bafce;font-size:11px}.drawer .groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}.lesson-tile{text-align:left;background:#21324e;border:1px solid #506285;border-bottom:4px solid #0e172d;border-radius:13px;padding:14px 11px;transition:transform .12s}.lesson-tile:not(:disabled):hover{border-color:#77ddea;transform:translateY(-2px)}.lesson-tile b{margin:9px 0 11px;font-size:13px;display:block}.lesson-tile small{color:#a5b9d7;margin-top:8px;font-size:10px;display:block}.lesson-status{color:#8ddded;font-size:20px}.lesson-tile .lesson-word-count{opacity:.78;margin:-9px 0 9px;font-size:9px;font-weight:500;line-height:1.2;display:block}.lesson-tile.current{background:#254555;border-color:#72deec}.lesson-tile.complete{background:#193c38;border-color:#56bd98}.lesson-tile.complete .lesson-status{color:#6ce2a8}.lesson-tile.complete small{color:#82d9b4}.lesson-tile.inactive{opacity:.5;cursor:not-allowed;background:#182239;border-color:#354159}.lesson-progress{background:#0b1629;border-radius:6px;height:5px;overflow:hidden}.lesson-progress i{background:#65dcbd;border-radius:6px;height:100%;display:block}.drawer .lesson-demo-note{color:#7f94b5;margin-top:12px;font-size:10px;line-height:1.8}.lesson-tile{text-align:center;padding:14px 10px 11px;position:relative}.lesson-tile b{margin:6px 0 12px;font-size:24px;line-height:1.3}.lesson-status{font-size:12px;position:absolute;top:6px;right:7px}.lesson-tile small{margin-top:7px;font-size:11px}.drawer .lesson-demo-note{margin-top:8px;font-size:10px}.lesson-legend{color:#9eafca;gap:18px;margin-top:17px;font-size:11px;display:flex}.lesson-legend span:last-child{color:#7adbb0}.level-goals{background:#1b2b43;border:1px solid #405571;border-radius:12px;margin:18px 0;padding:15px}.level-goals>b{color:#99e6ef;font-size:14px}.drawer .level-goals p{color:#9eb2d0;margin:8px 0 13px;font-size:11px;line-height:1.8}.level-goal-row{color:#bacce3;justify-content:space-between;gap:10px;margin:10px 0;font-size:11px;display:flex}.level-goal-row strong{color:#83ddbd}.level-goals>small{color:#9db0cc;margin-top:11px;font-size:10px;line-height:1.8;display:block}.level-goals .lesson-progress{margin-top:13px}.drawer .menu-section-label{color:#b6c9e2;margin:22px 0 10px;font-size:13px}.menu-section-label+.level-tabs,.menu-section-label+.groups{margin-top:0}.drawer .groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.lesson-tile{border-bottom-width:3px;border-radius:10px;padding:10px 7px 8px}.lesson-tile b{margin:4px 0 8px;font-size:20px}.lesson-tile small{white-space:nowrap;margin-top:5px;font-size:9px}.lesson-status{font-size:10px;top:4px;right:5px}.lesson-progress{height:3px}.lesson-status{font-size:13px;line-height:1}.lesson-legend{flex-wrap:wrap;gap:12px;font-size:10px}.lesson-tile{min-height:63px}.central-retry{color:#9ce5ee;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.central-retry img{mix-blend-mode:screen;filter:drop-shadow(0 0 15px #72deec44);width:140px}.central-retry:hover img{filter:drop-shadow(0 0 22px #72deec88)}.review-word{align-items:center;gap:12px;padding:13px 0}.review-word-copy{flex:1;min-width:0}.review-word-heading{align-items:center;gap:9px;display:flex}.review-word-heading b{font-size:15px}.review-word .review-word-heading span{margin:0;font-size:12px}.review-word.needs-review .review-word-heading{color:#ffbf69}.review-word.known .review-word-heading{color:#79dcb0}.review-word.needs-review .review-word-heading span{color:#ffbf69}.review-word.known .review-word-heading span{color:#79dcb0}.word-ipa{color:#a4b7d5;margin-top:5px;font-size:12px;display:block}.review-word .word-meaning{margin:5px 0 0;font-size:12px;line-height:1.6;display:block}.word-error-count{color:#ffbf69;margin-top:6px;font-size:10px;display:block}.review-word button{flex-shrink:0}.result-home{z-index:2;padding:10px 16px;font-size:13px;position:absolute;top:22px;left:24px}@media (width<=550px){.result-home{padding:9px 12px;font-size:12px;top:15px;left:14px}}.result-home{place-items:center;width:42px;height:40px;padding:8px;display:grid;left:auto;right:24px}@media (width<=550px){.result-home{width:38px;height:36px;padding:7px;left:auto;right:14px}}.arena.expanded .result-home{top:calc(12px + var(--arena-safe-top,env(safe-area-inset-top,0px)));right:calc(12px + var(--arena-safe-right,env(safe-area-inset-right,0px)));width:44px;min-width:44px;height:44px;min-height:44px}.theme-gallery{gap:18px;margin-top:24px;display:grid}.theme-card{background:#1c2b43;border:1px solid #405472;border-radius:16px;padding:0 15px 17px;overflow:hidden}.theme-card.selected{border-color:#78d9ba;box-shadow:0 0 0 1px #78d9ba33}.theme-card-preview{background-image:radial-gradient(circle,#aacaff33,#0000 70%);place-items:center;height:145px;margin:0 -15px 15px;display:grid;position:relative}.theme-card-preview img{object-fit:contain;filter:drop-shadow(0 7px 12px #0004);width:150px;height:125px}.preview-space img{mix-blend-mode:screen}.theme-card-preview>span{color:wheat;letter-spacing:16px;font-size:18px;position:absolute;top:15px;left:18px;right:18px}.drawer .theme-card h3{margin:0 0 8px;font-size:17px}.drawer .theme-card p{color:#a9bdd7;margin-bottom:17px;font-size:12px;line-height:1.7}.theme-card .btn{width:100%}.theme-christmas .arena{background:radial-gradient(at 50% 90%,#31586966,#0000 60%),linear-gradient(#102c39,#173c45);border-color:#68999066}.theme-christmas .arena:before{background-image:radial-gradient(circle,#e4fbff66 1px,#0000 1.5px);background-size:60px 67px}.theme-christmas .planet,.theme-christmas .ring,.theme-christmas .small-planet{display:none}.theme-christmas .original-arena-stars{background-image:radial-gradient(circle,#e3fbff88 1.4px,#0000 1.7px),radial-gradient(circle,#fff2c555 1px,#0000 1.4px);background-size:91px 83px,137px 117px}.theme-christmas .primary{color:#3f3030;background:#f4d48c;border-color:#ffebbe;box-shadow:0 5px #aa7649}.theme-christmas .enemy-card{background:linear-gradient(145deg,#264c4cee,#173e48f5);border-color:#91c1b577}.theme-christmas .enemy.target .enemy-card{border-color:#f3d58e;box-shadow:0 0 22px #ffdc9222}.theme-christmas .enemy.locked .enemy-card{background:#432d3be8;border-color:#ff8e8e}.themed-target{width:110px;height:98px;margin:10px auto 0;animation:4s ease-in-out infinite spaceObjectFloat;position:relative}.themed-target img{object-fit:contain;filter:drop-shadow(0 0 12px #d6f5ff22);width:100%;height:100%}.themed-target>small{color:#bce1df;letter-spacing:0;font-size:9px;position:absolute;top:100%;left:-35px;right:-35px}.enemy.accelerating .themed-target{filter:drop-shadow(0 -10px 14px #ffab4a66);animation:.14s infinite enemyDiveShake}.theme-christmas .player img{mix-blend-mode:normal;filter:drop-shadow(0 5px 15px #ffe3a530)!important}.theme-christmas .player{width:150px}.theme-christmas .expanded .player{width:160px}.theme-christmas .battle-cannon{display:none}.theme-christmas .battle-shield{border-color:#ffe6b76b;box-shadow:0 0 20px #ffdb7f22}.theme-christmas .hull-fragment{clip-path:polygon(50% 0,61% 34%,98% 35%,69% 58%,79% 96%,50% 73%,21% 96%,31% 58%,2% 35%,39% 34%);background:#fff5cd;border-color:#faffff}.theme-christmas .spark-fragment{background:#e3ffff;box-shadow:0 0 9px #b8f4ff}.theme-christmas .blast-ring{border-color:#fff1c6;box-shadow:0 0 20px #c4efff}.theme-christmas .blast-core{background:radial-gradient(circle,#fff,#d8f7ff 40%,#0000 75%)}.holiday-landscape{pointer-events:none;position:absolute;inset:0;overflow:hidden}.holiday-landscape:after{content:"";background:#e2f5fa16;border-radius:50% 50% 0 0;width:120%;height:80px;position:absolute;bottom:-20px;left:-10%}.holiday-landscape i{clip-path:polygon(50% 0,75% 35%,64% 35%,86% 62%,72% 62%,100% 100%,0 100%,28% 62%,14% 62%,36% 35%,25% 35%);background:linear-gradient(#c4eee733,#8bd3b822);width:150px;height:180px;position:absolute;bottom:26px;left:-25px}.holiday-landscape i:nth-child(2){opacity:.65;width:190px;height:240px;left:auto;right:-25px}.holiday-landscape i:nth-child(3){opacity:.5;width:60px;height:95px;left:13%}.holiday-landscape>span{color:#f5e0ab77;font-size:25px;position:absolute;top:18%;right:10%}.theme-christmas .ufo-launch-tip{color:#ffe5b0;background:#24534b;border-color:#efd296}.theme-christmas .ground{color:#a5cecd}.theme-christmas .hull-status{color:#e9d69d;background:#24443a}.theme-christmas .phase-arming{animation:.65s ease-out both giftUnwrap}@keyframes giftUnwrap{0%,to{scale:1}45%{filter:drop-shadow(0 0 20px #ffe6a3);scale:1.12}}@media (prefers-reduced-motion:reduce){.themed-target,.enemy.accelerating .themed-target{animation:none!important}}.theme-christmas{color:#f8f1db}.theme-christmas header{border-color:#9bc8b926}.theme-christmas .brand-icon,.theme-christmas .brand>span,.theme-christmas h1 em{color:#f3d494}.theme-christmas nav b{color:#b2e9c8}.theme-christmas .eyebrow{color:#a7c8ba}.theme-christmas .heading p,.theme-christmas .intro p{color:#aecfc7}.theme-christmas .overlay{color:#fff3d7;background:linear-gradient(145deg,#0e302ff7,#153c43fa)}.theme-christmas .overlay p{color:#b9d7c9}.theme-christmas .result-grid b{color:#f3d18b}.theme-christmas .result-list>div{border-color:#8eb8a133}.theme-christmas .drawer{background:linear-gradient(155deg,#183d37,#122e35);border-color:#608f72}.theme-christmas .drawer p,.theme-christmas .exercise-footnote{color:#b2ccbf}.theme-christmas .drawer .menu-section-label{color:#e4d8b4}.theme-christmas .secondary{color:#f7e8c4;background:#285044;border-color:#699e7c;box-shadow:0 4px #102f29}.theme-christmas .backdrop{background:#061b18bd}.theme-christmas .tool-tip{color:#c3ddcd;background:#23463efc;border-color:#719c7e}.theme-christmas .tool-tip b{color:#f7dc9d}.theme-christmas .tools button{color:#f5dfa7;background:#24483f;border-color:#648a6d;box-shadow:0 3px #0b2823}.theme-christmas .tools button:hover{background:#386153}.theme-christmas .level-tabs button{color:#b9d3c2;background:#25453d;border-color:#63836b}.theme-christmas .level-tabs button.active{color:#fff1c6;background:#496446;border-color:#e9cd85;box-shadow:0 3px #243a2b}.theme-christmas .lesson-tile{color:#f8ecd0;background:#294e40;border-color:#6c9273}.theme-christmas .lesson-tile.current{background:#506343;border-color:#f0d18c}.theme-christmas .lesson-tile.complete{background:#275742;border-color:#8ed5a6}.theme-christmas .lesson-tile.inactive{background:#1b342f;border-color:#385b4d}.theme-christmas .lesson-progress{background:#122e28}.theme-christmas .lesson-progress i{background:#a6d6a0}.theme-christmas .exercise-check{background:#25453d;border-color:#5b8166}.theme-christmas .exercise-check.checked{background:#395d45;border-color:#e4cf8e}.theme-christmas .exercise-check small{color:#b3cbb9}.theme-christmas .exercise-check input,.theme-christmas .audio-settings input{accent-color:#f2d38d}.theme-christmas .exercise-count{color:#473526;background:#f3d28c;border-color:#0b2029}.theme-christmas .profile strong{color:#ffe6a5;background:#415b42;border-color:#bca46b}.theme-christmas .mission{color:#c0d5bf}.theme-christmas .pill{color:#e9d7a4;background:#68704226;border-color:#cbb37755}.theme-christmas .target-form input{color:#fff2d9;background:#12362f;border-color:#70947b}.theme-christmas .target-form input::placeholder{color:#b0c8bb}.theme-christmas .target-actions button{color:#ecd39c}.theme-christmas .automatic-hint{color:#fff1c2;background:#425638f5;border-color:#e4c986}.theme-christmas .midpoint-replay{color:#d9f6db;background:#254e45;border-color:#8ac5ab}.theme-christmas .speaking{color:#f5e3b3;background:#2c5143}.theme-christmas .review-word.known .review-word-heading{color:#a5e4b6}.theme-christmas .word-ipa,.theme-christmas .word-meaning{color:#c1d5c7}.theme-christmas footer{color:#91b3a3}.theme-christmas .central-retry img{mix-blend-mode:normal}.theme-christmas .backfire-impact{background:radial-gradient(#fff1bcaa,#ff8c4788 45%,#0000 70%);box-shadow:0 0 22px #ffae6b}.player>.gift-box-art{z-index:2;filter:drop-shadow(0 5px 12px #ffd69a22);width:100%;height:auto;display:block;position:relative;overflow:visible}.gift-lid{transform-origin:35px 55px}.gift-lid-opening{animation:.7s cubic-bezier(.2,.7,.3,1) both giftLidOpen}.gift-interior-glow{animation:.7s ease-out both giftGlow}@keyframes giftLidOpen{0%,to{transform:translateY(0)rotate(0)}22%,48%{transform:translateY(-15px)rotate(-8deg)}70%{transform:translateY(-6px)rotate(-3deg)}}@keyframes giftGlow{0%,to{opacity:0}22%,55%{opacity:.9}}.gift-damage-fire{z-index:4;pointer-events:none;position:absolute;inset:0}.gift-damage-fire i{transform-origin:50% 100%;filter:drop-shadow(0 0 5px #ff994a);background:radial-gradient(at 50% 85%,#fff5be 0%,#ffd26a 25%,#ff7b2d 52%,#e8422d99 70%,#0000 75%);border-radius:65% 35% 55% 45%;width:20%;height:42%;animation:.7s ease-in-out infinite alternate giftFire;position:absolute;bottom:40%}.gift-damage-fire i:nth-child(2n){height:55%;animation-duration:.95s}@keyframes giftFire{0%{opacity:.7;transform:scale(.8,.75)rotate(-6deg)}to{opacity:1;transform:scale(1.05,1.1)rotate(7deg)}}@media (prefers-reduced-motion:reduce){.gift-lid-opening,.gift-interior-glow,.gift-damage-fire i{animation:none!important}.gift-damage-fire i{opacity:.7}.gift-lid-opening{transform:translateY(-7px)}}.theme-christmas .theme-card{background:#214239;border-color:#628871}.theme-christmas .theme-card.selected{border-color:#f2d18b}.theme-christmas .brand-small,.theme-christmas .brand small{color:#9abbab}.theme-christmas .result-home{background:#315744;border-color:#87ac7b}.theme-christmas .close{color:#ebd5a7}.theme-christmas .theme-card p{color:#bad3c3}.gift-fire-art{pointer-events:none;z-index:4;filter:drop-shadow(0 0 4px #ff9d4a55);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gift-flame-tongue{transform-box:fill-box;transform-origin:50% 100%;animation:1.2s ease-in-out infinite alternate softGiftFlame}.gift-ember{animation:2.5s ease-out infinite softGiftEmber}@keyframes softGiftFlame{0%{opacity:.8;transform:scale(.9,.85)skew(-3deg)}50%{opacity:1;transform:scaleX(1.03)skew(2deg)}to{opacity:.9;transform:scale(.95,1.08)skew(-2deg)}}@keyframes softGiftEmber{0%{opacity:0;translate:0}20%{opacity:.8}to{opacity:0;translate:7px -44px}}@media (prefers-reduced-motion:reduce){.gift-flame-tongue,.gift-ember{animation:none!important}.gift-ember{opacity:.4}}.gift-fire-art{top:-35%;bottom:auto}.arena-tools,.tools{align-items:center}.tools>.tool-wrap{align-items:center;display:flex}.tools button{justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;line-height:1;display:inline-flex}.tools button svg{flex-shrink:0;display:block}.home-pause-button{justify-content:center;align-items:center;width:46px;height:46px;padding:10px;display:inline-flex}.home-pause-button svg{display:block}.outside-game-actions{flex-wrap:wrap}@media (width<=550px){.expanded .tools button,.tools button{width:30px;min-width:30px;height:30px}.home-pause-button{width:42px;height:42px;padding:9px}.expanded .mission{max-width:82px}.tools{gap:5px}}.pause-resume-icon{border-radius:18px;place-items:center;width:70px;height:66px;padding:16px;display:grid}.pause-resume-icon svg{margin-left:3px;display:block}.tools button[aria-label=Tiếp\ tục]{color:#8deac5;background:#244b42;border-color:#77deb3}.theme-christmas .tools button[aria-label=Tiếp\ tục]{color:#ffeab4;background:#546341;border-color:#f3d48b}.gift-fire-art.smoke-like-fire{filter:none;z-index:4;inset:0}.fire-smoke-puff{top:14%;left:calc(50% + var(--puff-x));width:var(--puff-size);height:calc(var(--puff-size)*1.2);filter:blur(3px);mix-blend-mode:screen;opacity:0;pointer-events:none;background:radial-gradient(at 45% 75%,#fff0b4e6 0%,#ffd069cc 22%,#ff8b3b99 43%,#e64b3055 60%,#0000 76%);border-radius:45% 60% 40% 55%;animation:2s ease-out infinite fireSmokeRise;position:absolute}.fire-vent-glow{filter:blur(5px);background:radial-gradient(#ffce7d66,#ff7a3233 45%,#0000 75%);border-radius:50%;width:44%;height:22%;position:absolute;top:8%;left:28%}@keyframes fireSmokeRise{0%{opacity:0;transform:translate(-50%,6px)scale(.4)rotate(0)}18%{opacity:calc(.35 + var(--fire-strength)*.4)}45%{opacity:.6;transform:translate(calc(-50% + var(--puff-drift)*.35),-24px) scale(1.1) rotate(22deg)}75%{opacity:.3;transform:translate(calc(-50% + var(--puff-drift)),-55px) scale(1.65) rotate(50deg)}to{opacity:0;transform:translate(calc(-50% + var(--puff-drift)*1.3),-82px) scale(2.1) rotate(70deg)}}@media (prefers-reduced-motion:reduce){.fire-smoke-puff{opacity:.25;transform:translate(-50%,-10px);animation:none!important}}.theme-christmas .fire-smoke-puff{left:var(--vent-left);top:var(--vent-top);animation-name:giftFireRadiate}.theme-christmas .fire-vent-glow{background:radial-gradient(#ffbd4c22,#ff7a3333 45%,#0000 74%);width:76%;height:65%;top:20%;left:12%}.theme-christmas .fault-smoke{--smoke-out-x:-70px;--smoke-out-y:-55px;animation-name:giftSmokeRadiate;top:25%;left:20%}.theme-christmas .fault-smoke:nth-of-type(2n){--smoke-out-x:75px;--smoke-out-y:-45px;top:42%;left:78%}.theme-christmas .fault-smoke:nth-of-type(3n){--smoke-out-x:-30px;--smoke-out-y:35px;top:70%;left:48%}.theme-christmas .fault-smoke:nth-of-type(4n){--smoke-out-x:20px;--smoke-out-y:-100px;top:14%;left:50%}.theme-christmas .fault-smoke:nth-of-type(5n){--smoke-out-x:65px;--smoke-out-y:25px;top:73%;left:73%}@keyframes giftFireRadiate{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}20%{opacity:calc(.35 + var(--fire-strength)*.4)}55%{opacity:.55;transform:translate(calc(-50% + var(--puff-dx)*.45),calc(-50% + var(--puff-dy)*.45)) scale(1.2) rotate(25deg)}to{opacity:0;transform:translate(calc(-50% + var(--puff-dx)),calc(-50% + var(--puff-dy))) scale(2) rotate(65deg)}}@keyframes giftSmokeRadiate{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:calc(.35 + var(--fault-strength)*.4)}55%{opacity:.4;transform:translate(calc(-50% + var(--smoke-out-x)*.45),calc(-50% + var(--smoke-out-y)*.45)) scale(1.5) rotate(30deg)}to{opacity:0;transform:translate(calc(-50% + var(--smoke-out-x)),calc(-50% + var(--smoke-out-y))) scale(2.5) rotate(75deg)}}@media (prefers-reduced-motion:reduce){.theme-christmas .fire-smoke-puff,.theme-christmas .fault-smoke{opacity:.25;transform:translate(-50%,-50%);animation:none!important}}.power-bar{z-index:12;pointer-events:none;grid-template-columns:46px 46px 1fr 46px 46px;gap:9px;width:420px;display:grid;position:absolute;bottom:55px;left:50%;transform:translate(-50%)}.power-button{color:#b4f3ff;pointer-events:auto;background:radial-gradient(circle at 35% 25%,#426586,#192e48 80%);border:1px solid #7cdbea88;border-bottom:3px solid #284d69;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .12s,filter .12s;display:grid;position:relative;box-shadow:0 0 15px #65ddff14}.power-button.power-3{grid-column:4}.power-button>span{font-size:25px;line-height:1}.power-button kbd{background:#0e2138;border:1px solid #618eaf;border-radius:5px;place-items:center;width:17px;height:17px;font-size:10px;display:grid;position:absolute;top:-5px;left:-4px}.power-button b{color:#173346;background:#6fdced;border:2px solid #0b172b;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid;position:absolute;bottom:-4px;right:-4px}.power-button:not(:disabled):hover{filter:brightness(1.2);transform:translateY(-3px)}.power-button:disabled{opacity:.3}.combo-hud{z-index:6;pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute;top:62px;left:24px}.combo-hud>b{color:#ffda8c;letter-spacing:1px;font-size:12px}.combo-hud>span{color:#92a8c8;font-size:8px}.combo-hud>strong{color:#a2ecfb;font-size:10px}.power-notice{color:#e4f6ff;text-align:center;z-index:10;pointer-events:none;background:#1a364eeb;border:1px solid #a3d9e755;border-radius:9px;max-width:80%;padding:8px 14px;font-size:11px;line-height:1.6;position:absolute;bottom:175px;left:50%;transform:translate(-50%)}.power-effect-1 .space-target{filter:drop-shadow(0 8px 12px #b68aff)}.power-effect-2 .enemy-card{box-shadow:0 0 18px #80caff33;border-color:#8acbef!important}.power-frozen .enemy-card{box-shadow:0 0 18px #b0ecff44;border-color:#c2f4ff!important}.power-frozen .space-target{animation-play-state:paused!important}.theme-christmas .power-button{color:#fff0bc;background:radial-gradient(circle at 35% 25%,#6a7952,#284b3a);border-color:#e5cb83 #e5cb83 #203a29}.theme-christmas .power-button b{color:#493823;background:#f4d38d;border-color:#16322c}.theme-christmas .power-button kbd{color:#f6dfb0;background:#244333;border-color:#b9ba87}.theme-christmas .power-notice{color:#fff0c6;background:#2a4b3aeb;border-color:#d9c18e}@media (width<=550px){.power-bar{grid-template-columns:37px 37px 1fr 37px 37px;gap:6px;width:330px;bottom:45px}.power-button{width:37px;height:37px}.power-button>span{font-size:21px}.combo-hud{top:65px;left:14px}.combo-hud>span{max-width:140px;font-size:7px}.power-notice{font-size:10px;bottom:155px}}.power-loot{z-index:18;pointer-events:none;color:#f0fcff;background:radial-gradient(circle at 35% 25%,#5ba5b9,#264c76);border:2px solid #c2f5ff;border-radius:14px;place-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;animation:1.5s cubic-bezier(.22,.7,.3,1) forwards lootCollect;display:grid;position:absolute;box-shadow:0 0 22px #91eaff88}.power-loot>span{font-size:29px}.power-loot small{text-align:center;color:#c9f4ff;white-space:nowrap;text-shadow:0 2px 6px #07192f;font-size:10px;position:absolute;top:54px;left:-45px;right:-45px}.theme-christmas .power-loot{background:radial-gradient(circle at 35% 25%,#d3b867,#567c53);border-color:#fff0b4;box-shadow:0 0 22px #ffe39488}.theme-christmas .power-loot small{color:#fff0bd}@keyframes lootCollect{0%{opacity:0;transform:translateY(-12px)scale(.3)rotate(-15deg)}18%{opacity:1;transform:translateY(30px)scale(1.15)rotate(7deg)}40%{opacity:1;transform:translateY(24px)scale(1)rotate(0)}90%{opacity:1;transform:translate(var(--loot-dx),var(--loot-dy)) scale(.65)}to{opacity:0;transform:translate(var(--loot-dx),var(--loot-dy)) scale(.3)}}@media (prefers-reduced-motion:reduce){.power-loot{opacity:1;animation:none}}.lesson-drawer{flex-direction:column;padding:42px 28px 14px;display:flex;overflow:hidden}.lesson-drawer>.groups{overscroll-behavior:contain;flex:0 auto;align-content:start;min-height:0;max-height:min(24vh,220px);margin:0 0 10px;padding:2px 5px 8px 1px;overflow-y:auto}.lesson-drawer>.groups::-webkit-scrollbar{width:7px}.new-words-list::-webkit-scrollbar{width:7px}.lesson-drawer>.groups::-webkit-scrollbar-thumb{background:#667a9a88;border-radius:8px}.new-words-list::-webkit-scrollbar-thumb{background:#667a9a88;border-radius:8px}.lesson-drawer>.menu-section-label,.lesson-drawer>.level-tabs,.lesson-drawer>.lesson-legend,.lesson-drawer>.lesson-demo-note,.lesson-drawer>.empty-course,.lesson-drawer>.note{flex-shrink:0}.lesson-drawer>h3:not(.menu-section-label){flex-shrink:0;margin:12px 0 5px}.new-words-list{overscroll-behavior:contain;flex:auto;min-height:0;max-height:25vh;padding-right:7px;overflow-y:auto}.lesson-drawer>.btn.wide{z-index:2;border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 80%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#70deed) 84%,#fff),var(--theme-accent,#70deed));color:#122331;letter-spacing:.08em;min-height:58px;box-shadow:0 5px 0 color-mix(in srgb,var(--theme-accent,#70deed) 55%,#101727),0 0 24px color-mix(in srgb,var(--theme-accent,#70deed) 35%,transparent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin-top:14px;padding:15px 18px;font-size:15px;font-weight:900;transition:transform .16s,filter .16s,box-shadow .16s;display:flex;position:sticky;bottom:0}.lesson-drawer>.btn.wide svg{fill:currentColor;width:20px;height:20px}.lesson-drawer>.btn.wide:not(:disabled):hover{filter:brightness(1.1);box-shadow:0 7px 0 color-mix(in srgb,var(--theme-accent,#70deed) 55%,#101727),0 0 30px color-mix(in srgb,var(--theme-accent,#70deed) 50%,transparent);transform:translateY(-2px)}.lesson-drawer>.btn.wide:not(:disabled):active{box-shadow:0 2px 0 color-mix(in srgb,var(--theme-accent,#70deed) 55%,#101727);transform:translateY(2px)}.lesson-drawer>.btn.wide:disabled{opacity:.48;filter:saturate(.55);cursor:not-allowed}.word-section-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.word-section-heading h3{margin:12px 0 5px;font-size:14px}.word-section-heading .header-icon-button{width:36px;height:36px}.word-section-heading .header-icon-button svg,.word-grid-heading .header-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.word-grid-heading{align-items:center;gap:12px;margin:8px 0 14px;display:flex}.word-grid-heading h2{margin:3px 0;font-size:23px}.word-grid-heading .header-icon-button{width:40px;height:40px}.word-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 2px 18px;display:grid}.word-card{aspect-ratio:1;color:#eaf4ff;text-align:center;cursor:pointer;background:#1c2b43;border:1px solid #405472;border-bottom:4px solid #0e172d;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;padding:24px 12px 12px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.word-card:hover{border-color:var(--theme-accent,#70deed);transform:translateY(-2px)}.word-card.read{background:color-mix(in srgb,var(--theme-panel,#14243b) 65%,#23674e);border-color:#79dcb0;box-shadow:0 0 20px #79dcb055,inset 0 0 18px #79dcb022}.word-card>b{text-overflow:ellipsis;max-width:100%;font-size:18px;overflow:hidden}.word-card .word-ipa{max-width:100%;margin:0;font-size:10px}.word-card .word-meaning{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.word-card-status{color:var(--theme-accent,#70deed);font-size:13px;position:absolute;top:8px;right:10px}.word-card.read .word-card-status,.word-card.read .word-card-hint{color:#79dcb0}.word-card-hint{color:#9bafce;margin-top:auto;font-size:9px}@media (height<=720px){.lesson-drawer{padding-top:36px}.lesson-drawer>.groups{min-height:0;max-height:19vh}.new-words-list{min-height:0;max-height:21vh}.lesson-drawer .level-tabs{margin-bottom:8px}.lesson-drawer>.lesson-demo-note{margin:4px 0;line-height:1.35}}@media (width<=550px){.lesson-drawer{padding:40px 20px 12px}.lesson-drawer>.groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:21vh}.new-words-list{max-height:24vh}.lesson-legend{flex-wrap:wrap;gap:10px}}.theme-dongson .arena:before{opacity:.8;background:repeating-radial-gradient(at 50% 100%,#0000 0 74px,#d9b66e0b 75px 76px,#0000 77px 100px)}.theme-dongson .planet,.theme-dongson .holiday-landscape{display:none}.theme-dongson .stars i{opacity:.25;background:#dcc48c;animation:none}.theme-dongson :is(.drawer,.overlay,.audio-settings){color:#f5e4c4;background:#142f2ff5;border-color:#a68953}.theme-dongson :is(.overlay h2,.drawer h2,.intro h1,.brand,.combo-hud>b){color:#f0ce8e}.theme-dongson :is(.btn.primary,.target-submit){color:#302918;background:#e2ba74;border-color:#f7d998;box-shadow:0 4px #826338}.theme-dongson .lesson-tile.complete{background:#2f6249;border-color:#a4cf9b}.theme-dongson input{accent-color:#dfbd7a}.theme-dongson :is(.power-button b,.exercise-count){color:#263e33;background:#e3c486;border-color:#173932}.theme-dongson .power-button kbd{color:#f3d496;background:#24463a;border-color:#a48e61}.theme-dongson .power-loot{background:radial-gradient(circle at 35% 25%,#c3a265,#31564c);border-color:#ffe5ab;box-shadow:0 0 22px #e4c68e77}.theme-dongson .power-loot small{color:#ffe6ac}.theme-dongson .battle-cannon,.theme-dongson .battle-shield,.theme-dongson .engine{display:none}.theme-dongson .player{background:0 0;width:180px}.bronze-drum{z-index:2;width:100%;animation:.24s ease-out drumStrike;display:block;position:relative}.theme-dongson .bronze-drum img{filter:drop-shadow(0 7px 12px #dfb56833);mix-blend-mode:normal;opacity:1;width:100%;height:auto;display:block}.bronze-drum i{pointer-events:none;border:2px solid #eac785;border-radius:50%;width:90%;height:54%;animation:.7s ease-out both drumEcho;position:absolute;top:38%;left:50%}.bronze-drum i+i{border-color:#93c6ae;animation-delay:.12s}.theme-dongson .central-retry img{filter:none;mix-blend-mode:normal}@keyframes drumStrike{0%{transform:scale(1)}30%{transform:scale(1.055,.95)}to{transform:scale(1)}}@keyframes drumEcho{0%{opacity:.85;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@media (prefers-reduced-motion:reduce){.bronze-drum,.bronze-drum i{animation:none}.bronze-drum i{display:none}}.bronze-drum{animation:none}.bronze-drum>i{opacity:0;height:43%;animation:none;top:27.6%}.bronze-drum.drum-striking{animation:.48s ease-out bronzeImpact}.drum-striking>i{animation:.8s ease-out both bronzeSoundRing}.drum-striking>i+i{animation-delay:.12s}.drum-mallet{pointer-events:none;z-index:5;filter:drop-shadow(1px 3px 2px #091a1877);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mallet-swing{transform-origin:248px 13px;animation:.42s ease-out both malletStrike}.drum-contact{transform-origin:171px 80px;animation:.48s ease-out both drumContact}@keyframes malletStrike{0%{opacity:1;transform:rotate(38deg)}24%{transform:rotate(0)}42%{transform:rotate(2deg)}70%{opacity:1;transform:rotate(29deg)}to{opacity:0;transform:rotate(38deg)}}@keyframes bronzeImpact{0%,20%,to{transform:scale(1)}28%{transform:translateY(2px)scale(1.025,.97)}52%{transform:scale(.995,1.01)}}@keyframes bronzeSoundRing{0%,15%{opacity:0;transform:translate(-50%,-50%)scale(.45)}25%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}@keyframes drumContact{0%,18%{opacity:0;transform:scale(.4)}26%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}@media (prefers-reduced-motion:reduce){.bronze-drum.drum-striking,.mallet-swing,.drum-contact,.drum-striking>i{animation:none}.mallet-swing{opacity:1}.drum-contact{display:none}}.theme-dongson.app{color:#f3e6ca;background:radial-gradient(at 18% 22%,#a8793b20,#0000 55%),#21170f}.theme-dongson .arena{background:radial-gradient(at 50% 105%,#b88a4140,#0000 62%),linear-gradient(#2b2119,#1b150f);border-color:#987b48}.theme-dongson .arena:before{background:repeating-radial-gradient(at 50% 100%,#0000 0 74px,#e1ba730c 75px 76px,#0000 77px 100px)}.theme-dongson :is(.drawer,.overlay,.audio-settings){background:#30251bf7;border-color:#a68953}.theme-dongson :is(.btn.secondary,.tools button,.icon-button,.lesson-tile,.exercise-check,.theme-card,.power-button,.result-home){color:#f1d8a3;background:#493724;border-color:#998053}.theme-dongson :is(.lesson-tile.current,.exercise-check.checked,.theme-card.selected){background:#665033;border-color:#e3bc75}.theme-dongson .lesson-tile.inactive{background:#2c241b;border-color:#584831}.theme-dongson :is(.target-form input,.enemy-card){color:#f7e8cb;background:#382b20;border-color:#ac9869}.theme-dongson :is(.automatic-hint,.power-notice){color:#ffe5a4;background:#584127ef;border-color:#c9ab6b}.theme-dongson :is(.mission,.theme-card p,.word-ipa,.word-meaning,footer,.brand small){color:#caba9c}.drum-strike-effects{pointer-events:none;display:block;position:absolute;inset:0}.drum-strike-effects>i{opacity:0;border:2px solid #eac785;border-radius:50%;width:90%;height:43%;animation:.8s ease-out both bronzeSoundRing;position:absolute;top:27.6%;left:50%}.drum-strike-effects>i+i{border-color:#93c6ae;animation-delay:.12s}.theme-dongson .bronze-drum,.theme-dongson .bronze-drum>img{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.drum-strike-effects>i{animation:none;display:none}}.theme-dongson .blast-core{background:radial-gradient(circle,#fff0c9 0%,#e6c078 24%,#ad7b3e88 51%,#0000 76%)}.theme-dongson .blast-ring{border-color:#b2cf9d;box-shadow:0 0 18px #c9a45a66,inset 0 0 14px #89b99b44}.theme-dongson .blast-ring:after{content:"";opacity:.7;border:1px dashed #e4c78b;border-radius:50%;position:absolute;inset:9px}.theme-dongson .hull-fragment{background:linear-gradient(130deg,#e7cb88,#aa854a 50%,#675333);border-color:#f1dba5;border-radius:1px;box-shadow:0 0 6px #c69a4c33}.theme-dongson .spark-fragment{background:#e8c787;box-shadow:0 0 7px #d4a95788}.theme-dongson .spark-fragment:nth-of-type(3n){background:#a5c6a3;box-shadow:0 0 6px #8ab79c77}.theme-dongson .ufo-burst strong{color:#f1d393;text-shadow:0 2px 8px #2b1d0e}.theme-dongson .player,.theme-dongson .expanded .player{width:135px}.theme-dongson .player .hull-status{z-index:8;color:#f1d393;background:#302316ed;border-color:#b59459;line-height:1.3;bottom:-16px}@media (width<=550px){.theme-dongson .player,.theme-dongson .expanded .player{width:120px}}.app{background:radial-gradient(ellipse at 20% 40%,color-mix(in srgb,var(--theme-accent,#70deed) 12%,transparent),transparent 55%),radial-gradient(ellipse at 95% 80%,color-mix(in srgb,var(--theme-accent,#70deed) 9%,transparent),transparent 40%),var(--theme-bg,#080d20)}.theme-christmas.app{background:radial-gradient(ellipse at 15% 40%,#1b564444,transparent 65%),var(--theme-bg,#0b2029)}.theme-dongson.app{background:radial-gradient(ellipse at 18% 22%,color-mix(in srgb,var(--theme-accent,#e7bd76) 12%,transparent),transparent 55%),var(--theme-bg,#21170f)}.header-language{border:1px solid var(--theme-accent,#70deed);background:var(--theme-panel,#0c152b);min-width:52px;height:38px;color:var(--theme-accent,#70deed);border-radius:11px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.header-language svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.header-language b{font-size:11px;line-height:1}@media (width<=550px){.header-language{min-width:45px;height:36px;padding:0 6px}.header-language svg{width:15px;height:15px}.header-language b{font-size:10px}}.lesson-drawer>.groups{grid-auto-rows:1fr;align-items:stretch}.lesson-drawer .lesson-tile{grid-template-rows:24px minmax(24px,auto) 4px 10px;align-content:center;justify-items:center;gap:3px;width:100%;min-width:0;min-height:90px;padding:7px 8px;display:grid}.lesson-drawer .lesson-tile>b{margin:0;line-height:24px}.lesson-drawer .lesson-tile .lesson-word-count{white-space:normal;overflow-wrap:anywhere;text-align:center;align-self:center;min-width:0;max-width:100%;margin:0;line-height:12px}.lesson-drawer .lesson-tile .lesson-progress{align-self:center;width:100%;height:4px}.lesson-drawer .lesson-tile .lesson-percent{min-height:10px;margin:0;line-height:10px}.word-section-heading .word-list-open-button{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 48%,#7890aa);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel,#172c43) 76%,var(--theme-accent,#70deed) 24%),var(--theme-panel,#172c43));width:38px;height:38px;color:color-mix(in srgb,var(--theme-accent,#70deed) 82%,#fff);border-radius:12px;padding:8px;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #ffffff20,0 2px 5px #0003}.word-section-heading .word-list-open-button:hover{border-color:var(--theme-accent,#70deed);box-shadow:inset 0 1px 0 #ffffff2b,0 0 0 3px color-mix(in srgb,var(--theme-accent,#70deed) 14%,transparent);transform:translateY(-1px)}.word-section-heading .word-list-open-button:active{transform:translateY(0);box-shadow:inset 0 1px 3px #0004}.stats-trouble-list .trouble-practice-button{flex-shrink:0;align-self:center;min-width:66px;padding:8px 13px;font-size:11px}@media (width<=550px){.stats-trouble-list .trouble-practice-button{min-width:58px;padding:7px 10px}}.leaderboard-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.leaderboard-note,.leaderboard-empty,.leaderboard-your-rank{color:#a9bdd7;font-size:11px;line-height:1.55}.leaderboard-section{margin:18px 0}.leaderboard-list{gap:6px;display:grid}.leaderboard-row{background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.leaderboard-row.leaderboard-me{border-color:var(--theme-accent,#70deed);background:color-mix(in srgb,var(--theme-accent,#70deed) 10%,transparent)}.leaderboard-rank{text-align:center;color:var(--theme-accent,#70deed);font-size:12px}.leaderboard-name{text-overflow:ellipsis;color:#e8f2ff;font-size:11px;overflow:hidden}.leaderboard-row strong{color:#fff;text-align:right;white-space:nowrap;font-size:12px}.leaderboard-row strong small{color:#a9bdd7;font-size:9px;font-weight:400}.leaderboard-your-rank{color:var(--theme-accent,#70deed);background:#ffffff0a;border-radius:8px;padding:9px 10px}.theme-christmas .leaderboard-row{background:#ffffff08}.theme-dongson .leaderboard-row{background:#0002}.word-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;min-width:0}.word-card-grid>.word-card{box-sizing:border-box;aspect-ratio:1;align-self:stretch;width:100%;min-width:0;height:auto;min-height:0;overflow:hidden}@media (width<=360px){.word-card-grid{gap:8px;padding-left:0;padding-right:0}.word-card-grid>.word-card{padding:20px 8px 10px}}.stats-forgotten-section{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 28%,transparent);background:color-mix(in srgb,var(--theme-panel,#101b31) 78%,transparent);border-radius:16px;flex-direction:column;min-height:260px;max-height:min(58vh,560px);padding:14px;display:flex;overflow:hidden}.stats-forgotten-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.stats-forgotten-heading h3{margin:0}.stats-forgotten-heading p{color:#9fb2ca;margin:4px 0 0;font-size:11px;line-height:1.45}.forgotten-count{background:color-mix(in srgb,var(--theme-accent,#70deed) 17%,transparent);min-width:34px;height:34px;color:var(--theme-accent,#70deed);border-radius:12px;place-items:center;padding:0 8px;font-weight:800;display:grid}.forgotten-review-cta{letter-spacing:.025em;flex-shrink:0;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;margin:2px 0 10px;font-weight:800;display:flex}.forgotten-review-cta svg{fill:currentColor;width:18px;height:18px}.stats-trouble-list{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--theme-accent,#70deed) 55%,#42506a) transparent;scrollbar-width:thin;gap:7px;min-height:0;padding:2px 5px 3px 0;display:grid;overflow-y:auto}.stats-trouble-list>div{background:#ffffff07;border:1px solid #ffffff13;border-radius:11px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;padding:9px 10px;display:grid}.forgotten-rank{color:var(--theme-accent,#70deed);opacity:.8;padding-top:1px;font-size:10px;font-weight:800}.stats-trouble-list>div>div{gap:3px;min-width:0;display:grid}.stats-trouble-list>div b{overflow-wrap:anywhere;color:#f4f7fc;font-size:13px}.stats-trouble-list>div small{color:#9fb2ca;font-size:10px;line-height:1.4}.stats-trouble-list>div span{color:#d5deeb;font-size:11px;line-height:1.4}.theme-christmas .stats-forgotten-section{background:#092e27bb;border-color:#4dbd8d55}.theme-dongson .stats-forgotten-section{background:#261c12bb;border-color:#d4ad6b55}@media (width<=550px){.stats-forgotten-section{max-height:56vh;padding:11px}.forgotten-review-cta{font-size:11px}.stats-trouble-list>div{padding:8px}}.in-game-shortcuts{z-index:8;gap:8px;display:flex;position:absolute;top:42px;right:0}.in-game-shortcuts button{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 52%,#64758e);background:color-mix(in srgb,var(--theme-panel,#14243b) 86%,transparent);width:36px;height:36px;color:var(--theme-accent,#70deed);cursor:pointer;border-radius:11px;place-items:center;padding:8px;display:grid;box-shadow:0 4px 12px #0005}.in-game-shortcuts button:hover{border-color:var(--theme-accent,#70deed);background:color-mix(in srgb,var(--theme-panel,#14243b) 65%,var(--theme-accent,#70deed) 35%);transform:translateY(-1px)}.in-game-shortcuts svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.theme-christmas .in-game-shortcuts button{color:#f2d690;background:#183b36ed;border-color:#8db59a}.theme-dongson .in-game-shortcuts button{color:#e8c982;background:#30251bed;border-color:#a68953}.review-word-copy{overflow:visible}.review-word-note{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 34%,transparent);background:color-mix(in srgb,var(--theme-panel,#14243b) 82%,transparent);color:#c5d5e9;text-align:left;width:fit-content;max-width:min(100%,420px);font:inherit;cursor:pointer;border-radius:8px;margin:7px 0 0;padding:5px 9px;font-size:10px;line-height:1.45;display:inline-block;position:relative;overflow:visible}.review-word-note>span:first-child{color:var(--theme-accent,#70deed);font-weight:800}.review-word-note:hover,.review-word-note:focus{border-color:var(--theme-accent,#70deed);outline:none}.review-word-note:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent,#70deed) 25%,transparent)}.review-word-note:after{content:attr(data-tooltip);z-index:30;border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 55%,#60718b);background:color-mix(in srgb,var(--theme-panel,#14243b) 96%,#000);color:#f1f5fb;white-space:normal;overflow-wrap:anywhere;pointer-events:none;border-radius:10px;width:min(280px,72vw);padding:9px 11px;font-size:11px;font-weight:500;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 8px 22px #0008}.review-word-note{cursor:pointer}.review-word-note>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.review-word-note:hover:after,.review-word-note:focus:after{display:block}.word-card-grid>.word-card.note-expanded{aspect-ratio:auto;border-color:var(--theme-accent,#70deed);background:color-mix(in srgb,var(--theme-panel,#14243b) 68%,var(--theme-accent,#70deed) 12%);min-height:190px;box-shadow:0 0 20px color-mix(in srgb,var(--theme-accent,#70deed) 18%,transparent);grid-column:1/-1;justify-content:flex-start;padding-top:30px;overflow:visible}.word-card-grid>.word-card.note-expanded .word-card-note{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 38%,transparent);background:color-mix(in srgb,var(--theme-panel,#14243b) 92%,#000);color:#d9e6f5;text-align:left;white-space:normal;overflow-wrap:anywhere;border-radius:10px;width:100%;margin-top:5px;padding:10px;font-size:12px;font-weight:500;line-height:1.55;display:block}.word-card-grid>.word-card.note-expanded .word-card-note>b{color:var(--theme-accent,#70deed);font-size:inherit}.word-card-grid>.word-card.note-expanded .word-card-hint{margin-top:5px}.theme-christmas .word-card-grid>.word-card.note-expanded{background:color-mix(in srgb,#173a32 82%,var(--theme-accent,#70deed) 18%)}.theme-dongson .word-card-grid>.word-card.note-expanded{background:color-mix(in srgb,#152e29 82%,var(--theme-accent,#70deed) 18%)}.backdrop{z-index:70}.app{min-height:100dvh}.app>header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.arena.expanded{width:100vw;height:100dvh}.backdrop{-webkit-backdrop-filter:blur(5px)}.drawer{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:100dvh;padding-top:calc(35px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.expanded .player{bottom:calc(12px + env(safe-area-inset-bottom))}.expanded .arena-top{top:calc(12px + env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.overlay.results{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (width<=550px){.app>header{--header-safe-top:env(safe-area-inset-top,0px);height:calc(76px + var(--header-safe-top));padding-top:calc(8px + var(--header-safe-top));gap:6px}.brand{letter-spacing:1.2px;gap:7px;min-width:0;font-size:17px}.brand>span{font-size:30px}.brand small{letter-spacing:1px;font-size:6px}.header-tools{flex-shrink:0}.header-tools .account-tools{gap:4px}.header-tools .account-tools .header-icon-button,.header-tools>.notification-wrap>.notification-button{width:40px;height:40px}.header-tools .header-language{min-width:40px;height:40px}.arena.expanded{padding-bottom:env(safe-area-inset-bottom)}.expanded .arena-top{top:calc(10px + env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));align-items:center}.expanded .mission{max-width:76px;font-size:7px;line-height:1.45}.expanded .tools{gap:5px}.expanded .tools button{border-radius:11px;width:38px;min-width:38px;height:38px;font-size:17px}.expanded .player{bottom:calc(10px + env(safe-area-inset-bottom))}.power-bar{bottom:calc(42px + env(safe-area-inset-bottom));grid-template-columns:44px 44px minmax(16px,1fr) 44px 44px;gap:5px;width:min(330px,100vw - 28px)}.power-button{width:44px;height:44px}.combo-hud{top:calc(60px + env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.expanded .overlay.results{padding:calc(72px + var(--arena-safe-top,env(safe-area-inset-top,0px))) max(14px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));justify-content:flex-start;gap:14px;overflow-y:auto}.expanded .overlay.results h2{font-size:clamp(20px,6vw,26px);line-height:1.25}.expanded .overlay.results .result-grid{justify-content:space-around;gap:8px;width:100%}.expanded .overlay.results .result-grid b{font-size:25px}.expanded .overlay.results .result-list{flex:none;max-height:min(20dvh,150px)}.drawer{width:min(430px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding-right:max(18px,env(safe-area-inset-right));padding-left:max(18px,env(safe-area-inset-left));border-radius:0;position:fixed;inset:0 0 auto auto}.lesson-drawer{padding-top:calc(42px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.drawer .close{top:calc(10px + env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));place-items:center;width:44px;height:44px;display:grid}.drawer .btn,.target-form .btn,.target-choices .btn{min-height:40px}.target-form input,.account-card input,.account-card select,.account-card textarea,input:not([type=checkbox]):not([type=range]):not([type=radio]),select,textarea{font-size:16px}.target-form input{min-height:44px;padding:10px}.target-form .btn,.target-choices .btn{min-height:44px}.account-screen{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}@media (width<=360px){.brand{letter-spacing:.8px;font-size:15px}.brand small{font-size:5px}.header-tools,.header-tools .account-tools{gap:3px}.header-tools .account-tools .header-icon-button,.header-tools>.notification-wrap>.notification-button{width:36px;height:36px}.header-tools .header-language{min-width:36px;height:36px;padding:0 4px}.expanded .mission{max-width:58px;font-size:6px}.expanded .tools{gap:3px}.expanded .tools button{width:35px;min-width:35px;height:38px}}@media (width<=550px){.enemy,.expanded .enemy{width:min(82vw,320px)!important}.enemy.locked,.expanded .enemy.locked{width:min(76vw,292px)!important}.enemy-card{padding:8px}.enemy .question{overflow-wrap:anywhere;padding-bottom:8px;font-size:17px;line-height:1.3}.enemy-type{margin-bottom:6px;font-size:8px}.enemy .mini-ufo{transform-origin:top;scale:.62}.enemy .space-object{width:78px;height:56px;margin:5px auto 0}.enemy .themed-target{width:80px;height:72px;margin:5px auto 0}.enemy .themed-target>small{font-size:8px}.enemy .target-choices{gap:5px}.enemy .target-choices .btn{padding:7px 3px;font-size:10px;line-height:1.25}}@media (height<=500px) and (orientation:landscape){.arena.expanded .player{bottom:calc(4px + env(safe-area-inset-bottom));width:150px!important}.expanded .enemy{width:190px}.power-bar{bottom:calc(8px + env(safe-area-inset-bottom));transform-origin:bottom;transform:translate(-50%)scale(.82)}.combo-hud{top:calc(52px + env(safe-area-inset-top))}.expanded .overlay.results{padding-top:calc(72px + var(--arena-safe-top,env(safe-area-inset-top,0px)));gap:8px}}@media (hover:none){.btn:hover:not(:disabled),.header-icon-button:hover:not(:disabled){filter:none;transform:none}}@media (hover:none) and (pointer:coarse){.power-button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.power-button kbd{display:none}.power-button:active:not(:disabled){filter:brightness(1.2);transform:scale(.92)}}@media (width<=550px){.in-game-shortcuts{top:calc(54px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));gap:7px}.in-game-shortcuts button{width:36px;height:36px;padding:8px}.enemy .mini-ufo{transform-origin:top;scale:.78}.enemy .space-object{width:96px;height:69px}}.stats-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 10px;display:grid}.stats-highlight{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 30%,#ffffff18);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel,#13243a) 84%,var(--theme-accent,#70deed) 16%),color-mix(in srgb,var(--theme-panel,#13243a) 94%,#000));border-radius:16px;flex-direction:column;justify-content:flex-start;gap:8px;min-width:0;min-height:132px;padding:14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff12,0 7px 18px #0002}.stats-card-label{color:#b7c6da;justify-content:space-between;align-items:center;gap:5px;font-size:11px;font-weight:700;line-height:1.25;display:flex}.stats-card-icon{background:color-mix(in srgb,var(--theme-accent,#70deed) 17%,transparent);width:25px;height:25px;color:var(--theme-accent,#70deed);border-radius:9px;flex:none;place-items:center;font-size:14px;display:grid}.stats-highlight>b{color:#f7fbff;letter-spacing:-.04em;font-size:30px;font-weight:850;line-height:1}.stats-highlight>small{color:#a9bad0;overflow-wrap:anywhere;font-size:10px;line-height:1.45;display:block}.stats-mastery-meter,.stats-level-track{background:#ffffff16;border-radius:99px;height:6px;overflow:hidden}.stats-mastery-meter i,.stats-level-track i{border-radius:inherit;background:linear-gradient(90deg,var(--theme-accent,#70deed),color-mix(in srgb,var(--theme-accent,#70deed) 55%,#fff));height:100%;box-shadow:0 0 10px color-mix(in srgb,var(--theme-accent,#70deed) 40%,transparent);display:block}.stats-speed-highlight>b{color:var(--theme-accent,#70deed);margin:5px 0 2px}.stats-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px;display:grid}.stats-quick-grid>article{background:color-mix(in srgb,var(--theme-panel,#13243a) 80%,#ffffff08);border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:62px;padding:10px 11px;display:flex}.stats-quick-grid>article>span{color:#aebdd0;font-size:10px;line-height:1.35}.stats-quick-grid>article>b{color:#f5f8ff;flex:none;font-size:17px;font-weight:800}.stats-section{background:color-mix(in srgb,var(--theme-panel,#13243a) 84%,transparent);border:1px solid #ffffff15;border-radius:16px;margin:16px 0;padding:14px}.stats-section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.stats-section-heading h3,.stats-section>h3{color:#f2f6fc;margin:0;font-size:15px;line-height:1.25}.stats-section-heading p{color:#9fb1c8;margin:4px 0 0;font-size:10px;line-height:1.45}.stats-section-heading>span{color:var(--theme-accent,#70deed);text-align:right;flex:none;font-size:16px;font-weight:800}.stats-section-heading>span small{color:#9fb1c8;font-size:9px;font-weight:500;display:block}.stats-level-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stats-level-row{background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;min-width:0;padding:10px}.stats-level-heading{justify-content:space-between;align-items:center;gap:5px;display:flex}.stats-level-heading>b{color:#f1f5fb;align-items:baseline;gap:5px;min-width:0;font-size:13px;display:flex}.stats-level-heading>b small{color:#879bb4;font-size:9px;font-weight:600}.stats-level-heading>strong{color:var(--theme-accent,#70deed);flex:none;font-size:11px}.stats-level-meta{color:#9fb1c8;margin:5px 0 8px;font-size:9px;line-height:1.35}.stats-level-track{height:5px}.stats-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stats-results-grid>article{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:space-between;gap:6px;min-width:0;min-height:66px;padding:10px 11px;display:flex}.stats-results-grid>article>span{color:#aebdd0;font-size:10px;line-height:1.3}.stats-results-grid>article>b{color:#f5f8ff;font-size:20px;font-weight:800;line-height:1}.stats-results-grid .result-correct{border-color:#53d69b35}.stats-results-grid .result-correct>b{color:#69dda8}.stats-results-grid .result-wrong{border-color:#ff718235}.stats-results-grid .result-wrong>b{color:#ff8c9b}.stats-results-grid .result-timeout>b{color:#ffc76c}.stats-results-grid .result-duration{flex-direction:row;grid-column:1/-1;align-items:center;min-height:58px}.stats-results-grid .result-duration>b{color:var(--theme-accent,#70deed);font-variant-numeric:tabular-nums;margin-left:auto}.stats-results-grid .result-duration>small{color:#92a6be;font-size:9px}.theme-christmas .stats-highlight,.theme-christmas .stats-section{background-color:#092e27cc;border-color:#55c89438}.theme-dongson .stats-highlight,.theme-dongson .stats-section{background-color:#261c12cc;border-color:#d4ad6b38}@media (width<=360px){.stats-highlight{min-height:124px;padding:11px}.stats-card-label{font-size:10px}.stats-highlight>b{font-size:26px}.stats-level-list{grid-template-columns:1fr}.stats-section{padding:11px}.stats-quick-grid>article{padding:9px}.stats-results-grid .result-duration{flex-wrap:wrap}.stats-results-grid .result-duration>b{margin-left:0}}.heading .outside-game-actions>button{box-sizing:border-box;place-content:center;place-items:center;line-height:0;display:grid}.heading .outside-game-actions>button>svg{flex:none;margin:auto;display:block}@media (width<=550px){.heading .outside-game-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.heading .outside-game-actions>button{box-sizing:border-box;flex:0 0 40px;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:8px;display:grid}.heading .outside-game-actions>button svg{flex:none;width:21px;height:21px;display:block}}@media (width<=360px){.heading .outside-game-actions{gap:4px}.heading .outside-game-actions>button{flex-basis:38px;width:38px;min-width:38px;height:38px;min-height:38px;padding:7px}.heading .outside-game-actions>button svg{width:20px;height:20px}}.leaderboard-row strong .leaderboard-level-xp{color:#9eb5c9;margin-top:4px;font-size:10px;display:block}.leaderboard-active-board>.leaderboard-note{margin:0 0 12px;font-size:11px;line-height:1.6}.example-feedback{z-index:95;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071827ba;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.example-feedback>div{background:var(--panel,#102b3d);text-align:center;border:1px solid #74d5be;border-radius:24px;width:min(540px,100%);padding:28px;box-shadow:0 20px 80px #0008}.example-feedback small{color:#86ead0;letter-spacing:.12em;font-weight:800}.example-feedback p{overflow-wrap:anywhere;font-size:clamp(17px,2.4vw,23px);line-height:1.5}.example-feedback .example-translation{color:#d2dfec;font-size:17px}.example-intro-label{letter-spacing:.08em;color:#8be0cc;margin:12px;font-size:12px;display:block}.level-tabs.topic-tabs{scrollbar-width:thin;scrollbar-color:var(--theme-accent,#79e1ed) transparent;overscroll-behavior-x:contain;grid-template-columns:none;grid-auto-columns:52px;grid-auto-flow:column;justify-content:start;gap:8px;width:100%;min-width:0;padding:4px 3px 10px;scroll-padding-inline:3px;display:grid;overflow:auto hidden}.level-tabs.topic-tabs button{box-sizing:border-box;aspect-ratio:1;flex-shrink:0;place-items:center;width:52px;height:52px;padding:0;transition:background .15s,border-color .15s,color .15s;display:grid;position:relative}.level-tabs.topic-tabs button.active{border-width:2px;box-shadow:inset 0 0 0 1px}.level-tabs.topic-tabs button.active:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px;left:calc(50% - 2px)}.level-tabs.topic-tabs button:focus-visible{outline-offset:2px;outline:2px solid}.lesson-drawer .lesson-tile.lesson-tile-mini{border-style:dashed dashed solid;border-color:color-mix(in srgb,var(--theme-accent,#79e1ed) 65%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#79e1ed) 16%,var(--theme-panel,#202d48)),var(--theme-panel,#202d48));color:var(--theme-accent,#79e1ed)}.lesson-drawer .lesson-tile-mini>b{justify-content:center;align-items:center;gap:6px;font-size:17px;display:flex}.lesson-mini-icon{flex:none;width:22px;height:22px}.lesson-drawer .lesson-tile-mini .lesson-word-count{color:inherit;opacity:1;font-size:10px;font-weight:800}.lesson-drawer .lesson-tile-mini .lesson-percent{color:inherit;opacity:.85;white-space:normal;font-size:8px}.lesson-drawer .lesson-tile-mini.current{box-shadow:inset 0 0 0 1px var(--theme-accent,#79e1ed);border-style:solid}.lesson-drawer .lesson-tile-mini.complete{border-style:solid;border-color:#82d9b4}.lesson-drawer .lesson-tile-mini.inactive{opacity:.5}.speech-playback-notice{z-index:45;border:1px solid var(--theme-accent,#79e1ed);background:var(--theme-panel,#17243b);color:#edf5ff;border-radius:12px;align-items:center;gap:8px;width:min(560px,100% - 24px);padding:9px 12px;font-size:11px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0005}.speech-playback-notice>span{flex:1;min-width:0}.speech-playback-notice button{min-height:40px;color:inherit;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #fff4;border-radius:8px;flex:none;padding:6px 9px}.speech-playback-notice button:focus-visible{outline:2px solid var(--theme-accent,#79e1ed);outline-offset:2px}.arena.expanded .speech-playback-notice{top:calc(64px + env(safe-area-inset-top,0px))}.result-upcoming-lesson{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 35%,transparent);background:color-mix(in srgb,var(--theme-panel,#0c152b) 90%,var(--theme-accent,#70deed));text-align:left;border-radius:15px;gap:7px;width:min(420px,100%);margin:15px auto;padding:15px;display:grid}.result-upcoming-lesson>small{letter-spacing:.1em;color:var(--theme-accent,#70deed);font-size:9px}.result-upcoming-lesson>b{color:#f5f7fb;font-size:16px}.result-upcoming-lesson>span{color:#bccdda;font-size:12px}.result-upcoming-lesson .btn{width:100%;margin:5px 0 0}.boss-battle{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.boss-paused *{animation-play-state:paused!important}.theme-christmas{--boss-panel:#143c34f2;--boss-edge:#a4e4bc;--boss-text:#fff1cd;--boss-soft:#c8e8d6;--boss-glow:#8be5c944}.theme-dongson{--boss-panel:#302319f2;--boss-edge:#dcb678;--boss-text:#ffedc4;--boss-soft:#ddc8a8;--boss-glow:#e7bd7644}:is(.theme-christmas,.theme-dongson) :is(.boss-hud,.boss-question,.boss-message){background:var(--boss-panel);border-color:var(--boss-edge);color:var(--boss-text);box-shadow:0 8px 24px #0004,0 0 20px var(--boss-glow)}:is(.theme-christmas,.theme-dongson) .boss-hud b{color:var(--boss-edge)}:is(.theme-christmas,.theme-dongson) :is(.boss-hud small,.boss-question>small){color:var(--boss-soft)}:is(.theme-christmas,.theme-dongson) .boss-distance i{background:linear-gradient(90deg,var(--boss-edge),var(--boss-text))}:is(.theme-christmas,.theme-dongson) .answer-memory-bubble{background:radial-gradient(ellipse at 30% 15%,var(--boss-glow),var(--boss-panel));border-color:var(--boss-edge);color:var(--boss-text);box-shadow:inset 0 2px 10px var(--boss-glow),0 0 24px var(--boss-glow)}:is(.theme-christmas,.theme-dongson) .answer-memory-bubble :is(small,span){color:var(--boss-soft)}.boss-laser-ejected .boss-rock{animation:none!important}.boss-kind-ice-comet .boss-meteor{filter:drop-shadow(0 0 22px #6cdcff77)}.boss-kind-satellite .boss-meteor{filter:drop-shadow(0 0 18px #9fb4d955)}.boss-escaped .boss-position{transition:top .8s ease-in}.boss-hud{text-align:center;z-index:6;background:#172037e8;border:1px solid #ffb76677;border-radius:16px;width:min(80%,420px);padding:10px 16px;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #e16a1922}.boss-hud b{color:#ffca88;letter-spacing:1px;font-size:13px;display:block}.boss-hud span{color:#fff;margin-top:5px;font-size:13px;display:block}.boss-hud small{color:#b9c8df;margin-top:4px;font-size:10px;display:block}.boss-distance{background:#ffffff1a;border-radius:9px;height:5px;margin-top:8px;overflow:hidden}.boss-distance i{background:linear-gradient(90deg,#ffca74,#ff5e49);height:100%;display:block}.boss-position{will-change:top;pointer-events:none;width:min(43%,310px);position:absolute;left:50%;transform:translate(-50%)}.boss-meteor.space-target{aspect-ratio:1;width:100%;height:auto;filter:drop-shadow(0 0 22px var(--boss-glow,#ff6c3b99));margin:0;position:relative;overflow:visible}.boss-stone.boss-rock{box-shadow:none;background:0 0;border:0;border-radius:0;inset:2%;transform:rotate(-12deg)}.boss-stone svg{width:100%;height:100%;display:block;overflow:visible}.boss-photo.boss-rock{box-shadow:none;background:0 0;border:0;border-radius:0;inset:0;transform:none}.boss-photo img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;position:absolute;bottom:0;left:0}.boss-lava-cracks{filter:drop-shadow(0 0 5px #ff5519)}.boss-rock{background:radial-gradient(at 28% 24%,#b18a6d,#59413d 45%,#271e2d 78%);border:3px solid #e59660;border-radius:50%;position:absolute;inset:8%;transform:rotate(-17deg);box-shadow:inset -14px -16px 22px #100c20,inset 8px 5px 15px #ffb96d88,0 0 28px #ff853366}.boss-rock>i{background:#2c222c;border-radius:50%;width:24%;height:20%;position:absolute;top:22%;left:20%;box-shadow:inset 2px 4px 6px #0e1020,1px 2px 2px #d1a47a66}.boss-rock>i:nth-child(2){width:30%;height:26%;top:55%;left:48%}.boss-rock>i:nth-child(3){width:15%;height:16%;top:18%;left:64%}.boss-rock>span{color:#ffdc8d;text-shadow:0 0 14px #ff4700;text-align:center;font-size:clamp(80px,14vw,160px);line-height:1.1;position:absolute;inset:10%}.boss-flame{filter:blur(8px);transform-origin:bottom;background:linear-gradient(#0000,#e3403322 30%,#ff773177 65%,#ffda8b99);border-radius:80% 30% 40% 40%;height:190%;animation:.25s infinite alternate bossFlame;position:absolute;bottom:35%;left:12%;right:12%}.boss-speed-lines{opacity:.45;position:absolute;inset:0;overflow:hidden}.boss-speed-lines i{background:linear-gradient(#0000,#ffc18e,#0000);width:1px;height:120px;animation:.65s linear infinite bossRush;position:absolute;top:100%}.boss-question{pointer-events:auto;z-index:7;background:#13223bf5;border:1px solid #b6e2ff99;border-radius:16px;width:min(300px,45%);padding:13px;animation:.25s ease-out bossQuestion;position:absolute;transform:translate(-50%,-15%);box-shadow:0 12px 28px #0006}.boss-question .question{overflow-wrap:anywhere;margin:8px 0;font-size:19px;line-height:1.35}.boss-question>.enemy-type{font-size:10px}.boss-question>small{text-align:right;color:#b8cce8;margin-top:4px;font-size:10px;display:block}.boss-question .target-form{gap:6px;display:flex}.boss-question input{width:100%;min-width:0}.boss-question .target-timer{margin-top:10px}.boss-listen{color:#aee9ff;cursor:pointer;background:0 0;border:0;padding:8px}.boss-message{z-index:9;color:#ffe3b7;text-align:center;pointer-events:auto;background:#172239f5;border:1px solid #ffbe78;border-radius:18px;width:min(85%,400px);padding:22px;font-size:20px;font-weight:800;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.boss-message p{overflow-wrap:anywhere;font-size:13px}.boss-hit .boss-rock{animation:.4s ease-out bossImpact}.boss-defeated .boss-rock{animation:.9s ease-out forwards bossExplode}.boss-escaped .boss-position{filter:brightness(.6)}.boss-result{background:#ff9f4510;border:1px solid #f0ac6966;border-radius:12px;padding:10px 16px;color:#ffc991!important}.boss-result small{font-size:11px}.boss-result-win{background:#63e8a810;border-color:#7ee9b7;color:#a4f7d0!important}.answer-memory-bubble{z-index:9;color:#ecfbff;text-align:center;pointer-events:none;background:radial-gradient(at 30% 15%,#c1f7ff33,#204a6799 35%,#162840e8);border:1px solid #abedff9c;border-radius:40px;flex-direction:column;align-items:center;gap:5px;width:max-content;max-width:min(260px,75%);padding:15px 22px;animation:6s linear forwards answerBubbleRise;display:flex;position:absolute;bottom:9%;transform:translate(-50%);box-shadow:inset 0 2px 10px #c6f9ff44,0 0 24px #5bcbef33}.answer-memory-bubble small{letter-spacing:1px;color:#a8def1;font-size:9px}.answer-memory-bubble b{font-size:20px}.answer-memory-bubble span{color:#bbdfee;font-size:12px}.answer-memory-bubble strong{overflow-wrap:anywhere;font-size:13px}@keyframes answerBubbleRise{0%{opacity:0;translate:0 20px;scale:.85}10%,70%{opacity:1}to{opacity:0;translate:0 -330px;scale:1.06}}@keyframes bossRush{to{transform:translateY(-1100px)}}@keyframes bossFlame{to{opacity:.65;transform:scaleX(.85)skew(7deg)}}@keyframes bossImpact{25%{filter:brightness(2);translate:-5px 2px}65%{translate:5px -2px}}@keyframes bossExplode{to{opacity:0;filter:brightness(3);rotate:30deg;scale:1.9}}@keyframes bossQuestion{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (width<=550px){.boss-hud{width:84%;padding:8px 12px;top:86px}.boss-hud b{font-size:11px}.boss-hud span{font-size:12px}.boss-question{width:min(84%,320px);left:50%!important}.boss-question .question{font-size:17px}.boss-position{width:45%}.answer-memory-bubble{left:50%!important}}@media (prefers-reduced-motion:reduce){.boss-speed-lines,.boss-flame{display:none}.boss-hit .boss-rock,.boss-question{animation:none}.answer-memory-bubble{animation-name:answerBubbleFade}@keyframes answerBubbleFade{0%,to{opacity:0}10%,85%{opacity:1}}}.answer-memory-bubble b{overflow-wrap:anywhere;max-width:100%}.results .boss-recovery-note{color:#b8e9dd;background:#75cec10c;border:1px solid #87dcd644;border-radius:12px;max-width:420px;padding:10px 14px;font-size:12px}.results .boss-recovery-note small{color:#9db6c9;font-size:11px}.example-quiz{--quiz-panel:var(--theme-panel,#0c152b);--quiz-accent:var(--theme-accent,#70deed);--quiz-text:color-mix(in srgb,white 92%,var(--quiz-accent));--quiz-muted:color-mix(in srgb,var(--quiz-text) 68%,var(--quiz-panel));--quiz-border:color-mix(in srgb,var(--quiz-accent) 36%,var(--quiz-panel));z-index:12;background:linear-gradient(145deg,color-mix(in srgb,var(--quiz-panel) 90%,var(--quiz-accent)),var(--quiz-panel));border:1px solid var(--quiz-border);width:min(840px,100% - 40px);color:var(--quiz-text);overscroll-behavior:contain;border-radius:24px;max-height:calc(100dvh - 155px);margin:95px auto 36px;padding:28px 32px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0005}.quiz-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-heading small{letter-spacing:.15em;color:var(--quiz-muted);font-size:10px}.quiz-heading h2{margin:6px 0 18px;font-size:23px}.quiz-reward{white-space:nowrap;background:color-mix(in srgb,var(--quiz-accent) 12%,var(--quiz-panel));border:1px solid var(--quiz-border);color:var(--quiz-accent);border-radius:20px;padding:7px 11px;font-size:11px;font-weight:800}.quiz-progress{color:var(--quiz-muted);justify-content:space-between;gap:10px;font-size:12px;display:flex}.example-quiz progress{width:100%;height:5px;accent-color:var(--quiz-accent);margin-top:9px;display:block}.quiz-question{align-items:center;gap:20px;min-height:130px;padding:22px 0;display:flex}.quiz-question p{overflow-wrap:anywhere;margin:0;font-size:clamp(20px,2.8vw,29px);font-weight:650;line-height:1.5}.quiz-ufo{object-fit:contain;filter:drop-shadow(0 8px 15px #0005);flex-shrink:0;width:74px;height:74px}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quiz-options button{border:1px solid var(--quiz-border);background:color-mix(in srgb,var(--quiz-panel) 85%,var(--quiz-accent));min-height:62px;color:var(--quiz-text);text-align:left;font:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px 17px;transition:background .15s,border-color .15s;display:flex}.quiz-options button>b{color:var(--quiz-accent);flex-shrink:0;font-size:16px}.quiz-options button>span{overflow-wrap:anywhere;flex:1}.quiz-options button>i{font-style:normal;font-weight:800}.quiz-options button:hover:not(:disabled){border-color:var(--quiz-accent);background:color-mix(in srgb,var(--quiz-panel) 72%,var(--quiz-accent))}.quiz-options button:focus-visible{outline:3px solid var(--quiz-accent);outline-offset:3px}.quiz-options button:disabled{cursor:default}.quiz-options .quiz-correct{background:color-mix(in srgb,var(--quiz-panel) 60%,#237452);color:#caffea;border-color:#65d2ac}.quiz-options .quiz-wrong{background:color-mix(in srgb,var(--quiz-panel) 60%,#983c4f);color:#ffd9df;border-color:#eb8a9c}.quiz-feedback{background:color-mix(in srgb,var(--quiz-panel) 94%,var(--quiz-accent));border:1px solid var(--quiz-border);border-radius:14px;margin-top:20px;padding:16px 18px}.quiz-feedback>b{color:#83e3c4}.quiz-feedback.wrong>b{color:#ffb5bf}.quiz-feedback p{margin:10px 0;font-size:16px;line-height:1.55}.quiz-feedback .quiz-translation{color:var(--quiz-muted)}.quiz-feedback .btn{margin-top:9px}.quiz-hint{color:var(--quiz-muted);text-align:center;margin:18px 0 0;font-size:12px}.arena.mini-quiz .threshold,.arena.mini-quiz>.player,.arena.mini-quiz .hull-status,.arena.mini-quiz .combo-hud{display:none}.arena.mini-quiz{overflow-y:auto}.arena.mini-quiz .arena-scenery{opacity:.45}@media (width<=600px){.example-quiz{border-radius:19px;width:calc(100% - 24px);max-height:calc(100dvh - 105px);margin:78px auto 20px;padding:19px 16px}.quiz-heading h2{font-size:19px}.quiz-reward{padding:6px 8px;font-size:9px}.quiz-question{gap:11px;min-height:110px;padding:18px 0}.quiz-ufo{width:47px;height:47px}.quiz-question p{font-size:20px}.quiz-options{grid-template-columns:1fr;gap:9px}.quiz-options button{min-height:50px;padding:11px 14px}.quiz-progress{font-size:10px}.quiz-feedback{padding:13px}.quiz-feedback .btn{width:100%}}.quiz-meaning{border:1px solid var(--quiz-border);background:color-mix(in srgb,var(--quiz-panel) 91%,var(--quiz-accent));border-radius:12px;gap:7px;margin:0 0 18px;padding:14px 18px;font-size:19px;display:grid}.quiz-meaning small{letter-spacing:.1em;color:var(--quiz-muted);font-size:9px}.quiz-entry{gap:12px;margin:18px 0;display:flex}.quiz-entry input{border:1px solid var(--quiz-border);background:color-mix(in srgb,var(--quiz-panel) 85%,var(--theme-bg,#080d20));min-width:0;min-height:54px;color:var(--quiz-text);font:inherit;border-radius:12px;flex:1;padding:14px 17px}.quiz-entry input:focus{outline:2px solid var(--quiz-accent);outline-offset:2px}.quiz-entry input:disabled{opacity:.65}.quiz-entry .btn{white-space:nowrap;margin:0}.quiz-listen{margin:0 0 10px}@media (width<=600px){.quiz-entry{flex-direction:column}.quiz-entry .btn{width:100%}}.app .example-quiz .btn.primary{background:var(--quiz-accent);color:var(--theme-bg,#080d20);border-color:color-mix(in srgb,var(--quiz-accent) 75%,white);box-shadow:0 4px 0 color-mix(in srgb,var(--quiz-accent) 45%,var(--quiz-panel))}.app .example-quiz .btn.secondary{background:color-mix(in srgb,var(--quiz-panel) 85%,var(--quiz-accent));border-color:var(--quiz-border);color:var(--quiz-text);box-shadow:none}.app .example-quiz .btn:focus-visible{outline:3px solid var(--quiz-accent);outline-offset:3px}.example-quiz progress::-webkit-progress-bar{background:color-mix(in srgb,var(--quiz-panel) 80%,var(--quiz-accent));border-radius:10px}.example-quiz progress::-webkit-progress-value{background:var(--quiz-accent);border-radius:10px}.example-quiz progress::-moz-progress-bar{background:var(--quiz-accent);border-radius:10px}.quiz-entry input::placeholder{color:var(--quiz-muted)}.example-quiz.quiz-slide-in{animation:.65s cubic-bezier(.16,.84,.24,1) both quiz-panel-down}.quiz-question{animation:.35s ease-out both quiz-content-enter}.quiz-options button{animation:.3s ease-out both quiz-content-enter}.quiz-options button:nth-child(2){animation-delay:40ms}.quiz-options button:nth-child(3){animation-delay:80ms}.quiz-options button:nth-child(4){animation-delay:.12s}.quiz-entry{animation:.35s ease-out both quiz-content-enter}.quiz-feedback{animation:.2s ease-out both quiz-content-enter}.quiz-entry input{text-transform:lowercase}@keyframes quiz-panel-down{0%{transform:translateY(-110dvh)}to{transform:translateY(0)}}@keyframes quiz-content-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.example-quiz.quiz-slide-in,.quiz-question,.quiz-options button,.quiz-entry,.quiz-feedback{animation:none!important}}.player-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030713bf;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.player-panel{background:var(--theme-panel,#111c31);color:#edf4ff;border:1px solid #8199c34d;border-radius:24px;flex-direction:column;width:min(760px,100%);max-height:90dvh;display:flex;overflow:hidden;box-shadow:0 24px 100px #0009}.player-panel header{justify-content:space-between;align-items:center;padding:22px 24px 12px;display:flex}.player-panel header small{letter-spacing:.15em;color:#a4b7d0}.player-panel h2{margin:5px 0;font-size:26px}.player-panel h2 span{color:#ffd586;margin-left:20px;font-size:19px}.player-panel button{font:inherit;color:inherit;cursor:pointer;background:#8199c31a;border:1px solid #8199c344;border-radius:10px;padding:9px 12px}.player-panel button:disabled{opacity:.5;cursor:default}.player-panel button:focus-visible,.player-size input:focus-visible{outline-offset:3px;outline:2px solid #83ddff}.player-panel header>button{font-size:24px}.player-xp{color:#bacce2;gap:7px;padding:0 24px 18px;font-size:13px;display:grid}.player-panel progress{width:100%;height:7px;accent-color:var(--theme-accent,#73dbef)}.player-panel nav{flex-shrink:0;gap:6px;padding:0 20px 12px;display:flex;overflow-x:auto}.player-panel nav button{white-space:nowrap;font-size:13px}.player-panel nav button[aria-selected=true]{color:#a6eeff;background:#79d7ed22;border-color:#79d7ed99}.player-content{overscroll-behavior:contain;padding:6px 24px 24px;overflow-y:auto}.player-content>p{color:#adbed4;font-size:14px;line-height:1.6}.player-content small{color:#b3c5dc;font-size:12px;line-height:1.6;display:block}.player-objectives{gap:12px;display:grid}.player-objectives article,.player-shop article{background:#8199c30c;border:1px solid #8199c333;border-radius:15px;gap:12px;padding:17px;display:grid}.player-objectives article>div{justify-content:space-between;gap:12px;display:flex}.player-objectives article span{white-space:nowrap;color:#a7c0da;font-size:13px}.player-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.player-shop span{color:#acbdd2;font-size:13px}.player-shop button,.player-action{color:#ffe2a1!important;background:#e7bd6422!important;border-color:#e7bd6477!important}.player-action{margin:18px 0 12px}.checkin-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.checkin-days article{text-align:center;border:1px solid #8199c333;border-radius:14px;gap:8px;padding:14px 10px;font-size:13px;display:grid}.checkin-days .today{background:#e7bd6414;border-color:#f4c76b}.checkin-days strong{color:#ffe1a2;font-size:18px}.player-size{gap:12px;font-weight:700;display:grid}.player-size input{width:130px;color:inherit;font:inherit;background:#0003;border:1px solid #8199c366;border-radius:10px;padding:12px}.player-error{color:#ff9eae!important}.player-notice{color:#9be8be!important}.checkin-reminder{z-index:45;color:#eaf4ff;background:#142035ee;border:1px solid #e7bd6455;border-radius:16px;gap:9px;max-width:280px;padding:17px 40px 17px 17px;font-size:13px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #0005}.checkin-reminder>button:first-child{color:#b4c4db;background:0 0;border:0;font-size:20px;position:absolute;top:6px;right:8px}.checkin-reminder>button:last-child{color:#ffe2a1;cursor:pointer;background:#e7bd6422;border:1px solid #e7bd6477;border-radius:8px;padding:8px}.game-rewards{text-align:left;background:#e7bd6409;border:1px solid #e7bd6444;border-radius:12px;width:min(420px,100%);margin:12px auto;padding:12px}.game-rewards>b{color:#fbd895;font-size:16px}.game-rewards>div{max-height:100px;overflow:auto}.game-rewards p{justify-content:space-between;gap:10px;display:flex;margin:8px 0!important;font-size:12px!important}.game-rewards p span{white-space:nowrap;color:#b4d0df}@media (width<=600px){.player-panel{border-radius:18px;max-height:94dvh}.player-panel header{padding:18px 16px 12px}.player-content{padding:4px 16px 20px}.player-panel nav{padding-left:16px}.checkin-days{grid-template-columns:repeat(3,minmax(0,1fr))}.player-shop{grid-template-columns:1fr}.checkin-reminder{max-width:230px;bottom:12px;right:12px}}.player-panel header{box-sizing:border-box;border:0;flex-shrink:0;width:100%;max-width:none;height:auto;margin:0}.gold-symbol,.player-wallet .gold-symbol{vertical-align:baseline;background:#b8862b;border:2px solid #f5c969;border-radius:50%;width:.8em;height:.8em;display:inline-block;position:static;box-shadow:inset 0 0 0 2px #ffe293}.player-wallet{color:#eaf4ff;cursor:pointer;white-space:nowrap;background:linear-gradient(125deg,#26374d99,#121d30cc);border:1px solid #829dc636;border-radius:14px;flex-shrink:0;align-items:center;gap:10px;min-height:46px;padding:5px 12px 5px 7px;transition:border-color .18s,background .18s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08,0 3px 10px #0002}.player-wallet:hover:not(:disabled){background:linear-gradient(125deg,#2e465d,#17263b);border-color:#82dfed88}.player-wallet:focus-visible{outline-offset:4px;outline:2px solid #89dfec}.player-wallet:disabled{opacity:.55;cursor:default}.wallet-level{flex-shrink:0;place-items:center;width:32px;height:35px;display:grid;position:relative}.wallet-level svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wallet-level svg path:first-child{fill:#263b50;stroke:#75c9db;stroke-width:1.2px}.wallet-level svg path:last-child{fill:#93dce5;opacity:.12}.wallet-level>b{font-variant-numeric:tabular-nums;color:#c3f2f6;font-size:14px;line-height:1;position:relative}.wallet-progress{gap:6px;min-width:72px;display:grid}.wallet-progress>span:first-child{color:#bbd1e1;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:14px;font-size:9px;font-weight:800;display:flex}.wallet-progress small{color:#7f9caf;letter-spacing:0;font-size:9px;font-weight:500}.wallet-track{background:#071220aa;border-radius:8px;width:100%;height:4px;overflow:hidden}.wallet-track i{border-radius:inherit;background:linear-gradient(90deg,#64c1db,#a1f0d3);height:100%;transition:width .3s;display:block;box-shadow:0 0 6px #74ddd866}.wallet-gold{color:#f1d392;border-left:1px solid #b2c8dd22;align-items:center;gap:6px;margin-left:1px;padding-left:11px;display:flex}.wallet-gold b{font-variant-numeric:tabular-nums;text-overflow:ellipsis;max-width:90px;font-size:13px;font-weight:700;overflow:hidden}.wallet-unclaimed{background:#a6e9c0;border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:2px;box-shadow:0 0 0 3px #121d30}.theme-christmas .player-wallet{background:linear-gradient(125deg,#2a4b43,#183631);border-color:#8fbc9955}.theme-christmas .wallet-level svg path:first-child{fill:#2f5244;stroke:#b3d5a1}.theme-dongson .player-wallet{background:linear-gradient(125deg,#4a3b26,#2c251a);border-color:#c6a76855}.theme-dongson .wallet-level svg path:first-child{fill:#56452b;stroke:#dfbf78}.theme-dongson .wallet-level>b{color:#f4dfab}.theme-dongson .wallet-progress>span:first-child{color:#dac8a4}.theme-dongson .wallet-track i{background:linear-gradient(90deg,#b8924c,#ecd59b)}.player-panel:has(.lesson-settings){width:min(800px,100%)}.lesson-settings{padding:14px 0 0}.lesson-settings-heading{align-items:flex-start;gap:15px;margin:0 0 20px;display:flex}.lesson-settings-icon{color:#a4e5dc;background:linear-gradient(135deg,#85cddd20,#a4ecd708);border:1px solid #8dd9d733;border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.lesson-settings-icon svg,.lesson-settings-footer svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.lesson-kicker{letter-spacing:.14em;color:#87b8c8;font-size:9px;font-weight:700}.lesson-settings-heading h3{letter-spacing:-.6px;color:#edf5ff;margin:5px 0 6px;font-size:23px;font-weight:750;line-height:1.3}.lesson-settings-heading p,.lesson-custom p{color:#93a9bf;margin:0;font-size:13px;line-height:1.6}.lesson-current{color:#8ea8bb;background:#8299bb07;border:1px solid #86a4c326;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;padding:11px 13px;font-size:11px;display:flex}.lesson-current strong{color:#cadce8;margin-left:auto;font-size:11px;font-weight:600}.lesson-status-dot{background:#91dbc2;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #91dbc233}.lesson-presets{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;margin:0 0 21px;padding:0;display:grid}.lesson-presets legend{color:#c4d6e5;margin-bottom:12px;padding:0;font-size:12px;font-weight:650}.player-panel .lesson-presets button{text-align:left;background:linear-gradient(145deg,#8aa9c808,#8aa9c802);border:1px solid #8faac52d;border-radius:14px;flex-direction:column;align-items:flex-start;gap:5px;padding:18px 14px 14px;transition:border-color .15s,background .15s;display:flex;position:relative}.player-panel .lesson-presets button:hover{background:#86d4db0b;border-color:#94d7df66}.player-panel .lesson-presets button[aria-pressed=true]{background:linear-gradient(145deg,#69c9d31c,#8ee5c905);border-color:#83d4d6;box-shadow:inset 0 0 0 1px #83d4d614,0 4px 18px #0002}.lesson-presets strong{color:#edf6ff;letter-spacing:-1px;font-size:29px;font-weight:750;line-height:1.3}.lesson-presets strong small{color:#849db2;letter-spacing:0;font-size:10px;font-weight:500;display:inline}.lesson-presets b{color:#c7dbe7;font-size:12px;font-weight:650}.lesson-presets button>span:last-child{color:#849db2;font-size:10px;line-height:1.5}.lesson-presets button[aria-pressed=true] b{color:#a9e5de}.lesson-presets .preset-selected{color:#638094;font-size:13px;position:absolute;top:10px;right:10px}.lesson-presets button[aria-pressed=true] .preset-selected{color:#9ce4d5}.lesson-custom{justify-content:space-between;align-items:center;gap:16px;display:flex}.lesson-custom label{color:#cfdfed;font-size:13px;font-weight:650}.lesson-custom p{margin-top:5px;font-size:11px}.lesson-stepper{background:#07132144;border:1px solid #8ba8c444;border-radius:11px;flex-shrink:0;align-items:center;padding:4px;display:flex}.player-panel .lesson-stepper button{color:#a8c5d7;background:#91adc313;border:0;border-radius:7px;width:30px;height:30px;padding:0;font-size:20px}.lesson-stepper input{text-align:center;color:#e2eff9;appearance:textfield;background:0 0;border:0;width:52px;min-width:0;font-family:inherit;font-size:17px;font-weight:700;padding:5px 0!important}.lesson-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lesson-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lesson-stepper input:focus-visible{outline-offset:0;border-radius:4px;outline:2px solid #8dd8dc}.lesson-range{accent-color:#93d9d4;cursor:pointer;width:100%;height:4px;margin:18px 0 25px;display:block}.lesson-preview{background:linear-gradient(120deg,#91bed40b,#9bd8d006);border:1px solid #9bb8d029;border-radius:14px;padding:16px 18px}.lesson-preview-title{color:#8cabc0;letter-spacing:.09em;justify-content:space-between;gap:10px;margin-bottom:16px;font-size:9px;font-weight:700;display:flex}.lesson-preview-title>span:last-child{letter-spacing:0;color:#6f92a7;font-weight:400}.lesson-preview-count{align-items:center;gap:24px;display:flex}.lesson-preview-count>div{align-items:baseline;gap:8px;display:flex}.lesson-preview-count b{letter-spacing:-1px;color:#dfeffc;font-size:30px;font-weight:750;line-height:1.2}.lesson-preview-count>div:nth-of-type(2) b{color:#9adccf}.lesson-preview-count>div>span{color:#a9c0d2;font-size:12px}.lesson-plus{color:#637c90;font-size:19px}.lesson-preview-caption{color:#829eb2;margin-left:auto;font-size:10px;line-height:1.7}.lesson-settings-footer{border-top:1px solid #8ca9c322;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:22px;display:flex}.lesson-settings-footer p{color:#b6cdd9;align-items:center;gap:9px;margin:0;font-size:11px;line-height:1.5;display:flex}.lesson-settings-footer p svg{color:#8ebeb3;flex-shrink:0;width:20px;height:20px}.lesson-settings-footer p small{color:#7e99ae;margin-top:3px;font-size:10px;line-height:1.5}.player-panel .lesson-save{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:18px;margin:0;padding:13px 17px;font-size:12px;font-weight:750;display:flex;box-shadow:0 4px 14px #83cfd416;color:#102e39!important;background:linear-gradient(135deg,#b5ead8,#87cfd4)!important;border:1px solid #b5ead8!important}.lesson-save svg{width:17px;height:17px}@media (width<=800px){.player-wallet{gap:7px;min-height:42px;padding-right:9px}.wallet-progress{min-width:55px}.wallet-progress>span:first-child{gap:8px;font-size:8px}.wallet-progress small{font-size:8px}.wallet-gold{padding-left:8px}.wallet-level{width:28px;height:32px}}@media (width<=600px){.lesson-settings-heading{gap:11px;margin-bottom:16px}.lesson-settings-icon{border-radius:12px;width:40px;height:40px}.lesson-kicker{letter-spacing:.09em;font-size:8px}.lesson-settings-heading h3{margin-top:5px;font-size:20px}.lesson-settings-heading p{font-size:12px}.lesson-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}.player-panel .lesson-presets button{gap:3px;padding:12px 13px}.lesson-presets strong{font-size:26px}.lesson-presets button>span:last-child{font-size:10px}.lesson-current{gap:6px;padding:10px;font-size:10px}.lesson-current strong{font-size:10px}.lesson-preview{padding:14px}.lesson-preview-title{flex-direction:column;gap:5px;margin-bottom:14px}.lesson-preview-count{flex-wrap:wrap;gap:16px}.lesson-preview-count b{font-size:27px}.lesson-preview-caption{width:100%;margin:0;font-size:11px}.lesson-preview-caption br{display:none}.lesson-settings-footer{flex-direction:column-reverse;align-items:stretch;gap:15px;margin-top:18px;padding-top:18px}.lesson-settings-footer p{justify-content:center}.lesson-save{width:100%}.wallet-progress{min-width:42px}.wallet-progress small{display:none}.wallet-gold b{max-width:55px;font-size:12px}.wallet-level{width:26px;height:30px}.player-wallet{border-radius:11px;gap:5px;min-height:39px;padding:3px 7px 3px 5px}.wallet-gold{gap:5px;padding-left:7px}.wallet-progress>span:first-child{font-size:8px}}@media (width<=360px){.wallet-progress{display:none}.wallet-gold{padding-left:5px}.player-wallet{gap:3px}.lesson-custom{gap:8px}.lesson-custom label{font-size:12px}.lesson-stepper input{width:42px}}.lesson-presets strong small{margin-left:3px}@media (width<=550px){.wallet-progress{min-width:32px}.app:has(.player-wallet)>header .brand{letter-spacing:.8px;flex-shrink:0;gap:5px;font-size:15px}.app:has(.player-wallet)>header .brand>span{font-size:25px}.app:has(.player-wallet)>header .brand small{letter-spacing:.6px;font-size:5px}}.speech-settings{max-width:650px;margin:auto;padding:18px 0}.speech-settings h3{margin:8px 0;font-size:24px}.speech-settings>p{color:#a9bfd2;line-height:1.65}.speech-settings>small{color:#8da6ba;margin-top:22px;line-height:1.6;display:block}.speech-language{gap:8px;margin:22px 0 16px;font-size:13px;display:grid}.speech-settings select{color:#edf5ff;width:100%;min-height:44px;font:inherit;background:#102536;border:1px solid #6fa9bb55;border-radius:10px;padding:10px 12px}.speech-settings .note-voice-picker{align-items:end;gap:12px;display:flex}.speech-settings .note-voice-picker label{flex:1;gap:8px;min-width:0;font-size:13px;display:grid}.speech-settings button{color:#e9f7ff;cursor:pointer;background:#224454;border:1px solid #77b8c655;border-radius:10px;min-height:42px;padding:10px 15px}.speech-sample{background:#7eb6d009;border:1px solid #89b4cb33;border-radius:16px;margin-top:24px;padding:20px}.speech-sample small{letter-spacing:.1em;color:#91c9d0;font-size:10px}.speech-sample p{font-size:18px;line-height:1.6}.speech-sample>div{flex-wrap:wrap;gap:10px;display:flex}@media (width<=600px){.speech-settings .note-voice-picker{flex-direction:column;align-items:stretch}.speech-sample{padding:15px}}.speech-settings{--speech-accent:var(--theme-accent,#70deed);--speech-panel:var(--theme-panel,#14243b);--speech-border:color-mix(in srgb,var(--speech-accent) 30%,var(--speech-panel))}.speech-settings .note-voice-picker{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:0;display:grid}.settings-select{width:100%;min-width:0;position:relative}.speech-settings .settings-select-label{color:#c4d4e2;margin-bottom:9px;font-size:12px;font-weight:650;display:block}.speech-settings .settings-select .settings-select-trigger{background:color-mix(in srgb,var(--speech-panel) 94%,var(--speech-accent));border:1px solid var(--speech-border);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:66px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #ffffff07}.settings-select-trigger:disabled{opacity:.5}.speech-settings .settings-select-trigger:hover:not(:disabled),.speech-settings .settings-select.is-open .settings-select-trigger{border-color:var(--speech-accent);background:color-mix(in srgb,var(--speech-panel) 89%,var(--speech-accent))}.speech-settings .settings-select-trigger:focus-visible{outline:2px solid var(--speech-accent);outline-offset:3px}.settings-select-icon{background:color-mix(in srgb,var(--speech-accent) 12%,transparent);width:36px;height:36px;color:var(--speech-accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.settings-select-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.settings-select-copy{flex:1;gap:4px;min-width:0;display:grid}.settings-select-copy b{text-overflow:ellipsis;white-space:nowrap;color:#f0f5fa;font-size:13px;font-weight:650;line-height:1.35;overflow:hidden}.speech-settings .settings-select-copy small{color:#9eb3c5;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.settings-select-chevron{fill:none;width:18px;height:18px;stroke:var(--speech-accent);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .18s}.settings-select.is-open .settings-select-chevron{transform:rotate(180deg)}.settings-select-list{border:1px solid var(--speech-border);background:color-mix(in srgb,var(--speech-panel) 95%,#000);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--speech-border) transparent;border-radius:14px;max-height:235px;margin-top:7px;padding:5px;animation:.14s ease-out speech-options-in;overflow-y:auto}.speech-settings .settings-select-list button{width:100%;min-height:54px;box-shadow:none;text-align:left;color:#dbe7f2;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.settings-select-list button>span:first-child{gap:3px;min-width:0;display:grid}.settings-select-list b{white-space:normal;overflow-wrap:anywhere;font-size:12px;font-weight:550;line-height:1.5}.speech-settings .settings-select-list small{color:#9eb3c5;overflow-wrap:anywhere;font-size:10px;line-height:1.4}.speech-settings .settings-select-list button.is-active{background:color-mix(in srgb,var(--speech-accent) 9%,var(--speech-panel))}.speech-settings .settings-select-list button[aria-selected=true]{background:color-mix(in srgb,var(--speech-accent) 14%,var(--speech-panel));border-color:var(--speech-border)}.settings-select-check{width:18px;color:var(--speech-accent);flex-shrink:0;font-weight:850}.speech-settings .note-voice-picker>button{background:color-mix(in srgb,var(--speech-accent) 12%,var(--speech-panel));border-color:var(--speech-border);min-height:66px;color:var(--speech-accent);border-radius:14px;margin-top:27px;padding:12px 18px;font-size:12px}@keyframes speech-options-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.speech-settings .note-voice-picker{grid-template-columns:minmax(0,1fr);gap:10px}.speech-settings .note-voice-picker>button{min-height:42px;margin-top:0}.speech-settings .settings-select .settings-select-trigger{gap:10px;padding:11px 12px}.settings-select-list{max-height:210px}}@media (prefers-reduced-motion:reduce){.settings-select-list{animation:none}.settings-select-chevron,.speech-settings .settings-select .settings-select-trigger{transition:none}}.level-up-backdrop{z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f2f8ff;isolation:isolate;background:radial-gradient(at 50% 40%,#254764f0,#080f23fa 70%);place-items:center;padding:24px;animation:.3s ease-out level-up-reveal;display:grid;position:fixed;inset:0;overflow:hidden}.level-up-card{text-align:center;scrollbar-width:thin;width:min(450px,100%);max-height:calc(100dvh - 48px);padding:14px 22px 26px;animation:.7s cubic-bezier(.18,.8,.3,1) both level-up-card-in;position:relative;overflow-y:auto}.level-up-medal{isolation:isolate;place-items:center;width:240px;height:230px;margin:0 auto 15px;display:grid;position:relative}.level-up-rays{z-index:-1;background:repeating-conic-gradient(from 5deg,#ffe08a14 0deg 12deg,#0000 12deg 30deg);animation:9s ease-out both level-up-rays;position:absolute;inset:-45px;-webkit-mask-image:radial-gradient(circle,#000 15%,#0000 68%);mask-image:radial-gradient(circle,#000 15%,#0000 68%)}.level-up-star{filter:drop-shadow(0 12px #c17b25)drop-shadow(0 18px 24px #f8c64b33);width:190px;height:190px;animation:1s cubic-bezier(.2,.9,.25,1.35) both level-up-star-in;overflow:visible}.level-up-star-shadow{fill:#d58b25;transform:translateY(3px)}.level-up-medal>strong{color:#74401b;text-shadow:0 2px #fff8b277;font-variant-numeric:tabular-nums;font-size:45px;font-weight:900;line-height:1;animation:.7s .3s both level-up-number;position:absolute;top:91px;left:35px;right:35px}.level-up-orbit{color:#ffe7a0;text-shadow:0 0 18px #ffd653;font-size:29px;animation:1.4s ease-in-out 3 alternate level-up-twinkle;position:absolute}.level-up-orbit.orbit-one{animation-delay:.25s;top:32px;left:5px}.level-up-orbit.orbit-two{font-size:20px;animation-delay:.6s;top:71px;right:0}.level-up-orbit.orbit-three{font-size:24px;animation-delay:.4s;bottom:6px;right:29px}.level-up-eyebrow{color:#f9d987;letter-spacing:.18em;font-size:11px;font-weight:800;display:block}.level-up-card h1{letter-spacing:-.8px;color:#fff7de;margin:12px 0;font-size:clamp(28px,5vw,36px);line-height:1.2}.level-up-card>p{color:#b8cede;margin:0 0 22px;font-size:16px;line-height:1.6}.level-up-steps{justify-content:center;align-items:center;gap:18px;margin:22px 0 28px;font-size:17px;display:flex}.level-up-steps>span:first-child{color:#a1b7cb}.level-up-steps>span:nth-child(2){color:#7f9cb8}.level-up-steps>b{color:#ffe19b;background:#ffd77614;border:1px solid #ffd77677;border-radius:12px;padding:8px 17px}.level-up-card .level-up-multiple{color:#ffe3a6;margin-top:-14px;margin-bottom:22px;font-size:13px}.level-up-continue{color:#533b1c;width:100%;min-height:54px;font:inherit;cursor:pointer;background:#ffda73;border:0;border-bottom:4px solid #b67a24;border-radius:14px;justify-content:center;align-items:center;gap:18px;padding:14px 17px;font-size:13px;font-weight:850;display:flex;box-shadow:0 6px 24px #ffd8671c}.level-up-continue:hover{background:#ffe69b}.level-up-continue:active{border-bottom-width:2px;transform:translateY(2px)}.level-up-continue:focus-visible{outline-offset:5px;outline:3px solid #fff3c1}.level-up-sparks{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.level-up-sparks svg{top:-40px;left:var(--spark-x);width:var(--spark-size);height:var(--spark-size);fill:#ffda73;animation:level-up-spark-fall var(--spark-duration) var(--spark-delay) cubic-bezier(.16,.3,.5,1) both;position:absolute}.level-up-sparks svg:nth-child(3n){fill:#9ce8e2}.level-up-sparks svg:nth-child(4n){fill:#fcacb9}@keyframes level-up-reveal{0%{opacity:0}to{opacity:1}}@keyframes level-up-card-in{0%{opacity:0;transform:translateY(25px)scale(.94)}to{opacity:1;transform:none}}@keyframes level-up-star-in{0%{opacity:0;transform:scale(.3)rotate(-25deg)}65%{opacity:1;transform:scale(1.12)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes level-up-number{0%{opacity:0;transform:translateY(10px)scale(.7)}to{opacity:1;transform:none}}@keyframes level-up-rays{0%{opacity:0;transform:rotate(-30deg)}20%{opacity:1}to{opacity:1;transform:rotate(50deg)}}@keyframes level-up-twinkle{0%{opacity:.45;transform:scale(.7)rotate(-12deg)}to{opacity:1;transform:scale(1.1)rotate(12deg)}}@keyframes level-up-spark-fall{0%{opacity:0;transform:translateY(-5vh)rotate(0)}10%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(var(--spark-drift),105dvh) rotate(var(--spark-turn))}}@media (width<=600px){.level-up-backdrop{padding:20px}.level-up-card{max-height:calc(100dvh - 40px);padding:0 12px 18px}.level-up-medal{width:220px;height:210px;margin-bottom:15px}.level-up-star{width:176px;height:176px}.level-up-medal>strong{font-size:42px;top:82px}.level-up-card>p{font-size:15px}.level-up-steps{margin:20px 0 24px}}@media (height<=640px){.level-up-medal{width:160px;height:145px;margin-bottom:10px}.level-up-star{width:130px;height:130px}.level-up-medal>strong{font-size:31px;top:55px;left:15px;right:15px}.level-up-orbit{font-size:19px}.level-up-card h1{margin:8px 0;font-size:27px}.level-up-card>p{margin-bottom:12px;font-size:13px}.level-up-steps{margin:12px 0 18px}}@media (prefers-reduced-motion:reduce){.level-up-backdrop,.level-up-card,.level-up-star,.level-up-medal>strong,.level-up-rays,.level-up-orbit{animation:none!important}.level-up-sparks{display:none}.level-up-continue{transition:none}}.vocabulary-tile{align-self:start;min-width:0}.vocabulary-tile .word-card{text-align:center;box-sizing:border-box;width:100%;min-width:0;height:auto}.vocabulary-tile.detail-open{border:1px solid var(--theme-accent,#82d6de);background:var(--theme-panel,#142238);border-radius:16px;grid-column:1/-1;overflow:hidden}.vocabulary-tile.detail-open .word-card{box-shadow:none;aspect-ratio:auto;text-align:left;background:#90cbd50b;border:0;border-bottom:1px solid #94b6cb33;border-radius:0;justify-content:flex-start;align-items:flex-start;min-height:0;padding:20px}.vocabulary-tile.detail-open .word-card-hint{margin-top:7px}.vocabulary-detail{text-align:left;padding:18px 20px 22px}.vocabulary-detail-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.vocabulary-detail-heading>span{letter-spacing:.16em;color:#8caabe;font-size:10px;font-weight:750}.vocabulary-detail-heading .vocabulary-speak{color:var(--theme-accent,#a5e5ed);font:inherit;cursor:pointer;background:#90cbd512;border:1px solid #90cbd544;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.vocabulary-speak svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:15px;height:15px}.vocabulary-note-html{color:#c3d3e3;overflow-wrap:anywhere;font-size:13px;line-height:1.85}.vocabulary-note-html h3,.vocabulary-note-html h4{color:#e0edf6;margin:21px 0 9px;font-size:12px;font-weight:750}.vocabulary-note-html h3:first-child{margin-top:0}.vocabulary-note-html p{white-space:pre-line;color:inherit!important;margin:7px 0!important;font-size:13px!important;line-height:1.85!important}.vocabulary-note-html strong{color:var(--theme-accent,#abefdf);font-weight:800}.vocabulary-note-html blockquote{border-left:3px solid var(--theme-accent,#89cfc3);background:#90cbd508;border-radius:0 9px 9px 0;margin:10px 0;padding:10px 13px}.vocabulary-note-html ul,.vocabulary-note-html ol{margin:8px 0;padding-left:20px}.vocabulary-note-html li{margin:5px 0}.vocabulary-note-html code{white-space:pre-wrap;background:#0003;border-radius:4px;padding:2px 5px}.theme-dongson .vocabulary-note-html{color:#dfd0ae}.theme-christmas .vocabulary-note-html{color:#c4dfd2}.word-card-grid:has(.detail-open){align-items:start}.word-note-panel{overscroll-behavior:contain;background:#080f1c22;border-right:1px solid #90adc42b;min-width:0;overflow-y:auto}.word-note-title{padding:26px 24px 0}.word-note-title>span{letter-spacing:.15em;color:#94b6c7;font-size:9px;font-weight:700}.word-note-title p{margin:0 0 5px;font-size:13px!important}.word-note-panel .vocabulary-detail{padding:20px 24px 28px}.word-note-empty{text-align:center;color:#9bb4c9;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:34px;display:flex}.word-note-empty>span{color:var(--theme-accent,#a1e9df);margin-bottom:14px;font-size:38px}.word-note-empty h3{color:#dae9f1;margin:8px 0;font-size:18px}.word-note-empty p{max-width:280px;font-size:13px;line-height:1.8}.vocabulary-tile.detail-selected .word-card{border-color:var(--theme-accent,#a1e9df);background:color-mix(in srgb,var(--theme-panel,#14243b) 90%,var(--theme-accent,#a1e9df));box-shadow:inset 0 0 0 1px #a1e9df22}@media (width>=801px){.drawer.word-browser{border:1px solid #90adc444;border-radius:20px;width:min(1040px,100vw - 48px);max-width:none;height:calc(100dvh - 48px);padding:0;inset:24px 24px 24px auto;overflow:hidden}.word-browser-layout{grid-template-columns:minmax(0,1fr) 390px;height:100%;min-height:0;display:grid}.word-browser-list{overscroll-behavior:contain;min-width:0;padding:35px 22px 24px;overflow-y:auto}.word-browser .close{z-index:2}.word-browser .word-card-grid{align-items:start}.word-browser .vocabulary-tile .word-card{aspect-ratio:1}.word-browser-list>p{margin-bottom:20px}}@media (width<=800px){.word-browser-layout,.word-browser-list{min-width:0}}.vocabulary-detail-pronunciation{border-bottom:1px solid #90adc42b;margin-bottom:18px;padding:0 0 16px}.vocabulary-detail-pronunciation>span{letter-spacing:.05em;color:#8caabe;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.vocabulary-detail-pronunciation>p{overflow-wrap:anywhere;font-family:Segoe UI,Arial,sans-serif;color:var(--theme-accent,#a5e5ed)!important;margin:0!important;font-size:14px!important;line-height:1.8!important}.note-pronunciation-row{background:#91b7d007;border:1px solid #91b7d027;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 18px;display:flex}.note-pronunciation-row .vocabulary-detail-pronunciation{border:0;min-width:0;margin:0;padding:0}.note-pronunciation-row .vocabulary-detail-pronunciation>span{letter-spacing:.12em;margin-bottom:6px;font-size:9px}.note-pronunciation-row .vocabulary-detail-pronunciation>p{color:#d3e2ee!important;font-size:15px!important}.note-word-audio,.note-example-audio{color:var(--theme-accent,#a3dedb);font:inherit;cursor:pointer;background:#96c9d10b;border:1px solid #96c9d13d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-size:11px;transition:background .15s,border-color .15s;display:inline-flex}.note-word-audio svg,.note-example-audio svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.note-word-audio:hover,.note-example-audio:hover{border-color:var(--theme-accent,#a3dedb);background:#96c9d11c}.note-word-audio:focus-visible,.note-example-audio:focus-visible{outline:2px solid var(--theme-accent,#a3dedb);outline-offset:3px}.note-reading-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.note-reading-heading>span:first-child{letter-spacing:.17em;color:#a6c1d1;font-size:9px;font-weight:750}.note-reading-heading>span:last-child{color:#7391a6;font-size:10px}.note-sections{gap:18px;font-size:14px;line-height:1.95;display:grid}.note-section{background:#94b6cc04;border:1px solid #94b6cc24;border-radius:14px;overflow:hidden}.note-sections .note-section>h3{letter-spacing:0;color:#dce8f1;background:#94b6cc04;border-bottom:1px solid #94b6cc1c;align-items:center;gap:10px;margin:0;padding:15px 18px;font-size:13px;font-weight:700;display:flex}.note-section-marker{letter-spacing:.04em;color:#799db1;border:1px solid #94b6cc24;border-radius:7px;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:9px;font-weight:600;display:inline-grid}.note-section-content{gap:8px;min-width:0;padding:12px 18px 17px;display:grid}.note-sections .note-section p{color:#c3d2df!important;margin:5px 0!important;font-size:14px!important;line-height:1.95!important}.note-sections .note-section strong{color:var(--theme-accent,#b3e5df);font-weight:750}.note-section ul,.note-section ol{padding-left:18px}.note-section li{color:#b8cbd9;margin:8px 0;font-size:13px;line-height:1.85}.note-section-examples{border-color:#90c5c633}.note-section-examples .note-section-content{gap:14px;padding:16px}.note-example{background:#04101c33;border:1px solid #90c5c629;border-radius:11px;min-width:0;padding:16px 18px}.note-example-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.note-example-top>span{letter-spacing:.14em;color:#7c9bae;font-size:9px;font-weight:650}.note-example-audio{min-height:34px;padding:7px 10px;font-size:10px}.note-sections .note-example p.note-example-original{font-weight:500;color:#e5eff6!important;margin:0!important;font-size:16px!important;line-height:1.9!important}.note-example-translation{border-top:1px solid #94b6cc19;margin-top:14px;padding-top:10px}.note-sections .note-example-translation p{color:#91aabd!important;margin:0!important;font-size:12px!important;line-height:1.85!important}.word-note-title h2{letter-spacing:-.6px;font-size:33px!important}.word-note-title p{color:#9db5c6!important;line-height:1.8!important}.note-sections>.note-section:only-child{margin-bottom:4px}@media (width<=800px){.note-pronunciation-row{gap:10px;margin-bottom:19px;padding:12px}.note-word-audio{padding:9px}.note-word-audio span{display:none}.note-reading-heading>span:last-child{font-size:9px}.note-sections{gap:14px}.note-sections .note-section>h3{gap:8px;padding:12px;font-size:12px}.note-section-content{padding:10px 12px 14px}.note-section-examples .note-section-content{padding:10px}.note-example{padding:13px 12px}.note-example-top{gap:8px;margin-bottom:12px}.note-sections .note-example p.note-example-original{font-size:15px!important}.note-sections .note-section p{font-size:13px!important}.note-reading-heading{gap:6px}.note-example-audio{min-width:36px;min-height:36px}.note-example-audio span{display:none}}.note-word-speeds{flex-shrink:0;gap:7px;display:flex}.note-word-speeds .note-word-audio span{display:inline}@media (width<=1100px){.note-pronunciation-row:has(.note-word-speeds){flex-wrap:wrap}.note-word-speeds{width:100%}.note-word-speeds .note-word-audio{flex:1;padding:10px}.note-word-speeds .note-word-audio span{display:inline}}@media (width>=801px){.word-browser-layout{grid-template-rows:minmax(0,1fr)}.word-note-panel{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.word-note-panel .word-note-title{flex-shrink:0;padding-top:24px}.word-note-panel .vocabulary-detail{flex-direction:column;flex:1;min-height:0;padding:18px 24px 24px;display:flex;overflow:hidden}.word-note-panel .note-pronunciation-row,.word-note-panel .note-reading-heading{flex-shrink:0}.word-note-panel .note-pronunciation-row{margin-bottom:18px}.word-note-panel .note-sections{overscroll-behavior:contain;scrollbar-gutter:stable;background:#07132022;border:1px solid #94b6cc2b;border-radius:14px;flex:1;min-height:0;padding:12px;scroll-padding:12px;display:block;overflow-y:auto}.word-note-panel .note-sections>.note-section+.note-section{margin-top:14px}.word-note-panel .note-sections:focus-visible{outline:2px solid var(--theme-accent,#a3dedb);outline-offset:2px}.word-note-panel .word-note-empty{flex:1;min-height:0}}.word-popup-backdrop{animation:.22s ease-out both wordPopupBackdropIn}.drawer.word-browser{transform-origin:50%;animation:.34s cubic-bezier(.16,1,.3,1) both wordStudyPopupIn;box-shadow:0 24px 90px #0007,0 0 0 1px #9dcede08}@keyframes wordPopupBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes wordStudyPopupIn{0%{opacity:0;transform:translateY(18px)scale(.975)}to{opacity:1;transform:none}}@media (width<=800px){.drawer.word-browser{transform-origin:bottom;animation-name:wordStudyMobileIn}@keyframes wordStudyMobileIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.word-popup-backdrop,.drawer.word-browser{animation:none;transform:none}}.note-sections .note-section{background:0 0;border:0;border-radius:0}.note-sections .note-section>h3{background:0 0;border:0;padding:10px 0 3px;font-size:12px}.note-sections .note-section-content,.note-sections .note-section-examples .note-section-content{gap:12px;padding:0}.note-sections .note-example{background:0 0;border:0;border-radius:0;padding:0 0 12px}.note-sections .note-example+.note-example{border-top:1px solid #94b6cc22;padding-top:12px}.note-sections .note-example-top{margin-bottom:10px}.note-sections .note-example p.note-example-original{font-size:15px!important;line-height:1.7!important}.note-sections .note-example-translation{margin-top:10px;padding-top:8px}.note-sections .note-section p{font-size:13px!important;line-height:1.75!important}.note-section li{margin:5px 0;font-size:13px;line-height:1.65}.note-pronunciation-row{margin-bottom:14px;padding:11px 13px}.word-note-title{padding-top:20px}.word-note-title h2{margin:6px 0!important;font-size:28px!important}.word-note-panel .vocabulary-detail{padding-top:14px}.note-word-speeds .note-word-audio{padding:8px;font-size:10px}.word-note-panel .note-sections{background:#07132015;padding:13px 15px;display:block}.word-note-panel .note-sections>.note-section+.note-section{margin-top:0}.word-note-panel .note-section:only-child{margin-bottom:0}@media (width<=800px){.vocabulary-detail{padding:14px}.note-pronunciation-row{margin-bottom:13px}.note-sections{display:block}.note-sections .note-section p{font-size:13px!important}.note-sections .note-example p.note-example-original{font-size:14px!important}}.note-all-content{display:block}.note-all-content>.note-section+.note-section{border-top:1px solid #94b6cc1c;padding-top:8px;margin-top:10px!important}.note-all-content .note-section>h3{color:#99bccb;margin:0 0 5px;padding:0;font-size:11px;font-weight:700}.note-all-content .note-section-content{gap:4px;padding:0}.note-all-content .note-example{padding:0 0 4px}.note-all-content .note-example-top{margin-bottom:5px}.note-all-content .note-example-top>span{display:none}.note-all-content .note-example-top{float:right;justify-content:flex-end;margin:0 0 3px 10px}.note-all-content .note-example:after{content:"";clear:both;display:block}.note-all-content .note-example p.note-example-original{font-size:14px!important;line-height:1.65!important}.note-all-content .note-example-translation{clear:both;border:0;margin-top:5px;padding:0}.note-all-content .note-section p{margin:3px 0!important;font-size:13px!important;line-height:1.65!important}.note-all-content .note-section-related ul{flex-wrap:wrap;gap:5px 14px;margin:0;padding:0;list-style:none;display:flex}.note-all-content .note-section-related li{margin:0;font-size:12px;line-height:1.6}.note-all-content .note-section li{margin-top:3px;margin-bottom:3px;line-height:1.6}.note-all-content .note-example-audio{min-height:29px;padding:5px 8px}.word-note-panel .note-all-content{padding:12px 14px}.word-note-panel .note-pronunciation-row{margin-bottom:12px}.note-voice-picker{flex-shrink:0;align-items:flex-end;gap:8px;margin:0 0 12px;display:flex}.note-voice-picker label{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.note-voice-picker label>span{color:#91aabd;white-space:nowrap;font-size:10px}.note-voice-picker select{background:var(--theme-panel,#14243b);color:#bdcfdd;width:100%;min-width:0;font:inherit;cursor:pointer;border:1px solid #94b6cc30;border-radius:8px;padding:7px 24px 7px 8px;font-size:10px}.note-voice-picker>button{color:var(--theme-accent,#a3dedb);font:inherit;cursor:pointer;background:#94b6cc09;border:1px solid #94b6cc30;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:10px}.note-voice-picker select:focus-visible,.note-voice-picker>button:focus-visible{outline:2px solid var(--theme-accent,#a3dedb);outline-offset:2px}@media (width<=800px){.note-voice-picker label{gap:5px;display:grid}.note-voice-picker select{min-height:34px;font-size:11px}.note-voice-picker>button{min-height:34px}}.word-browser .vocabulary-tile:not(.detail-selected):not(.detail-open) .word-card{box-shadow:none;background:var(--theme-panel,#1c2b43);border-color:#405472 #405472 #0e172d}.word-browser .vocabulary-tile.detail-selected .word-card,.word-browser .vocabulary-tile.detail-open{border-color:var(--theme-accent,#a1e9df);box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent,#a1e9df) 22%,transparent)}.drawer.ipa-popup{border:1px solid #90adc444;border-radius:20px;width:min(1050px,100vw - 48px);max-width:none;height:calc(100dvh - 48px);padding:0;animation:.3s ease-out both wordStudyPopupIn;inset:24px 24px 24px auto;overflow:hidden}.ipa-browser{color:#dce8f2;text-align:left;flex-direction:column;height:100%;min-height:0;display:flex}.ipa-header{border-bottom:1px solid #94b6cc25;align-items:center;gap:20px;padding:24px 55px 20px 24px;display:flex}.ipa-header h2{margin:5px 0!important;font-size:26px!important}.ipa-header p{color:#a6bfcd;margin:0!important;font-size:12px!important}.ipa-header>.btn{flex-shrink:0;padding:10px;font-size:11px}.ipa-layout{flex:1;grid-template-columns:340px minmax(0,1fr);min-height:0;display:grid}.ipa-sounds,.ipa-detail{overscroll-behavior:contain;min-width:0;padding:24px;overflow-y:auto}.ipa-sounds{background:#07132020;border-right:1px solid #94b6cc25}.ipa-browser h3{margin:0 0 13px;font-size:14px}.ipa-sounds section+section{margin-top:24px}.ipa-sound-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.ipa-sound{background:var(--theme-panel,#14243b);color:inherit;cursor:pointer;border:1px solid #94b6cc30;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.ipa-sound strong{font:25px Segoe UI,sans-serif}.ipa-sound span{color:#a9bfcd;font-size:11px}.ipa-sound[aria-pressed=true]{border-color:var(--theme-accent,#a1e9df);background:color-mix(in srgb,var(--theme-panel,#14243b) 84%,var(--theme-accent,#a1e9df));box-shadow:0 0 14px #9ee3dc15}.ipa-browser button:focus-visible,.ipa-browser a:focus-visible{outline:2px solid var(--theme-accent,#a1e9df);outline-offset:3px}.ipa-source{color:#99b2c4;margin-top:24px;line-height:1.8;font-size:11px!important}.ipa-source a{color:var(--theme-accent,#a1e9df)}.ipa-detail-heading{align-items:center;gap:20px;display:flex}.ipa-large{color:var(--theme-accent,#a1e9df);font:46px Segoe UI,sans-serif}.ipa-detail-heading>span:last-child{font-size:13px}.ipa-detail-heading small{color:#99b2c4;margin-top:7px;font-size:11px;display:block}.ipa-diagram{background:#09121f40;border:1px solid #94b6cc25;border-radius:16px;margin:18px 0 20px;padding:12px}.ipa-diagram svg{width:100%;max-height:290px;color:var(--theme-accent,#a1e9df);overflow:visible}.ipa-chart-area{fill:#99d3ce08;stroke:#91acbf;stroke-width:1.5px}.ipa-grid-line{fill:none;stroke:#94b6cc44;stroke-dasharray:5 5}.ipa-diagram text{fill:#a7c2d3;font:13px Segoe UI,sans-serif}.ipa-diagram .ipa-point-label{fill:var(--theme-accent,#a1e9df);font-size:22px}.ipa-point-halo{fill:var(--theme-accent,#a1e9df);opacity:.15}.ipa-point,.ipa-moving-point{fill:var(--theme-accent,#a1e9df)}.ipa-end-point{fill:var(--theme-panel,#14243b);stroke:var(--theme-accent,#a1e9df);stroke-width:2px}.ipa-motion{stroke:currentColor;stroke-width:2px;fill:none}.ipa-diagram figcaption{color:#99b2c4;font-size:11px;line-height:1.7}.ipa-instructions{margin-bottom:25px}.ipa-instructions p{color:#c2d3df;margin:8px 0 15px!important;font-size:13px!important;line-height:1.8!important}.ipa-instructions h4{color:var(--theme-accent,#a1e9df);margin:12px 0 0;font-size:12px}.ipa-example-hint{color:#99b2c4;font-size:12px!important}.ipa-examples{gap:9px;display:grid}.ipa-examples article{border:1px solid #94b6cc25;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.ipa-examples article>div:first-child{grid-template-columns:auto auto;gap:5px 14px;display:grid}.ipa-examples strong{font-size:16px}.ipa-examples span{color:var(--theme-accent,#a1e9df);font-size:13px}.ipa-examples small{color:#99b2c4;grid-column:1/-1;font-size:12px}.ipa-audio{gap:5px;display:flex}.ipa-audio button{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:#94b6cc09;border:1px solid #94b6cc40;border-radius:8px;padding:8px;font-size:11px}.ipa-notice{color:#ffda97;font-size:12px!important}.ipa-menu-open{width:100%;margin:12px 0}@media (width<=800px){.drawer.ipa-popup{border-radius:16px;width:auto;height:calc(100dvh - 24px);inset:12px}.ipa-header{gap:12px;padding:20px 40px 16px 16px}.ipa-header h2{font-size:21px!important}.ipa-header .eyebrow{font-size:8px}.ipa-layout{overscroll-behavior:contain;display:block;overflow-y:auto}.ipa-sounds,.ipa-detail{padding:18px;overflow:visible}.ipa-sounds{border-bottom:1px solid #94b6cc25;border-right:0}.ipa-sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ipa-sound{padding:9px 4px}.ipa-sound strong{font-size:22px}.ipa-sounds section+section{margin-top:15px}.ipa-source{margin:14px 0 0}.ipa-examples article{gap:8px;padding:10px}.ipa-examples article>div:first-child{gap:4px 8px}.ipa-examples span{font-size:12px}.ipa-audio button{padding:8px 6px}}.ipa-browser .ipa-header{box-sizing:border-box;flex-shrink:0;justify-content:flex-start;width:100%;max-width:none;height:auto;min-height:112px;margin:0}.ipa-browser .ipa-sounds{gap:0;margin:0;display:block}.ipa-browser .ipa-sound{width:100%;min-width:0;min-height:70px;margin:0}@media (prefers-reduced-motion:reduce){.drawer.ipa-popup{animation:none}.ipa-moving-point{display:none}}.ipa-filters{flex-wrap:wrap;gap:6px;margin:0 0 22px;display:flex}.ipa-browser .ipa-filters button{font:inherit;color:#c2d3df;cursor:pointer;background:#94b6cc08;border:1px solid #94b6cc35;border-radius:9px;min-height:36px;padding:9px 8px;font-size:10px}.ipa-browser .ipa-filters button[aria-pressed=true]{border-color:var(--theme-accent,#a1e9df);color:var(--theme-accent,#a1e9df)}.ipa-sounds h3 small{color:#99b2c4;margin-left:5px;font-size:10px;font-weight:400}.ipa-reading-guide{color:#afc6d5;margin-top:24px;font-size:12px;line-height:1.8}.ipa-reading-guide summary{cursor:pointer;color:var(--theme-accent,#a1e9df);font-weight:700}.ipa-reading-guide p{font-size:12px!important;line-height:1.8!important}.ipa-reading-guide dl{margin:14px 0}.ipa-reading-guide dt{color:#dce8f2;font-weight:700}.ipa-reading-guide dd{margin:0 0 12px}.ipa-reading-guide a,.ipa-art-credit a{color:var(--theme-accent,#a1e9df)}.ipa-reading-guide summary:focus-visible{outline:2px solid var(--theme-accent,#a1e9df);outline-offset:3px}.ipa-other-sound{display:none}.ipa-detail-heading{margin-bottom:22px}.ipa-articulation{background:#94b6cc05;border:1px solid #94b6cc30;border-radius:14px;margin:20px 0 25px;padding:16px}.ipa-art-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.ipa-art-heading h3{margin:0}.ipa-art-heading>span{color:#99b2c4;font-size:10px}.ipa-art-frames{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.ipa-art-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.ipa-art-frames figure{min-width:0;margin:0}.ipa-asset-paper{background:#fff;border-radius:10px;padding:12px;overflow:hidden}.ipa-asset-paper img{object-fit:contain;width:100%;height:270px;display:block}.ipa-art-pair img{height:220px}.ipa-art-frames figcaption{color:#afc6d5;margin-top:10px;font-size:11px;line-height:1.7}.ipa-art-frames figcaption strong{color:var(--theme-accent,#a1e9df);margin-bottom:4px;font-size:12px;display:block}.ipa-art-frames figcaption span{display:block}.ipa-articulation .ipa-art-credit{color:#99b2c4;margin:15px 0 0!important;font-size:10px!important;line-height:1.7!important}.ipa-articulation .ipa-art-tip{color:#c2d3df;margin:12px 0 0!important;font-size:12px!important;line-height:1.7!important}.ipa-sounds .ipa-sound{min-height:72px}.ipa-detail:focus{outline:none}@media (width<=800px){.ipa-browser .ipa-sounds{max-height:45dvh;overflow-y:auto}.ipa-other-sound{color:var(--theme-accent,#a1e9df);font:inherit;background:#94b6cc09;border:1px solid #94b6cc40;border-radius:8px;margin:0 0 16px;padding:8px 10px;font-size:11px;display:block}.ipa-articulation{padding:12px}.ipa-art-heading{flex-direction:column;align-items:flex-start;gap:5px}.ipa-asset-paper{padding:5px}.ipa-asset-paper img{height:250px}.ipa-art-pair img{height:160px}.ipa-detail-heading{gap:12px}.ipa-detail-heading small{line-height:1.6}}.ipa-articulation .ipa-image-orientation{color:#bad0df;margin:0 0 16px!important;font-size:12px!important;line-height:1.8!important}.ipa-anatomy-key{color:#bad0df;border-top:1px solid #94b6cc25;border-bottom:1px solid #94b6cc25;margin:16px 0;padding:12px 0;font-size:12px}.ipa-anatomy-key summary{cursor:pointer;color:var(--theme-accent,#a1e9df);font-weight:650;line-height:1.7}.ipa-anatomy-key summary:focus-visible{outline:2px solid var(--theme-accent,#a1e9df);outline-offset:3px}.ipa-anatomy-key dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 10px;display:grid}.ipa-anatomy-key dt{color:#e1edf5;margin-bottom:5px;font-size:12px;font-weight:700}.ipa-anatomy-key dd{margin:0;font-size:12px;line-height:1.8}.ipa-articulation .ipa-anatomy-key p{color:#99b2c4;margin:10px 0 0!important;font-size:11px!important;line-height:1.8!important}.ipa-observation-steps{gap:17px;margin:20px 0;padding:0;list-style:none;display:grid}.ipa-observation-steps li{align-items:flex-start;gap:12px;display:flex}.ipa-observation-steps li>span{height:26px;color:var(--theme-accent,#a1e9df);background:#94b6cc0a;border:1px solid #94b6cc40;border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.ipa-observation-steps li>div{min-width:0}.ipa-observation-steps h4{color:#e1edf5;margin:2px 0 5px;font-size:13px}.ipa-articulation .ipa-observation-steps p{color:#bad0df;margin:0!important;font-size:12px!important;line-height:1.85!important}.ipa-observation-mistake{background:#e9bd7d08;border-left:3px solid #e9bd7d;border-radius:0 8px 8px 0;padding:12px 14px}.ipa-observation-mistake strong{color:#f0c68e;font-size:12px}.ipa-articulation .ipa-observation-mistake p{color:#d6c7b5;margin:5px 0 0!important;font-size:12px!important;line-height:1.8!important}@media (width<=800px){.ipa-anatomy-key dl{grid-template-columns:minmax(0,1fr)}.ipa-observation-steps{gap:16px}.ipa-observation-steps li{gap:10px}.ipa-articulation .ipa-observation-steps p{font-size:13px!important}.ipa-observation-steps h4{font-size:13px}}.admin-app{background:radial-gradient(ellipse at 18% 8%,color-mix(in srgb,var(--theme-accent,#70deed) 13%,transparent),transparent 48%),var(--theme-bg,#080d20);color:#eaf4ff;min-height:100vh;padding-bottom:40px}.admin-header{border-bottom:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 22%,transparent);background:color-mix(in srgb,var(--theme-bg,#080d20) 80%,transparent);justify-content:space-between;align-items:center;height:72px;padding:0 max(22px,50vw - 590px);display:flex}.admin-brand{color:inherit;letter-spacing:.08em;align-items:center;gap:12px;font-size:13px;font-weight:900;text-decoration:none;display:flex}.admin-brand>span{color:var(--theme-accent,#70deed);font-size:26px}.admin-brand small{color:#97abc8;letter-spacing:.14em;margin-top:3px;font-size:9px;display:block}.admin-user{color:#aebfd8;align-items:center;gap:12px;font-size:12px;display:flex}.admin-icon-button,.admin-back{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 42%,#405472);background:var(--theme-panel,#172c43);color:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.admin-icon-button{width:40px;height:40px}.admin-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.admin-main{width:min(1120px,100% - 36px);margin:40px auto}.admin-title-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.admin-eyebrow{color:var(--theme-accent,#70deed);letter-spacing:.15em;font-size:10px;font-weight:800}.admin-title-row h1{margin:7px 0;font-size:clamp(24px,4vw,34px)}.admin-title-row p{color:#a9bad2;margin:0;font-size:13px;line-height:1.6}.admin-back{padding:10px 14px;font-size:12px}.admin-back span{font-size:18px}.admin-language-tabs{gap:10px;margin-bottom:22px;display:flex}.admin-language-tabs button{background:var(--theme-panel,#172c43);color:#afc0d8;cursor:pointer;border:1px solid #425472;border-radius:12px;align-items:center;gap:9px;padding:10px 15px;display:flex}.admin-language-tabs button.active{border-color:var(--theme-accent,#70deed);color:#eaf4ff;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent,#70deed) 16%,transparent)}.admin-language-tabs button>span{font-size:12px}.admin-level-grid,.admin-group-grid,.admin-word-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.admin-level-card,.admin-group-card{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 30%,#425472);border-bottom:4px solid color-mix(in srgb,var(--theme-accent,#70deed) 48%,#101727);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel,#172c43) 88%,var(--theme-accent,#70deed) 12%),var(--theme-panel,#172c43));color:inherit;cursor:pointer;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.admin-level-card:hover,.admin-group-card:hover{border-color:var(--theme-accent,#70deed);transform:translateY(-3px);box-shadow:0 8px 28px #0004}.admin-card-icon{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 48%,transparent);width:38px;height:38px;color:var(--theme-accent,#70deed);border-radius:50%;place-items:center;font-size:17px;display:grid}.admin-level-card>b,.admin-group-card>b{font-size:25px}.admin-level-card>small,.admin-group-card>small{color:#a7bad4;font-size:10px}.admin-card-arrow{color:var(--theme-accent,#70deed);position:absolute;bottom:11px;right:13px}.admin-group-card>span{color:#a7bad4;letter-spacing:.15em;font-size:9px}.admin-group-card>b{font-size:32px}.admin-toolbar{align-items:center;gap:12px;margin:0 0 18px;display:flex}.admin-course-meta{color:#aebfd8;flex:1;font-size:12px}.admin-primary{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 80%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#70deed) 84%,#fff),var(--theme-accent,#70deed));color:#122331;cursor:pointer;min-height:42px;box-shadow:0 3px 0 color-mix(in srgb,var(--theme-accent,#70deed) 55%,#101727);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:850;display:inline-flex}.admin-primary:disabled{opacity:.55;cursor:wait}.admin-primary.wide{width:100%;margin-top:8px}.admin-search{background:var(--theme-panel,#172c43);width:min(300px,45vw);color:inherit;font:inherit;border:1px solid #425472;border-radius:11px;padding:10px 12px;font-size:12px}.admin-word-grid{grid-template-columns:repeat(auto-fill,minmax(174px,1fr))}.admin-word-card{aspect-ratio:1;background:var(--theme-panel,#172c43);text-align:center;border:1px solid #405472;border-bottom:4px solid #101727;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:26px 14px 14px;display:flex;position:relative;overflow:hidden}.admin-word-card>b{text-overflow:ellipsis;max-width:100%;font-size:19px;overflow:hidden}.admin-word-pronunciation{text-overflow:ellipsis;color:#a9bdd7;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.admin-word-meaning{-webkit-line-clamp:3;color:#d0ddef;-webkit-box-orient:vertical;max-width:100%;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.admin-word-status{color:#79dcb0;font-size:14px;position:absolute;top:10px;right:12px}.admin-edit-button{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 36%,#405472);color:var(--theme-accent,#70deed);cursor:pointer;background:#ffffff0a;border-radius:8px;margin-top:auto;padding:6px 11px;font-size:10px}.admin-feedback,.admin-empty{color:#b8c9df;background:#ffffff08;border:1px solid #425472;border-radius:12px;margin:14px 0;padding:14px;font-size:12px;line-height:1.6}.admin-feedback.error{color:#ffb6a8;border-color:#a95555}.admin-feedback.success{color:#a8ebc4;border-color:#4b9c78}.admin-modal-backdrop{z-index:50;background:#030817c9;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.admin-editor{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 48%,#405472);background:var(--theme-panel,#172c43);border-radius:20px;width:min(100%,500px);max-height:calc(100vh - 36px);padding:30px;position:relative;overflow:auto;box-shadow:0 20px 70px #0008}.admin-editor h2{margin:8px 0 20px;font-size:23px}.admin-editor label{color:#b7c8de;gap:7px;margin:14px 0;font-size:11px;display:grid}.admin-editor input{background:color-mix(in srgb,var(--theme-bg,#080d20) 78%,var(--theme-panel,#172c43));color:#f0f6ff;width:100%;font:inherit;border:1px solid #506887;border-radius:10px;padding:11px 12px;font-size:13px}.admin-editor input:focus{outline:2px solid var(--theme-accent,#70deed);outline-offset:1px}.admin-editor-close{width:32px;height:32px;color:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #506887;border-radius:50%;font-size:22px;position:absolute;top:12px;right:13px}.theme-christmas .admin-level-card,.theme-christmas .admin-group-card,.theme-christmas .admin-word-card{background:#193d35;border-color:#63886c}.theme-dongson .admin-level-card,.theme-dongson .admin-group-card,.theme-dongson .admin-word-card{background:#30251b;border-color:#88734b}@media (width<=650px){.admin-header{height:62px;padding:0 14px}.admin-main{width:calc(100% - 26px);margin:26px auto}.admin-title-row{align-items:flex-start}.admin-title-row p{font-size:11px}.admin-level-grid,.admin-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-word-card{padding:25px 10px 10px}.admin-word-card>b{font-size:16px}.admin-toolbar{flex-wrap:wrap}.admin-course-meta{flex-basis:100%}.admin-search{flex:1;width:auto}.admin-primary{padding:9px 10px;font-size:10px}.admin-editor{padding:26px 20px}}.admin-word-grid{grid-template-columns:repeat(auto-fill,minmax(min(174px,100%),1fr));grid-auto-rows:auto;align-items:stretch;min-width:0}.admin-word-grid>.admin-word-card{box-sizing:border-box;aspect-ratio:1;align-self:stretch;width:100%;min-width:0;height:auto;min-height:0}.admin-app{min-height:100dvh}@media (width<=650px){.admin-header{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.admin-icon-button,.admin-back{min-height:44px}.admin-modal-backdrop{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.admin-editor{max-height:calc(100vh - 24px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:24px 18px;overflow-y:auto}.admin-editor input,.admin-editor textarea{min-height:44px;font-size:16px}.admin-editor textarea{min-height:120px}.admin-editor-close{width:44px;height:44px;top:8px;right:8px}}.admin-level-card{padding:0;overflow:hidden}.admin-level-open{width:100%;min-height:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:18px 12px 8px;display:flex;position:relative}.admin-level-open>b{font-size:25px}.admin-level-open>small{color:#a7bad4;font-size:10px}.admin-level-open .admin-card-arrow{bottom:8px;right:13px}.admin-level-view-words{border:1px solid color-mix(in srgb,var(--theme-accent,#70deed) 45%,#405472);color:var(--theme-accent,#70deed);cursor:pointer;background:#ffffff09;border-radius:9px;align-self:center;margin:0 10px 12px;padding:7px 11px;font-size:10px;font-weight:750;transition:background .16s,border-color .16s,transform .16s}.admin-level-view-words:hover{border-color:var(--theme-accent,#70deed);background:color-mix(in srgb,var(--theme-accent,#70deed) 13%,transparent);transform:translateY(-1px)}.admin-level-actions{justify-content:center;align-items:center;gap:7px;margin:0 8px 10px;display:flex}.admin-level-actions .admin-level-view-words{margin:0;padding:7px 9px}.admin-level-rename{color:#d6e2f2;cursor:pointer;background:#ffffff09;border:1px solid #ffffff25;border-radius:9px;place-items:center;width:31px;height:30px;font-size:15px;display:grid}.admin-level-rename:hover{border-color:var(--theme-accent,#70deed);color:var(--theme-accent,#70deed)}.admin-level-code{margin-top:-5px;font-weight:800;color:var(--theme-accent,#70deed)!important}.admin-rename-editor>p{color:#a9bad2;margin:-12px 0 16px;font-size:12px;line-height:1.5}.admin-editor :is(input,textarea){box-sizing:border-box}.admin-editor textarea{resize:vertical;background:color-mix(in srgb,var(--theme-bg,#080d20) 78%,var(--theme-panel,#172c43));color:#f0f6ff;width:100%;min-height:120px;font:inherit;border:1px solid #506887;border-radius:10px;padding:11px 12px;font-size:13px;line-height:1.5}.admin-editor textarea:focus{outline:2px solid var(--theme-accent,#70deed);outline-offset:1px}.admin-word-note{-webkit-line-clamp:2;max-width:100%;color:var(--theme-accent,#70deed);-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.account-screen{color:#eaf4ff;background:radial-gradient(at 20% 20%,#203a60,#090f20 65%);place-items:center;min-height:100vh;padding:30px;display:grid}.account-card{background:#14243be8;border:1px solid #5a789c;border-radius:25px;width:min(100%,460px);padding:36px;box-shadow:0 20px 80px #0005}.account-card h1{margin:18px 0;font-size:29px}.account-card p,.account-card small{color:#b9cbe0;line-height:1.7}.account-card form{gap:18px;display:grid}.account-card label{gap:8px;font-size:15px;display:grid}.account-card input,.account-card select{color:#f0f7ff;width:100%;font:inherit;background:#0c182c;border:1px solid #557494;border-radius:10px;padding:13px}.account-card input:focus,.account-card select:focus{outline-offset:2px;outline:2px solid #78ddea}.account-link{color:#92dce9;cursor:pointer;font:inherit;background:0 0;border:0;padding:10px;text-decoration:underline}.account-card .account-error{color:#ffb8a3;background:#582f3344;border-radius:9px;padding:10px}.online-notice{color:#ffe4b5;background:#3e2f20;border:1px solid #dca568;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;display:flex}.account-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account-tools select{color:#eef5ff;font:inherit;background:#172c43;border:1px solid #56728f;border-radius:8px;padding:8px}.account-tools button{font-size:12px}.empty-course{text-align:center;color:#bbcee2;border:1px dashed #617c97;border-radius:14px;padding:25px;line-height:1.8}.online-loading{color:#b7e5f0;font-size:13px}@media (width<=550px){.account-card{padding:24px}.account-tools{font-size:12px}}.app:has(.arena.expanded) .online-notice{z-index:2000;width:min(90vw,620px);position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.app:has(.arena.expanded) .online-loading{z-index:2000;pointer-events:none;position:fixed;bottom:14px;left:20px}.app .account-tools select{background:var(--theme-panel,#172c43);border-color:var(--theme-accent,#56728f);color:inherit}.theme-dongson .empty-course{color:#d4c3a2;border-color:#987b48}.theme-christmas .empty-course{color:#c2d7c1;border-color:#7c9b78}.account-modal-backdrop{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.account-modal-backdrop .account-card{max-height:calc(100vh - 32px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (width<=550px){.account-screen{box-sizing:border-box}.account-card{width:100%;max-width:460px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px);-webkit-overflow-scrolling:touch;border-radius:20px;padding:22px;overflow-y:auto}.account-card h1{font-size:25px}.account-card form{gap:14px}.account-card label{font-size:14px}.account-card input,.account-card select{min-height:48px;padding:12px;font-size:16px}.account-card .btn{min-height:48px}.header-tools .account-tools select{min-height:40px}}@media (width<=360px){.account-card{padding:18px}.header-tools .account-tools select{max-width:84px}}.account-modal-backdrop{z-index:5000;background:#020713b8;place-items:center;padding:24px;animation:.32s ease-out both account-backdrop-in;display:grid;position:fixed;inset:0;overflow:auto}.account-modal-backdrop .account-card{color:#eaf4ff;max-height:calc(100dvh - 48px);animation:.8s cubic-bezier(.2,.8,.2,1) both account-card-rise;position:relative;overflow:auto}.account-modal-close{color:#d9edff;cursor:pointer;background:#182d43;border:1px solid #5a789c;border-radius:50%;width:34px;height:34px;font-size:24px;position:absolute;top:10px;right:12px}.account-modal-close:focus-visible{outline-offset:3px;outline:2px solid #8ee1ec}body:has(.account-modal-backdrop){overflow:hidden}@keyframes account-backdrop-in{0%{background-color:#0000}to{background-color:#020713b8}}@keyframes account-card-rise{0%{opacity:0;transform:translateY(72px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.account-modal-backdrop,.account-modal-backdrop .account-card{animation:none}}.account-modal-backdrop{background:radial-gradient(ellipse at 18% 18%,color-mix(in srgb,var(--theme-accent,#70deed) 24%,transparent),transparent 62%),color-mix(in srgb,var(--theme-bg,#080d20) 90%,#000)}.account-modal-backdrop .account-card{border-color:color-mix(in srgb,var(--theme-accent,#70deed) 60%,transparent);background:color-mix(in srgb,var(--theme-panel,#14243b) 94%,transparent);box-shadow:0 20px 80px color-mix(in srgb,var(--theme-accent,#70deed) 14%,#000)}.account-modal-backdrop .account-card input,.account-modal-backdrop .account-card select{background:color-mix(in srgb,var(--theme-bg,#080d20) 85%,var(--theme-panel,#14243b));border-color:color-mix(in srgb,var(--theme-accent,#70deed) 45%,#405472)}.account-modal-backdrop .account-link{color:var(--theme-accent,#92dce9)}.account-modal-backdrop .account-modal-close{border-color:var(--theme-accent,#56728f);background:var(--theme-panel,#182d43)}.account-modal-backdrop .btn.primary{background:var(--theme-accent,#70deed);border-color:var(--theme-accent,#70deed);color:#15212a;box-shadow:0 4px 0 color-mix(in srgb,var(--theme-accent,#70deed) 58%,#101727)}.theme-christmas.account-modal-backdrop{background:radial-gradient(ellipse at 18% 18%,#a9dca533,transparent 62%),color-mix(in srgb,var(--theme-bg,#0b2029) 90%,#000)}.theme-dongson.account-modal-backdrop{background:radial-gradient(ellipse at 18% 18%,#e7bd7633,transparent 62%),color-mix(in srgb,var(--theme-bg,#21170f) 90%,#000)}.theme-dongson.account-modal-backdrop .account-card p,.theme-dongson.account-modal-backdrop .account-card small{color:#d4c3a2}.theme-christmas.account-modal-backdrop .account-card p,.theme-christmas.account-modal-backdrop .account-card small{color:#c1d7c6}.header-tools{z-index:20;align-items:center;gap:12px;display:flex;position:relative}.header-tools .account-tools{flex-wrap:nowrap;gap:9px}.header-tools .account-name{text-overflow:ellipsis;white-space:nowrap;color:#b4c0da;max-width:150px;font-size:12px;overflow:hidden}.header-tools .account-tools select{border-radius:10px;max-width:130px;padding:8px 27px 8px 10px}.header-icon-button{border:1px solid var(--theme-accent,#56728f);background:var(--theme-panel,#172c43);width:40px;height:40px;color:inherit;cursor:pointer;border-radius:12px;flex:none;place-items:center;padding:9px;transition:transform .16s,filter .16s,background .16s;display:grid;position:relative}.header-icon-button:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}.header-icon-button:active:not(:disabled){transform:translateY(1px)}.header-icon-button:focus-visible{outline:2px solid var(--theme-accent,#8ee1ec);outline-offset:3px}.header-icon-button:disabled{opacity:.45;cursor:not-allowed}.header-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.notification-wrap{position:relative}.notification-button{width:42px;height:42px}.notification-count{border:2px solid var(--theme-bg,#101b32);color:#fff;background:#e96b68;border-radius:12px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.notification-panel{border:1px solid var(--theme-accent,#56728f);background:var(--theme-panel,#172c43);width:min(360px,100vw - 28px);max-height:min(60vh,420px);color:inherit;z-index:100;border-radius:16px;padding:10px;position:absolute;top:calc(100% + 12px);right:0;overflow:auto;box-shadow:0 16px 44px #0008}.notification-panel>p{color:#b4c0da;margin:8px;padding:10px;font-size:13px}.notification-item{color:inherit;background:#ffffff0b;border-radius:11px;align-items:center;gap:10px;padding:10px;font-size:13px;line-height:1.5;display:flex}.notification-item+.notification-item{margin-top:8px}.notification-item>span{flex:1}.notification-item .header-icon-button{width:36px;height:36px}.app:has(.arena.expanded) .notification-panel{position:fixed;top:76px;right:max(20px,50vw - 656px)}.theme-christmas .notification-panel{background:#183d37;border-color:#608f72}.theme-christmas .notification-count{background:#d56d53;border-color:#183d37}.theme-dongson .notification-panel{background:#302819;border-color:#a58a50}.theme-dongson .notification-count{background:#c45539;border-color:#302819}@media (width<=800px){.header-tools{gap:7px}.header-tools .account-tools{gap:6px}.header-tools .account-name{display:none}.header-tools .account-tools select{max-width:110px}.header-icon-button{width:38px;height:38px}}@media (width<=550px){header{padding:0 12px}.header-tools{gap:5px}.header-tools .account-tools select{max-width:96px;padding:7px 22px 7px 7px;font-size:12px}.header-icon-button,.notification-button{width:36px;height:36px}.notification-panel{right:-3px}}.pwa-notice{bottom:max(14px,env(safe-area-inset-bottom));z-index:450;box-sizing:border-box;color:#effaff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101d32f5;border:1px solid #78deed55;border-radius:17px;align-items:center;gap:12px;width:min(460px,100% - 24px);padding:14px 35px 14px 14px;font:13px/1.4 system-ui,sans-serif;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #0007}.pwa-notice>img{border-radius:11px;flex:none;width:40px;height:40px}.pwa-notice>div{flex:1;min-width:0}.pwa-notice strong{font-size:13px}.pwa-notice p{color:#b1c7d9;margin:3px 0 0;font-size:11px}.pwa-notice>button{font:inherit;cursor:pointer;color:#b8f8ff;background:#254b5c;border:1px solid #78deed77;border-radius:9px;flex:none;padding:8px 11px;font-weight:700}.pwa-notice>button:disabled{opacity:.5;cursor:wait}.pwa-notice .pwa-close{color:#9fb7cc;background:0 0;border:0;padding:1px 6px;font-size:20px;position:absolute;top:5px;right:6px}.pwa-notice button:focus-visible{outline-offset:2px;outline:2px solid #b8f8ff}@media (width<=360px){.pwa-notice{gap:8px;padding-left:10px}.pwa-notice>img{width:30px;height:30px}.pwa-notice strong{font-size:11px}.pwa-notice>button{padding:7px 8px;font-size:11px}}