:root{--bg: #F2F5F8;--text: #132033;--muted: #4D5D70;--card: #FFFFFF;--track: #E3E9F0;--pill: #EEF2F7;--border: #D5DDE7;--sky: #BFDDF2;--ground: #8FB28A;--runway: #4A5058;--centerline: #FFFFFF;--lights: #FFFFFF;--plane: #FFFFFF;--plane-win: #2C3E55;--tower: #2C3E55;--track-bg: #1C2A3B;--lit: #8B5CF6;--on-lit: #FFFFFF;--tick: rgba(255,255,255,.35);--glass: #9FD0F0;--beacon: #FF3B30;--lift: #FFFFFF;--xp: #7C3AED;--band-now: #7C3AED;--band-off: #7F98B5;--violet-soft: #EFE9FF;--violet-text: #4C1D95;--head-text: #0F2238;--head-muted: #2F4A66;--nav-on: #0F2238;--nav-on-text: #FFFFFF;--chip: rgba(255,255,255,.75);--chip-on: #0F2238;--chip-on-text: #FFFFFF;--cta: #0F2238;--on-cta: #FFFFFF;--ok: #21804F;--bad: #C43030;--overlay: rgba(15,34,56,.55);--c-vortest: #F2B33D;--c2-vortest: #A67500;--on-vortest: #2A1B00;--hot-vortest: #FBF0D6;--c-konzentration: #3B7DDD;--c2-konzentration: #2C66C0;--on-konzentration: #FFFFFF;--hot-konzentration: #E3ECFB;--c-radar: #D93F3F;--c2-radar: #C43030;--on-radar: #FFFFFF;--hot-radar: #FDEDE8;--c-englisch: #2E9E6A;--c2-englisch: #21804F;--on-englisch: #FFFFFF;--hot-englisch: #DFF2E8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--is-dark: 1}}:root[data-theme=dark]{--is-dark: 1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0C1222;--text: #EAF0FA;--muted: #9AA9C2;--card: #151D33;--track: #253150;--pill: #1E2945;--border: #2A3758;--sky: #0E1936;--ground: #0A1020;--runway: #1C2335;--centerline: #F4F4F4;--lights: #FFD45C;--plane: #C9D6EE;--plane-win: #0E1936;--tower: #2C3E66;--track-bg: #141E38;--lit: #A78BFA;--on-lit: #1A0B3D;--tick: rgba(255,255,255,.25);--glass: #3A4E7A;--beacon: #FF453A;--xp: #A78BFA;--band-now: #A78BFA;--band-off: #3A4A70;--violet-soft: #2A2150;--violet-text: #D9CCFF;--head-text: #EAF0FA;--head-muted: #9FB3D6;--nav-on: #EAF0FA;--nav-on-text: #0C1222;--chip: rgba(255,255,255,.1);--chip-on: #EAF0FA;--chip-on-text: #0C1222;--cta: #FFFFFF;--on-cta: #0C1222;--ok: #5FE0AE;--bad: #FF8A80;--overlay: rgba(0,0,0,.65);--c-vortest: #F2C14E;--c2-vortest: #F2C14E;--hot-vortest: #29240F;--c-konzentration: #5B9BFF;--c2-konzentration: #7FB2FF;--on-konzentration: #04142E;--hot-konzentration: #13223F;--c-radar: #FF6B6B;--c2-radar: #FF8A80;--on-radar: #2B0606;--hot-radar: #3A2328;--c-englisch: #34D399;--c2-englisch: #5FE0AE;--on-englisch: #032318;--hot-englisch: #102A1F}}:root[data-theme=dark]{--bg: #0C1222;--text: #EAF0FA;--muted: #9AA9C2;--card: #151D33;--track: #253150;--pill: #1E2945;--border: #2A3758;--sky: #0E1936;--ground: #0A1020;--runway: #1C2335;--centerline: #F4F4F4;--lights: #FFD45C;--plane: #C9D6EE;--plane-win: #0E1936;--tower: #2C3E66;--track-bg: #141E38;--lit: #A78BFA;--on-lit: #1A0B3D;--tick: rgba(255,255,255,.25);--glass: #3A4E7A;--beacon: #FF453A;--xp: #A78BFA;--band-now: #A78BFA;--band-off: #3A4A70;--violet-soft: #2A2150;--violet-text: #D9CCFF;--head-text: #EAF0FA;--head-muted: #9FB3D6;--nav-on: #EAF0FA;--nav-on-text: #0C1222;--chip: rgba(255,255,255,.1);--chip-on: #EAF0FA;--chip-on-text: #0C1222;--cta: #FFFFFF;--on-cta: #0C1222;--ok: #5FE0AE;--bad: #FF8A80;--overlay: rgba(0,0,0,.65);--c-vortest: #F2C14E;--c2-vortest: #F2C14E;--hot-vortest: #29240F;--c-konzentration: #5B9BFF;--c2-konzentration: #7FB2FF;--on-konzentration: #04142E;--hot-konzentration: #13223F;--c-radar: #FF6B6B;--c2-radar: #FF8A80;--on-radar: #2B0606;--hot-radar: #3A2328;--c-englisch: #34D399;--c2-englisch: #5FE0AE;--on-englisch: #032318;--hot-englisch: #102A1F}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--text);font-family:Lexend,system-ui,sans-serif;font-size:15px;line-height:1.4}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):hover{filter:brightness(1.04)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lit);outline-offset:2px}.mono{font-family:JetBrains Mono,monospace}.muted{color:var(--muted)}.wrap{max-width:1280px;margin:0 auto;padding:0 28px}@media(max-width:720px){.wrap{padding:0 16px}}.header{background:var(--sky)}.header .wrap{min-height:68px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.brand{border:0;background:none;padding:0;font-weight:800;font-size:24px;color:var(--head-text)}.nav{display:flex;gap:6px;flex:1 1 auto}.nav button{padding:8px 16px;border-radius:999px;border:0;background:transparent;color:var(--head-text);font-weight:600}.nav button[aria-current=page]{background:var(--nav-on);color:var(--nav-on-text)}.level-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--violet-soft);color:var(--violet-text);font-weight:700;font-size:14px;white-space:nowrap}.rounds{font-weight:600;color:var(--head-text);white-space:nowrap}.modes{display:flex;padding:3px;border-radius:999px;background:var(--chip)}.modes button{padding:6px 14px;border-radius:999px;border:0;background:transparent;color:var(--head-text);font-size:13px;font-weight:600}.modes button[aria-pressed=true]{background:var(--chip-on);color:var(--chip-on-text)}@media(max-width:900px){.nav{order:5;flex-basis:100%}}.hero{position:relative;overflow:hidden;background:var(--sky)}.hero .scene{position:absolute;inset:0;width:100%;height:100%}.hero .wrap{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:330px;padding-top:30px;padding-bottom:40px}.hero-text{max-width:560px;display:flex;flex-direction:column;gap:12px;align-self:flex-start}.kicker{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--head-muted)}.hero h1{margin:0;font-size:40px;font-weight:800;line-height:1.1;color:var(--head-text)}.cta{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;border:0;background:var(--cta);color:var(--on-cta);font-weight:700;font-size:17px}.cta.small{min-height:44px;padding:0 20px;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:2px solid var(--border);background:transparent;color:var(--text);font-weight:600}@media(max-width:900px){.hero .wrap{flex-direction:column;align-items:stretch;min-height:0}.hero h1{font-size:30px}.scene .plane{display:none}}.tower{position:relative;width:400px;height:260px;color:var(--head-text);flex:0 0 auto}.tower svg{position:absolute;inset:0}.tower .num{position:absolute;left:146px;width:26px;height:14px;line-height:14px;text-align:right;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--head-muted)}.tower .num.on{color:var(--head-text)}.tower .num.now{font-weight:800}.tower .label{position:absolute;left:0;width:140px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tower .label .name{font-size:18px;font-weight:800;line-height:1.1}.tower .label .lv{font-size:12px;font-weight:600;color:var(--head-muted)}.tower .label .bar{width:110px;height:6px;border-radius:999px;background:var(--track);overflow:hidden}.tower .label .bar i{display:block;height:100%;border-radius:999px;background:var(--xp);transition:width .6s ease}.tower .label .xp{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--head-muted)}.tower .band{position:absolute;left:254px;width:146px;border-left:3px solid var(--band-off);padding-left:8px;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:600}.tower .band.now{border-color:var(--band-now);font-weight:800}.tower .band.done{border-color:var(--tower)}.tower .band small{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--head-muted)}@media(max-width:900px){.tower{align-self:center;transform-origin:center}}@media(max-width:440px){.tower{transform:scale(.85);margin:-20px 0}}main.wrap{display:flex;flex-direction:column;gap:20px;padding-top:20px;padding-bottom:40px}.area{display:flex;flex-direction:column}.area .tab{margin:0;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 14px;border-radius:14px 14px 0 0;background:var(--ac);color:var(--ac-on);font-weight:800;font-size:16px}.area .body{display:flex;flex-direction:column;gap:14px;padding:16px 20px;border-radius:0 18px 18px;background:var(--card);border:2px solid var(--ac)}.area .row{display:flex;align-items:center;gap:20px}.area .meta{flex:0 0 200px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.topchip{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;border-radius:999px;background:var(--pill)}.topchip b{font-size:16px}.topchip span{font-size:12px;font-weight:600}.topchip.weak{background:var(--ac-hot);color:var(--ac2)}.tiles{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{padding:10px 14px;border-radius:14px;background:var(--pill);border:2px solid transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.tile.today{background:var(--ac-hot);border-color:var(--ac2)}.tile.locked{opacity:.6}.tile .n{font-weight:700}.tile .s{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--muted)}.tile.today .s{color:var(--ac2)}.tile .m{font-size:13px;font-weight:800;color:var(--ac2)}.hint{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:var(--pill);font-size:14px}.hint svg{flex:0 0 auto;color:var(--ac2)}.hint span{flex:1 1 auto}@media(max-width:900px){.area .row{flex-wrap:wrap}.area .meta{flex-basis:auto}.tiles{flex-basis:100%;grid-template-columns:1fr}}.ring{position:relative;flex:0 0 auto;width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--ac2) 0 var(--pct),var(--track) var(--pct) 100%);display:flex;align-items:center;justify-content:center}.ring>div{width:54px;height:54px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.ring b{font-family:JetBrains Mono,monospace;font-weight:700;font-size:18px}.ring small{font-size:10px;color:var(--muted)}.round{max-width:760px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.round-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.round-head .t{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--ac2)}.round-head .q{font-size:24px;font-weight:800}.round-head .pts{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.progress{height:10px;border-radius:999px;background:var(--track);overflow:hidden}.progress i{display:block;height:100%;background:var(--ac2);transition:width .1s linear}.progress i.low{background:var(--bad)}.task{padding:36px 24px;border-radius:22px;background:var(--card);border:2px solid var(--ac);text-align:center;font-family:JetBrains Mono,monospace;font-size:48px;font-weight:700}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;padding:10px 14px;border-radius:14px;background:var(--pill)}.answer{display:flex;gap:10px;justify-content:center}.answer input{width:220px;min-height:64px;padding:0 16px;border-radius:16px;border:2px solid var(--border);background:var(--card);color:var(--text);font-family:JetBrains Mono,monospace;font-size:30px;font-weight:700;text-align:center}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:360px;margin:0 auto;width:100%}.keypad button{min-height:52px;border-radius:14px;border:2px solid var(--border);background:var(--card);color:var(--text);font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.keypad button.ok{background:var(--cta);color:var(--on-cta);border-color:var(--cta)}.feedback{min-height:24px;text-align:center;font-weight:700}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--bad)}@media(max-width:720px){.task{font-size:36px;padding:24px 16px}}.result{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch}.card{padding:24px;border-radius:22px;background:var(--card);display:flex;flex-direction:column;gap:8px}.card.res{flex:1 1 340px;border:2px solid var(--ac)}.card .t{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--ac2)}.card .big{font-family:JetBrains Mono,monospace;font-size:54px;font-weight:700;line-height:1.1}.card .inline{display:flex;align-items:center;gap:14px;margin-top:8px;padding:12px 14px;border-radius:16px;background:var(--pill)}.card .inline .ring{width:56px;height:56px}.card .inline .ring>div{width:42px;height:42px;background:var(--pill)}.card .inline .ring b{font-size:15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.scene-card{flex:1 1 520px;position:relative;min-height:320px;border-radius:22px;overflow:hidden;background:var(--sky);color:var(--head-text)}.scene-card .ground{position:absolute;left:0;right:0;bottom:0;height:40px;background:var(--ground)}.scene-card .xpgain{position:absolute;left:24px;top:20px;display:flex;flex-direction:column;gap:4px}.scene-card .xpgain b{font-size:30px;font-weight:800}.scene-card .tower{position:absolute;right:20px;bottom:28px}.levelup{position:absolute;left:24px;top:96px;max-width:200px;padding:14px 16px;border-radius:16px;background:var(--lit);color:var(--on-lit);animation:pop .6s ease-out both}.levelup .t{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:inherit}.levelup .n{font-size:20px;font-weight:800;line-height:1.15}@keyframes pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}@media(max-width:720px){.scene-card{min-height:360px}.scene-card .tower{right:50%;transform:translate(50%) scale(.85);bottom:10px}.levelup{top:auto;bottom:230px}}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-radius:14px;background:var(--violet-soft);color:var(--violet-text);font-weight:600}.toast button{border:0;background:none;color:inherit;font-weight:800}.ad{display:flex;align-items:center;justify-content:center;min-height:80px;border-radius:14px;border:1px dashed var(--border);color:var(--muted);font-size:13px;background:var(--pill)}.overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.dialog{max-width:640px;width:100%;padding:26px;border-radius:24px;background:var(--card);color:var(--text);display:flex;flex-direction:column;gap:18px}.dialog h2{margin:0 0 6px;font-size:24px;font-weight:800}.dialog .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.dialog .opt{padding:18px;border-radius:18px;background:var(--pill);display:flex;flex-direction:column;gap:10px}.dialog .opt.prem{border:2px solid var(--lit)}.dialog h3{margin:0;font-size:16px}footer{color:var(--muted);font-size:12px;text-align:center;padding-top:12px;border-top:1px solid var(--border)}.login{flex:1 1 300px;border:2px solid var(--lit)}.login h2{margin:0;font-size:20px;font-weight:800}.login .btn{background:var(--pill);border-color:var(--border)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}