@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(./orbitron-latin-700-normal-4jsRXGGJ.woff2)format("woff2"),url(./orbitron-latin-700-normal-DmYOh-W9.woff)format("woff")}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(./orbitron-latin-900-normal-DrIi7unX.woff2)format("woff2"),url(./orbitron-latin-900-normal-BbJatbhp.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}:root{--bg:#04050d;--ink:#f1f5f9;--muted:#a3b1c6;--cyan:#22d3ee;--cyan-hi:#67e8f9;--pink:#f472b6;--gold:#fde68a;--green:#4ade80;--blue:#60a5fa;--panel:#040a189e;--edge:#67e8f952;--display:"Orbitron", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);overscroll-behavior:none;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#view{width:100vw;height:100vh;height:100dvh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#hud,#touch{pointer-events:none!important}#hud button,#touch button{pointer-events:auto}[hidden]{display:none!important}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.screen{padding:calc(24px + var(--safe-t)) calc(28px + var(--safe-r)) calc(24px + var(--safe-b)) calc(28px + var(--safe-l));position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.screen.dim{-webkit-backdrop-filter:blur(4px);background:#02040c9e}#title{background:linear-gradient(90deg,#04050dcc 0%,#04050d40 55%,#0000 100%)}#levels,#howto,#settings{-webkit-backdrop-filter:blur(6px);background:#03050ec7}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.gap{justify-content:center;gap:12px}.muted{color:var(--muted)}.small{font-size:13px}.gold{color:var(--gold)}.error{color:#fca5a5;min-height:1em;margin:4px 0}.logo{font-family:var(--display);letter-spacing:.02em;color:#ecfeff;text-shadow:0 0 18px #22d3eee6,0 0 48px #22d3ee80,0 0 90px #c026d373;margin:0;font-size:clamp(48px,9vw,92px);font-weight:900;line-height:.95}.logo.small{font-size:32px}.logo.mid{font-size:clamp(30px,5vw,52px)}.pulse{animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.eyebrow{font:600 12px var(--body);letter-spacing:.22em;color:var(--cyan-hi);text-transform:uppercase;margin:0}.h2{font:700 26px var(--display);letter-spacing:.06em;color:#ecfeff;text-shadow:0 0 14px #22d3ee8c;margin:0}h3{font:700 16px var(--display);letter-spacing:.06em;color:#e0f2fe;margin:0 0 12px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.chip{min-height:44px;color:var(--ink);background:#0f172ab8;border:1px solid #94a3b859;border-radius:22px;align-items:center;gap:8px;padding:0 16px 0 8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}a.chip{padding:0 16px}.chip .av{background:#0e7490;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:inline-flex}.icon-btn{width:44px;height:44px;color:var(--ink);background:#0f172ab8;border:1px solid #94a3b859;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.icon-btn.big{border-color:var(--edge);background:var(--panel);border-radius:12px;width:52px;height:52px}.title-main{flex-direction:column;gap:14px;max-width:560px;margin-top:4vh;display:flex}.lead{color:#cbd5e1;max-width:440px;margin:0;font-size:18px;line-height:1.5}.menu{flex-direction:column;gap:12px;width:300px;max-width:100%;margin-top:14px;display:flex}.btn{color:#e0f2fe;min-height:48px;font:600 15px var(--display);letter-spacing:.08em;background:#082f498c;border:1px solid #67e8f973;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 22px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover:not(:disabled){background:#082f49cc;transform:translate(4px)}.btn.primary{color:#04121a;background:linear-gradient(90deg,#06b6d4,#0891b2);border-color:#0000;min-height:56px;font-size:18px;font-weight:700;box-shadow:0 0 28px #22d3ee8c}.btn.pink{border-color:var(--pink);color:#fce7f3;background:#5007248c}.btn.small{min-height:40px;margin-top:10px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.menu-card .menu{margin:16px auto 4px}.title-foot{left:calc(28px + var(--safe-l));right:calc(28px + var(--safe-r));bottom:calc(22px + var(--safe-b));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.seg{background:#0f172ac7;border:1px solid #94a3b84d;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg button{color:#cbd5e1;background:0 0;border:none;border-radius:9px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--pink);color:#2a0717;font-weight:700}.card{border:1px solid var(--edge);text-align:left;background:#060e1ed1;border-radius:16px;max-width:560px;padding:22px}.screen.center .card{text-align:center}.menu-card{min-width:min(380px,92vw)}.stars-total{color:var(--gold);margin:0;font-size:16px;font-weight:600}.tabs{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.tab{color:#e2e8f0;text-align:left;background:#0f172aa6;border:1px solid #94a3b84d;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:60px;padding:8px 20px;font-size:13px;font-weight:600;display:flex}.tab b{font:700 15px var(--display);color:#bae6fd}.tab.on{border:2px solid var(--cyan);background:#082f49b3;box-shadow:0 0 22px #22d3ee66}.tab.on b{color:var(--cyan-hi)}.tab:disabled{opacity:.6;cursor:not-allowed}.level-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-width:900px;display:grid}.lv{min-height:160px;color:var(--ink);text-align:left;background:linear-gradient(160deg,#0e749059,#0f172ae0);border:1px solid #67e8f959;border-radius:14px;flex-direction:column;justify-content:space-between;padding:16px 18px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.lv:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 0 28px #22d3ee73}.lv.current{border:2px solid var(--pink);box-shadow:0 0 30px #f472b673}.lv:disabled{color:var(--muted);cursor:not-allowed;background:#0f172a99;border-style:dashed;border-color:#94a3b866}.lv .num{font:900 40px/1 var(--display)}.lv .name{font-size:15px;font-weight:600}.lv .st{color:#fbbf24;letter-spacing:.12em;font-size:18px}.lv .best{color:var(--muted);font-size:12px}.lv .tag{background:var(--pink);color:#2a0717;font:700 11px var(--body);letter-spacing:.06em;border-radius:999px;padding:3px 9px;position:absolute;top:14px;right:14px}.howto,.settings{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;max-width:1100px;display:grid}.legend,.tips{color:#cbd5e1;flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;line-height:1.4;list-style:none;display:flex}.tips{padding-left:18px;list-style:outside}.legend b{color:var(--ink);margin-right:4px}.legend li{align-items:center;gap:12px;display:flex}.sw{border:2px solid;border-radius:4px;flex:none;width:34px;height:24px}.sw-n{border-color:var(--cyan);background:#0b1a2e}.sw-b{background:repeating-linear-gradient(0deg,#16a34a 0 5px,#052e16 5px 9px);border-color:#86efac}.sw-r{border-color:var(--blue);background-color:#0c2a5c;background-image:radial-gradient(circle,#93c5fd 0 2px,#0000 3px);background-size:8px 8px}.sw-i{background-color:#cffafe;background-image:repeating-linear-gradient(45deg,#0e749080 0 1px,#0000 1px 6px),repeating-linear-gradient(-45deg,#0e749080 0 1px,#0000 1px 6px);border-color:#ecfeff}.sw-s{background:repeating-radial-gradient(circle at 0 100%,#3b0764 0 3px,#a855f7 3px 5px);border-color:#d8b4fe}.sw-f{background:repeating-linear-gradient(45deg,#f97316 0 5px,#431407 5px 10px);border-color:#fdba74}.sw-x{background:linear-gradient(#f472b6,#9d174d);border-color:#fbcfe8}.sw-H{background:repeating-linear-gradient(-45deg,#db2777 0 5px,#111827 5px 10px);border-color:#f472b6}.keys{border-collapse:collapse;width:100%;font-size:14px}.keys td{border-bottom:1px solid #94a3b826;padding:6px 4px}.keys td:first-child{color:var(--muted)}kbd{min-width:26px;font:600 13px var(--body);text-align:center;background:#0f172acc;border:1px solid #94a3b873;border-radius:6px;margin:0 2px;padding:2px 8px;display:inline-block}.keys button{border:1px solid var(--edge);color:#e0f2fe;background:#082f4980;border-radius:8px;min-height:36px;padding:0 12px;font-size:13px}.keys button.listening{border-color:var(--gold);color:var(--gold)}.field{color:#cbd5e1;flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;display:flex}.field select,.field input[type=text]{background:#0f172ae6;border:1px solid #94a3b866;border-radius:10px;min-height:44px;padding:0 12px}.field input[type=range]{accent-color:var(--cyan);min-height:32px}.check{color:#cbd5e1;align-items:center;gap:10px;min-height:32px;margin-bottom:14px;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--cyan)}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:12px}#hud{font-family:var(--body);position:absolute;top:0;bottom:0;left:0;right:0}.hud-tl{top:calc(20px + var(--safe-t));left:calc(24px + var(--safe-l));flex-direction:column;gap:4px;padding:10px 16px;display:flex;position:absolute}.hud-name{font:700 18px var(--display);color:#ecfeff}.hud-tc{top:calc(28px + var(--safe-t));flex-direction:column;align-items:center;gap:6px;width:min(440px,36vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.track-bar{background:#94a3b840;border-radius:5px;width:100%;height:10px;position:relative}.track-bar .fill{background:linear-gradient(90deg, var(--cyan), var(--pink));border-radius:5px;width:0;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #22d3eeb3}.track-bar .dot{width:18px;height:18px;box-shadow:0 0 14px var(--cyan-hi);background:#ecfeff;border-radius:50%;margin-left:-9px;position:absolute;top:-5px;left:0}.track-bar .best{background:#fbbf24;width:3px;height:20px;margin-left:-1px;position:absolute;top:-5px;left:0;box-shadow:0 0 8px #fbbf24}.hud-tr{top:calc(20px + var(--safe-t));right:calc(24px + var(--safe-r));align-items:center;gap:12px;display:flex;position:absolute}.time{flex-direction:column;align-items:flex-end;padding:8px 16px;display:flex}.time-num{font:700 26px var(--display);color:#ecfeff;font-variant-numeric:tabular-nums}.hud-bl{left:calc(24px + var(--safe-l));bottom:calc(22px + var(--safe-b));align-items:flex-end;gap:18px;padding:14px 18px;display:flex;position:absolute}.speed{flex-direction:column;gap:6px;display:flex}.speed-num{font:900 40px/1 var(--display);color:#ecfeff;text-shadow:0 0 14px #22d3eeb3;font-variant-numeric:tabular-nums;min-width:2.6ch}.segs{gap:3px;display:flex}.segs span{background:#94a3b840;border-radius:2px;width:9px;height:14px}.segs span.on1{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.segs span.on2{background:#a78bfa;box-shadow:0 0 8px #a78bfa}.segs span.on3{background:var(--pink);box-shadow:0 0 8px var(--pink)}.meters{flex-direction:column;gap:12px;width:220px;display:flex}.meter{flex-direction:column;gap:5px;display:flex}.meter-top{font:600 12px var(--body);letter-spacing:.12em;color:#cbd5e1;justify-content:space-between;display:flex}.bar{background:#94a3b840;border-radius:5px;height:10px;overflow:hidden}.bar-fill{transform-origin:0;border-radius:5px;width:100%;height:100%}.bar-fill.fuel{background:linear-gradient(90deg, #16a34a, var(--green));box-shadow:0 0 10px #4ade8099}.bar-fill.oxy{background:linear-gradient(90deg, #2563eb, var(--blue));box-shadow:0 0 10px #60a5fa99}.bar-fill.warn{background:linear-gradient(90deg,#b45309,#fbbf24)}.bar-fill.crit{background:linear-gradient(90deg,#b91c1c,#f87171);animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.45}}.grav{flex-direction:column;align-items:center;gap:4px;display:flex}.grav-num{font:700 20px var(--display);color:#f5d0fe}.hud-br{right:calc(24px + var(--safe-r));bottom:calc(22px + var(--safe-b));color:#cbd5e1;gap:8px;font-size:13px;display:flex;position:absolute}.hud-br span{background:var(--panel);border:1px solid #94a3b84d;border-radius:8px;padding:8px 12px}.toast{border:1px solid var(--pink);color:#fce7f3;font:600 18px var(--body);text-align:center;opacity:0;background:#280614d9;border-radius:14px;max-width:90vw;padding:14px 26px;transition:opacity .15s;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.toast.show{opacity:1}.toast.good{border-color:var(--green);color:#dcfce7;background:#041e14d9}.countdown{font:900 96px var(--display);color:#ecfeff;text-shadow:0 0 24px var(--cyan), 0 0 60px var(--pink);pointer-events:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.countdown.go{color:var(--green)}#touch{position:absolute;top:0;bottom:0;left:0;right:0}.t-left,.t-right{bottom:calc(18px + var(--safe-b));align-items:flex-end;gap:14px;display:flex;position:absolute}.t-left{left:calc(20px + var(--safe-l))}.t-right{right:calc(20px + var(--safe-r))}.t-col{flex-direction:column;gap:10px;display:flex}.pad{color:#ecfeff;touch-action:none;background:#040a1880;border:2px solid #67e8f98c;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:24px;display:flex}.pad.sm{width:52px;height:52px;font-size:18px}.pad.jump{width:96px;height:96px;font:700 15px var(--display);background:radial-gradient(circle at 40% 35%,#f9a8d4,#db2777 60%,#831843);border-color:#fbcfe8;box-shadow:0 0 26px #f472b699}.pad.held{background-color:#22d3ee59;transform:scale(.94)}body.touch-ui .hud-bl{bottom:auto;top:calc(88px + var(--safe-t));left:calc(16px + var(--safe-l));transform-origin:0 0;transform:scale(.62)}body.touch-ui .hide-touch{display:none!important}.results{flex-direction:column;align-items:center;gap:18px;width:min(640px,94vw);display:flex}.res-stars{gap:18px;font-size:64px;line-height:1;display:flex}.res-stars .on{color:#fbbf24;text-shadow:0 0 18px #fbbf24d9;animation:.5s cubic-bezier(.2,.8,.3,1.3) both pop}.res-stars .off{color:#475569}@keyframes pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.18)}to{transform:scale(1)}}.res-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.stat{flex-direction:column;gap:6px;padding:14px;display:flex}.stat b{font:700 24px var(--display);color:#ecfeff}.gold-edge{border-color:#fbbf2480}.new-best{color:var(--green);font-weight:600}.prof-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0;display:flex}.prof{min-height:48px;color:var(--ink);background:#0f172acc;border:1px solid #94a3b866;border-radius:24px;align-items:center;gap:8px;padding:0 16px 0 8px;font-weight:600;display:flex}.prof.on{border:2px solid var(--cyan)}.prof .av{font-size:22px}.prof-add{text-align:left;border-top:1px solid #94a3b833;padding-top:14px}.avatars{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.avatars button{background:#0f172acc;border:1px solid #94a3b859;border-radius:50%;width:44px;height:44px;font-size:22px}.avatars button[aria-checked=true]{border:2px solid var(--cyan);background:#082f49cc}.big-icon{margin:0;font-size:56px}@media (max-width:760px),(max-height:460px){.logo{font-size:clamp(40px,11vw,64px)}.title-main{gap:10px;margin-top:0}.lead{font-size:15px}.hud-tc{width:34vw}.hud-tl{padding:6px 10px}.hud-name{font-size:14px}.time-num{font-size:18px}.hud-tr .time .small{display:none}.res-grid{grid-template-columns:1fr}.res-stars{font-size:48px}.stat b{font-size:20px}}@media (max-height:460px){.title-main{max-width:60vw}.menu{gap:8px;margin-top:6px}.btn{min-height:44px}.btn.primary{min-height:48px}.eyebrow+.logo{font-size:44px}}@media (prefers-reduced-motion:reduce){.pulse,.bar-fill.crit,.res-stars .on{animation:none}.btn,.lv{transition:none}}body.reduce-motion .pulse,body.reduce-motion .bar-fill.crit,body.reduce-motion .res-stars .on{animation:none}