:root{--c-void: #05080f;--c-night: #0b1220;--c-night-2: #121b2e;--c-night-3: #1b2740;--c-slate: #26355a;--c-dusk: #3a4d77;--c-tg-deep: #0b4c82;--c-tg-dark: #0f63a1;--c-tg: #2aabee;--c-tg-light: #52c0f5;--c-tg-pale: #7cc8ff;--c-tg-mist: #b6e3ff;--c-ivory: #eae2c7;--c-ivory-2: #c9be9c;--c-ivory-3: #f7f1dc;--c-scam: #e23a3a;--c-scam-2: #b02020;--c-fomo: #29b573;--c-gold: #f5c542;--c-shadow: rgba(0, 0, 0, .55);--font-display: "Silkscreen", monospace;--font-body: "VT323", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--c-night);color:var(--c-ivory);font-family:var(--font-body);touch-action:none}.shell{position:relative;width:100%;height:100%;min-height:var(--viewport-stable-height, 100vh);background:radial-gradient(ellipse 120% 80% at 50% 0%,var(--c-night-2) 0%,var(--c-night) 45%,var(--c-void) 100%)}#app{position:absolute;inset:0;z-index:0}#app canvas{display:block;width:100%;height:100%}.ui-root{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%;padding:24px 16px;pointer-events:auto;animation:screen-in .22s ease-out}.screen-hidden{display:none}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}.brand-title{margin:0;font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1.1;letter-spacing:.04em;color:var(--c-ivory-3);text-shadow:0 0 24px rgba(42,171,238,.45),0 2px 0 var(--c-tg-deep)}.brand-title-hero{font-size:clamp(48px,14vw,72px);text-align:center}.brand-tagline{margin:8px 0 0;font-family:var(--font-body);font-size:20px;line-height:1.25;color:var(--c-ivory-2)}.brand-tagline-hero{font-size:clamp(22px,5vw,28px);text-align:center}.boot-hero,.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px}.boot-progress-wrap{width:min(280px,80vw);display:flex;flex-direction:column;gap:12px}.boot-progress-track{width:100%;height:8px;border-radius:4px;background:var(--c-night-3);border:2px solid var(--c-slate);overflow:hidden}.boot-progress-fill{height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,var(--c-tg-dark),var(--c-tg));transition:width .18s ease-out}.boot-progress-label{margin:0;font-size:16px;color:var(--c-ivory-2);text-align:center}.home-support{margin:16px 0 0;max-width:32ch;font-size:18px;line-height:1.25;color:var(--c-ivory)}.btn-play{margin-top:32px;min-width:min(280px,70vw);min-height:64px;padding:16px 32px;border:2px solid var(--c-tg-deep);border-radius:4px;background:var(--c-tg);box-shadow:inset 0 -2px 0 var(--c-void);color:var(--c-ivory-3);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:.08em;cursor:pointer;opacity:1;transition:transform .12s ease-out,filter .12s ease-out}.btn-play:active{transform:translateY(2px);filter:brightness(.94)}.home-footnote{margin:16px 0 0;font-size:14px;color:var(--c-dusk)}.screen-home{position:relative}.home-logo{display:block;width:96px;height:96px;margin:0 auto 12px;image-rendering:pixelated}.env-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border:2px solid var(--c-slate);border-radius:4px;background:var(--c-night-2);color:var(--c-ivory-2);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.env-badge-telegram{border-color:var(--c-tg-dark);color:var(--c-tg-pale)}.screen-run{justify-content:space-between;pointer-events:none}.run-hud-top{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;pointer-events:none}.run-stat-block{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.run-pause-btn{position:absolute;top:0;right:0;pointer-events:auto;width:36px;height:36px;border:2px solid var(--c-tg-dark);border-radius:4px;background:var(--c-night-2);color:var(--c-tg-pale);font-size:14px;cursor:pointer}.run-chip-timer{font-variant-numeric:tabular-nums}.run-bars{display:flex;flex-direction:column;gap:6px;width:100%}.run-bar-label{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--c-ivory);z-index:1}.run-bar-hp{position:relative}.run-weapons-strip{display:flex;gap:6px;flex-wrap:wrap}.run-weapon-chip{padding:2px 8px;border:1px solid var(--c-tg-dark);border-radius:4px;background:#0b4c8280;color:var(--c-tg-pale);font-size:11px}.run-boss-bar{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--c-scam-hi)}.run-bar-boss{height:10px;background:var(--c-night-3);border-radius:4px;overflow:hidden}.run-bar-fill-boss{height:100%;background:linear-gradient(90deg,var(--c-scam),var(--c-scam-hi));width:100%;transition:width .12s ease}.pause-overlay:not(.screen-hidden){position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center}.screen-char-select:not(.screen-hidden){position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;background:var(--c-night);overflow:hidden}.pause-backdrop{position:absolute;inset:0;background:#05080fbf}.pause-panel,.char-select-panel{position:relative;z-index:1;padding:24px;border:3px solid var(--c-scam);border-radius:8px;background:var(--c-night-2);color:var(--c-ivory);min-width:280px}.pause-title,.char-select-title{margin:0 0 16px;font-size:24px}.pause-quit{display:block;width:100%;margin-top:12px;padding:10px;border:none;background:transparent;color:var(--c-dusk);cursor:pointer}.char-select-layout{display:flex;flex-direction:column;width:100%;height:100%;max-width:480px;margin:0 auto;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:hidden}.char-select-top{flex-shrink:0;padding-bottom:12px}.char-select-header{margin-bottom:8px}.char-select-sub{margin:0;font-size:13px;color:var(--c-dusk)}.char-select-play-pavel{display:block;width:100%;margin-top:12px;min-height:48px;padding:12px 20px;font-size:20px}.char-select-grid{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:4px 2px 12px}.char-select-footer{flex-shrink:0;padding-top:8px}.char-select-footer .btn-secondary{margin-top:0;min-height:44px}.char-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.char-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:12px;border:2px solid var(--c-tg-dark);border-radius:6px;background:var(--c-night-3);color:var(--c-tg-pale);cursor:pointer}.char-card:not(.char-card-locked):not(:disabled){border-color:var(--c-tg)}.char-card-unlock{font-size:11px;color:var(--c-dusk)}.char-card-portrait{width:48px;height:48px;border-radius:50%;background:var(--c-tg-deep) center / cover no-repeat;border:2px solid var(--c-tg-dark)}.char-card-locked,.char-card:disabled{opacity:.45;cursor:not-allowed}.char-portrait{width:48px;height:48px;border-radius:50%;background:var(--c-tg-deep)}.char-name{font-size:14px;font-weight:700}.char-weapon,.char-lock{font-size:11px;color:var(--c-dusk)}.char-select-back{width:100%}.run-hud-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;pointer-events:none}.run-joystick-mount{pointer-events:auto}.run-controls-hint{margin:0;font-size:14px;color:var(--c-dusk);pointer-events:none}.run-chip{padding:4px 10px;border:2px solid var(--c-tg-dark);border-radius:4px;background:var(--c-night-2);color:var(--c-tg-pale);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.run-chip-muted{border-color:var(--c-slate);color:var(--c-ivory-2)}.virtual-joystick{position:relative;width:112px;height:112px;touch-action:none}.virtual-joystick-base{position:absolute;inset:0;border:2px solid var(--c-slate);border-radius:50%;background:#1b2740b8;box-shadow:inset 0 0 0 2px var(--c-night-3)}.virtual-joystick-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;border:2px solid var(--c-tg-deep);border-radius:50%;background:var(--c-tg);box-shadow:0 0 12px #2aabee59;transform:translate(-50%,-50%);pointer-events:none}.run-stat-block{display:flex;gap:8px}.run-bars{display:flex;flex-direction:column;gap:6px;width:min(240px,60vw);margin-left:auto}.run-bar{width:100%;height:8px;border-radius:4px;background:var(--c-night-3);border:2px solid var(--c-slate);overflow:hidden}.run-bar-fill{height:100%;width:100%;transition:width .12s ease-out}.run-bar-fill-hp{background:linear-gradient(90deg,var(--c-scam-2),var(--c-scam))}.run-bar-fill-xp{background:linear-gradient(90deg,var(--c-tg-dark),var(--c-tg-light))}.levelup-overlay:not(.screen-hidden),.results-overlay:not(.screen-hidden){position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:auto}.levelup-backdrop,.results-backdrop{position:absolute;inset:0;background:#05080fb8}.levelup-panel,.results-panel{position:relative;z-index:1;width:min(420px,92vw);padding:20px 16px 24px;border:2px solid var(--c-tg-dark);border-radius:4px;background:var(--c-night-2);box-shadow:0 12px 40px var(--c-shadow);text-align:center}.levelup-kicker,.results-kicker{margin:0;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-tg-pale)}.levelup-title,.results-title{margin:8px 0 16px;font-family:var(--font-display);font-size:24px;color:var(--c-ivory-3)}.levelup-cards{display:flex;flex-direction:column;gap:10px}.levelup-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 14px;border:2px solid var(--c-slate);border-radius:4px;background:var(--c-night-3);color:var(--c-ivory);text-align:left;cursor:pointer;transition:border-color .12s ease-out,filter .12s ease-out}.levelup-card:hover{border-color:var(--c-tg);filter:brightness(1.05)}.levelup-card-kind{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-dusk)}.levelup-card-name{font-family:var(--font-display);font-size:18px;color:var(--c-ivory-3)}.levelup-card-desc{font-size:16px;color:var(--c-ivory-2)}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}.results-stats div{display:flex;flex-direction:column;gap:4px}.results-stats dt{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-dusk)}.results-stats dd{margin:0;font-family:var(--font-display);font-size:22px;color:var(--c-tg-pale)}.results-home-btn{margin-top:0;min-width:100%}.results-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.results-share-btn,.results-home-btn{min-width:100%}.results-clean-badge{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-tg-accent)}.results-achievements{margin:0 0 14px;padding:0;list-style:none;gap:6px}.results-achievements:not(.screen-hidden){display:grid}.results-achievements li{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,214,96,.35);background:#ffd66014;font-size:13px;color:#ffe08a}.achievement-toast{position:fixed;top:72px;left:50%;transform:translate(-50%,-12px);z-index:120;min-width:180px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,214,96,.45);background:#0c1220f0;box-shadow:0 10px 30px #00000059;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.achievement-toast-visible{opacity:1;transform:translate(-50%)}.achievement-toast-kicker{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ffe08abf}.achievement-toast-title{display:block;margin-top:2px;font-family:var(--font-display);font-size:15px;color:#ffe08a}.btn-secondary,.btn-ghost{min-width:100%;margin-top:10px;padding:12px 16px;border-radius:12px;font-family:var(--font-display);font-size:16px;cursor:pointer}.btn-secondary{border:1px solid rgba(122,200,255,.35);background:#121b2ed9;color:var(--c-tg-pale)}.btn-ghost{border:1px solid transparent;background:transparent;color:var(--c-dusk)}.btn-secondary:disabled,.results-share-btn:disabled{opacity:.45;cursor:not-allowed}.screen-settings .settings-panel{max-width:420px;margin:0 auto;padding:24px 20px}.settings-back-btn{border:0;background:transparent;color:var(--c-dusk);cursor:pointer;margin-bottom:12px}.settings-title{margin:0 0 20px;font-family:var(--font-display);color:var(--c-tg-pale)}.settings-toggle-row{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.settings-toggle-copy{display:flex;flex-direction:column;gap:6px;color:var(--c-tg-pale)}.settings-toggle-copy small{color:var(--c-dusk);line-height:1.4}.settings-api-note,.settings-footnote{margin-top:16px;font-size:12px;color:var(--c-dusk);line-height:1.45}