:root{--bg: #0a0c18;--bg-elevated: #141832;--surface: #1c2244;--surface-2: #262d57;--border: #34406f;--text: #e7ecf7;--text-muted: #9aa6cc;--accent: #6f8cff;--accent-strong: #4a66e0;--danger: #ff6b6b;--success: #57d9a3;--warning-bg: #4a3a12;--warning-text: #ffe3a3;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--radius: 12px;--space: 16px}:root[data-theme=light]{--bg: #eef1fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #e7ecfa;--border: #c5cee8;--text: #1a2036;--text-muted: #5a648a;--accent: #4a66e0;--accent-strong: #2f49c0;--danger: #d63b3b;--success: #1d9d6b;--warning-bg: #fff2cc;--warning-text: #6b5410;--shadow: 0 10px 30px rgba(40, 60, 120, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.page{min-height:100vh;display:flex;flex-direction:column}.app{width:100%;max-width:1040px;margin:0 auto;padding:var(--space);display:flex;flex-direction:column;gap:var(--space)}.app__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space)}.app__title{margin:0;font-size:1.5rem;letter-spacing:.04em}.app__nav{display:flex;gap:8px}.icon-button{min-width:40px;height:40px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer}.icon-button:hover{background:var(--surface-2)}.warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space);padding:10px 14px;background:var(--warning-bg);color:var(--warning-text);border-radius:10px}.warning__close{border:none;background:transparent;color:inherit;font-size:1.2rem;cursor:pointer}.level-select__title{margin:0 0 12px}.level-select__congrats{background:var(--surface);border:1px solid var(--success);border-radius:var(--radius);padding:14px;color:var(--success)}.level-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space)}.level-card{position:relative;height:100%;width:100%;text-align:left;display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color .08s ease}.level-card:hover{border-color:var(--accent)}.level-card--locked{opacity:.6}.level-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}.level-card__actions{display:flex;gap:8px}.level-card__actions .icon-button{height:32px;min-width:34px;padding:0 8px;font-size:.95rem}.icon-button--play{border-color:var(--accent);color:var(--accent)}.level-card__name{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:600}.level-card__icon{font-size:1.3rem;line-height:1}.level-card__id{font-size:.8rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.level-card__meta{font-size:.85rem;color:var(--text-muted)}.level-card__best{font-size:.9rem;color:var(--accent)}.level-card__lock{font-size:1.3rem;line-height:1;color:var(--text-muted)}.stage{position:relative;display:flex;flex-wrap:wrap;gap:var(--space);align-items:flex-start}.game-canvas{flex:1 1 640px;min-width:0;width:100%;max-width:100%;height:auto;aspect-ratio:960 / 600;border:1px solid var(--border);border-radius:var(--radius);background:#000;touch-action:none}.hud{order:-1;flex:0 0 180px;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.hud__planet{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.hud__planet-icon{font-size:1.6rem;line-height:1}.hud__planet-info{display:flex;flex-direction:column;gap:2px;min-width:0}.hud__planet-id{color:var(--text-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.hud__planet-name{font-weight:700;font-size:1.05rem;line-height:1.1}.hud__stat{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hud__label{color:var(--text-muted);font-size:.85rem}.hud__value{font-weight:600;font-variant-numeric:tabular-nums}.hud__stat--tool .hud__value{color:var(--success)}.hud__ready{margin:4px 0 0;padding:8px;border-radius:8px;background:var(--accent-strong);color:#fff;font-size:.85rem;text-align:center}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#050712b3;border-radius:var(--radius);z-index:5}.overlay--fixed{position:fixed;border-radius:0;z-index:50}.panel{width:min(360px,90%);padding:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.panel__title{margin:0 0 16px}.panel__stats p{margin:4px 0}.panel__badge{color:var(--success);font-weight:700}.panel__congrats{color:var(--success);margin:12px 0}.panel__hint{color:var(--text-muted);margin:0 0 12px}.panel__actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.panel--info{width:min(520px,92%);text-align:left;max-height:85vh;overflow-y:auto}.planet-info__eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.planet-info__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.planet-info__icon{font-size:2.4rem;line-height:1}.planet-info__heading{display:flex;flex-direction:column}.planet-info__designation{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.planet-info__name{font-size:1.4rem;font-weight:700}.planet-info__stats{margin:0 0 16px;display:grid;gap:6px}.planet-info__row{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.planet-info__row dt{color:var(--text-muted)}.planet-info__row dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.planet-info__subtitle{margin:0 0 8px;font-size:1rem}.planet-info__prose p{margin:0 0 10px;line-height:1.5}.controls-list{list-style:none;margin:0 0 8px;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px}.button{padding:10px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer}.button:hover{background:var(--surface-2)}.button--primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.button--primary:hover{background:var(--accent)}.intro{--intro-scene-fade: .9s;position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space);padding:32px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 28%,#101736,#0a0c18 70%)}.intro-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.intro-scene__layer{position:absolute;inset:0}.intro-scene__layer--in{animation:intro-scene-in var(--intro-scene-fade) ease both}.intro-scene__layer--out{animation:intro-scene-out var(--intro-scene-fade) ease both}.intro-scene__svg{position:absolute;inset:0;width:100%;height:100%}.intro-star{fill:#fff;animation:intro-twinkle 3.5s ease-in-out infinite}.intro-stars--far{animation:intro-parallax-far 48s ease-in-out infinite alternate}.intro-stars--near{animation:intro-parallax-near 48s ease-in-out infinite alternate}.intro-planet2{animation:intro-bob 9s ease-in-out infinite}.intro-planet2__glow{fill:none;stroke:#7fb0ff;stroke-width:1.4;opacity:.35}.intro-planet2__base--earth{fill:#2f6fb0}.intro-planet2__base--rock{fill:#8b8577}.intro-planet2__base--gas{fill:#b98a5a}.intro-planet2__land{fill:#3f9d6a}.intro-planet2__crater{fill:#00000038}.intro-planet2__band{fill:#ffffff1f}.intro-planet2__band--dark{fill:#00000024}.intro-planet2__shadow{fill:#04061473}.intro-ship__body{fill:#cdd5ea}.intro-ship__pod{fill:#aab3d0}.intro-ship__fin{fill:#9099bd}.intro-ship__ring{fill:#2a3350}.intro-ship__glass{fill:var(--accent)}.intro-ship__glass-hi{fill:#bcd0ff;opacity:.85}.intro-ship__glint{fill:#fff}.intro-depart-ship{animation:intro-depart 44s linear both}.intro-approach-ship{animation:intro-approach 46s linear both}.intro-city__night{fill:#070a1c;opacity:0;animation:intro-nightfall 7s ease-in both}.intro-city__sun{fill:#ffcf8a;animation:intro-sunset 7s ease-in both}.intro-city__stars{opacity:0;animation:intro-city-stars 7s ease-in both}.intro-city__building{fill:#0e111d}.intro-city__window{fill:#ffd27a}.intro-city__window--dim{animation:intro-window-out 6s ease-in both}.intro__skip,.intro__mute,.intro__start,.intro__stage{position:relative;z-index:1}.intro__skip{position:absolute;top:16px;right:16px;z-index:2;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted);font-size:.9rem;cursor:pointer}.intro__skip:hover{background:var(--surface-2);color:var(--text)}.intro__mute{position:absolute;top:16px;left:16px;z-index:2;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer}.intro__mute:hover{background:var(--surface-2)}.intro__start{display:flex;flex-direction:column;align-items:center;gap:28px}.intro__title{margin:0;font-size:2rem;letter-spacing:.06em;color:#f4f7ff;text-shadow:0 1px 4px rgba(0,0,0,.85),0 0 18px rgba(0,0,0,.5)}.intro__begin{font-size:1.2rem;padding:14px 28px}.intro__stage{display:flex;flex-direction:column;align-items:center;gap:36px;max-width:660px}.intro__paragraph{margin:0;font-size:1.4rem;line-height:1.6;color:#f4f7ff;text-shadow:0 1px 3px rgba(0,0,0,.92),0 0 16px rgba(0,0,0,.6);animation-duration:1.3s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.intro__paragraph--from-bottom{animation-name:intro-enter-bottom}.intro__paragraph--from-top{animation-name:intro-enter-top}.intro__paragraph--from-left{animation-name:intro-enter-left}.intro__paragraph--from-right{animation-name:intro-enter-right}.intro__paragraph--from-center{animation-name:intro-enter-center}.intro--exiting .intro__paragraph{animation:intro-fade-out .45s ease forwards}.intro--exiting{animation:intro-dissolve .7s ease .4s forwards}@keyframes intro-enter-bottom{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes intro-enter-top{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes intro-enter-left{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes intro-enter-right{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes intro-enter-center{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes intro-fade-out{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes intro-dissolve{0%{opacity:1}to{opacity:0}}@keyframes intro-twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes intro-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes intro-scene-in{0%{opacity:0}to{opacity:1}}@keyframes intro-scene-out{0%{opacity:1}to{opacity:0}}@keyframes intro-depart{0%{transform:translate(26px,82px) scale(.42) rotate(30deg)}to{transform:translate(96px,-32px) scale(.42) rotate(30deg)}}@keyframes intro-approach{0%{transform:translate(24px,64px) scale(.38) rotate(64deg)}to{transform:translate(82px,34px) scale(.92) rotate(64deg)}}@keyframes intro-nightfall{0%{opacity:0}to{opacity:1}}@keyframes intro-sunset{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}@keyframes intro-city-stars{0%,40%{opacity:0}to{opacity:1}}@keyframes intro-window-out{0%,50%{opacity:.9}55%{opacity:.15}59%{opacity:.9}66%{opacity:.1}71%{opacity:.85}78%{opacity:.2}to{opacity:0}}@keyframes intro-parallax-far{0%{transform:translate(0)}to{transform:translate(4px,-1.5px)}}@keyframes intro-parallax-near{0%{transform:translate(0)}to{transform:translate(10px,-4px)}}@media(prefers-reduced-motion:reduce){.intro__paragraph,.intro-star,.intro-stars--far,.intro-stars--near,.intro-planet2,.intro-city__night,.intro-city__sun,.intro-city__stars,.intro-city__window--dim{animation:none}.intro-depart-ship{animation:none;transform:translate(46px,52px) scale(.42) rotate(30deg)}.intro-approach-ship{animation:none;transform:translate(50px,50px) scale(.55) rotate(64deg)}}.touch-controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.touch-button{pointer-events:auto;flex:1 1 0;max-width:96px;height:64px;border:1px solid var(--border);border-radius:12px;background:#1c2244b3;color:var(--text);font-size:1.5rem;cursor:pointer;touch-action:none;user-select:none}.touch-button:active{background:var(--accent-strong);color:#fff}.touch-button--action{flex:0 0 auto;max-width:64px;font-size:1.3rem}@media(hover:hover)and (pointer:fine){.touch-controls{display:none}}@media(max-width:720px){.hud{flex:1 1 100%;flex-direction:row;flex-wrap:wrap}.hud__planet{flex:1 1 100%}.hud__planet-info{flex-direction:row;align-items:baseline;gap:8px}.hud__stat{flex:1 1 40%}.touch-controls{position:static;flex:1 1 100%}}