@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800;900&display=swap";:root{--tron-bg:#020408;--tron-panel:#000814d1;--tron-cyan:#00f0ff;--tron-cyan-dim:#00a8b8;--tron-orange:#ff7b00;--tron-magenta:#f0a;--tron-grid:#00f0ff14;--tron-border:#00f0ff59;--tron-glow:0 0 12px #00f0ff73, 0 0 32px #00f0ff26;--tron-text:#c8f4ff;--tron-muted:#00c8dc73}*,:before,:after{box-sizing:border-box}html,body,#app{height:100dvh;margin:0;overflow:hidden}body{background:var(--tron-bg);color:var(--tron-text);-webkit-font-smoothing:antialiased;font-family:Orbitron,system-ui,sans-serif}body:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg, var(--tron-grid) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(var(--tron-grid) 1px, transparent 1px) 0 0 / 48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%)}#app{position:relative}#game{touch-action:none;z-index:0;width:100%;max-width:520px;height:100dvh;margin:0 auto;display:block;position:relative}.hud{max-width:520px;padding:max(4px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));pointer-events:none;z-index:10;margin:0 auto;position:fixed;top:0;left:0;right:0}.hud-panel{pointer-events:auto;background:color-mix(in srgb, var(--tron-panel) 88%, #00040cf2 12%);border:1px solid var(--tron-border);box-shadow:var(--tron-glow), inset 0 0 16px #00f0ff0a, 0 2px 16px #0006;border-radius:4px;min-width:0;padding:5px 10px}.hud-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hud-stats{flex-shrink:0;align-items:center;gap:12px;display:flex}.hud-stat{align-items:baseline;gap:4px;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.12em;color:var(--tron-muted);font-size:8px;font-weight:600}.hud-value{color:var(--tron-cyan);text-shadow:0 0 6px #00f0ffb3,0 0 14px #00f0ff4d;font-size:15px;font-weight:800;line-height:1}.hud-value.gold{color:var(--tron-orange);text-shadow:0 0 6px #ff7b00b3,0 0 14px #ff7b004d}.hud-value.cyan{color:#7df9ff;text-shadow:0 0 6px #7df9ffb3,0 0 14px #00f0ff4d}.hud-hint{letter-spacing:.03em;color:var(--tron-muted);text-overflow:ellipsis;white-space:nowrap;flex:120px;min-width:0;font-size:8px;font-weight:400;line-height:1.3;overflow:hidden}.hud-actions{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.hud button,.hud select{border:1px solid var(--tron-border);color:var(--tron-cyan);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#00f0ff0f;border-radius:2px;padding:5px 8px;font-family:inherit;font-size:9px;font-weight:700;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:inset 0 0 8px #00f0ff0d}.hud select{appearance:none;text-align:center;text-align-last:center}.hud button:hover,.hud select:hover{background:#00f0ff24;box-shadow:0 0 16px #00f0ff59,inset 0 0 16px #00f0ff1a}.hud button.bot-active{color:#ffd23f;background:#ffd23f24;border-color:#ffd23f}.hud button:active{transform:scale(.96)}.hud button:disabled,.hud select:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.hud button:disabled:hover,.hud select:disabled:hover{background:#00f0ff0f;box-shadow:inset 0 0 12px #00f0ff0d}#btn-attract:not(:disabled){color:#7df9ff;border-color:#7df9ff8c;box-shadow:0 0 10px #00f0ff40,inset 0 0 12px #00f0ff14}#btn-attract:not(:disabled):hover{background:#00f0ff2e;box-shadow:0 0 18px #00f0ff73,inset 0 0 16px #00f0ff1f}#btn-boost:not(:disabled){color:var(--tron-orange);border-color:#ff7b008c;box-shadow:0 0 10px #ff7b0040,inset 0 0 12px #ff7b0014}#btn-boost.turbo-active:not(:disabled){color:#ffd080;background:#ff7b0038;border-color:#ffb43cbf}#btn-boost.turbo-ready:not(:disabled),#btn-boost.turbo-active:not(:disabled){box-shadow:0 0 12px #ff7b0073,inset 0 0 12px #ff7b001a}#btn-boost.boost-fired:not(:disabled){background:#ff7b0059;animation:.45s ease-out turboFirePop;transform:scale(1.08)}@keyframes turboFirePop{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}#btn-boost:not(:disabled):hover{background:#ff7b0024;box-shadow:0 0 18px #ff7b0073,inset 0 0 16px #ff7b001f}.overlay{-webkit-backdrop-filter:blur(6px);z-index:100;background:#00040ce0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay:before{content:"";pointer-events:none;background:linear-gradient(90deg,#00f0ff0a 1px,#0000 1px) 0 0/40px 40px,linear-gradient(#00f0ff0a 1px,#0000 1px) 0 0/40px 40px;position:absolute;inset:0}.menu-card{text-align:center;border:1px solid var(--tron-border);box-shadow:var(--tron-glow), 0 24px 64px #0009, inset 0 0 40px #00f0ff08;scrollbar-width:thin;scrollbar-color:#00f0ff73 #000c1acc;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(165deg,#001428f2 0%,#000610fa 100%);border-radius:4px;width:min(400px,90vw);max-width:90vw;max-height:min(92dvh,720px);padding:32px 36px;position:relative;overflow:hidden auto}.menu-card::-webkit-scrollbar{width:8px}.menu-card::-webkit-scrollbar-track{background:#000c1acc}.menu-card::-webkit-scrollbar-thumb{background:linear-gradient(#00f0ff66,#00b4ff4d);border:1px solid #00f0ff33;border-radius:8px}.menu-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00f0ff8c,#00b4ff73)}.menu-card:after{content:"";background:linear-gradient(90deg, transparent, var(--tron-cyan), transparent);height:2px;box-shadow:0 0 12px var(--tron-cyan);position:absolute;top:0;left:0;right:0}.menu-logo{filter:drop-shadow(0 0 12px #00f0ff80)drop-shadow(0 0 28px #00f0ff40);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(240px,72vw);height:auto;margin:0 auto 8px;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.menu-card h1:not(.visually-hidden){color:var(--tron-cyan);text-shadow:0 0 12px #00f0ffe6,0 0 32px #00f0ff66;letter-spacing:.06em;margin:0 0 4px;font-size:28px;font-weight:900}.menu-card h2{color:var(--tron-cyan);text-shadow:0 0 10px #00f0ff99;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:18px;font-weight:800}.menu-card p,#menu-msg{color:var(--tron-muted);letter-spacing:.06em;margin:8px 0 0;font-size:11px;font-weight:400;line-height:1.5}.menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.menu-actions button{width:100%;margin:0}.menu-actions #btn-continue{border-color:var(--tron-cyan);color:#e8ffff;background:#00f0ff42;grid-column:1/-1}.menu-apk{border:1px solid var(--tron-border);width:fit-content;color:var(--tron-cyan);letter-spacing:.1em;text-transform:uppercase;background:#00f0ff0f;border-radius:2px;margin:12px auto 0;padding:10px 18px;font-size:11px;font-weight:700;text-decoration:none;display:block}.menu-apk:hover{background:#00f0ff24;box-shadow:0 0 20px #00f0ff59}.menu-actions #btn-toggle-sound{grid-column:1/-1;justify-self:center;width:auto;min-width:132px;padding-left:14px;padding-right:14px}.menu-secondary-actions{margin-top:12px}.menu-card button{border:1px solid var(--tron-border);color:var(--tron-cyan);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#00f0ff0f;border-radius:2px;margin:4px;padding:10px 18px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s,box-shadow .15s,transform .1s}.menu-card button:hover{background:#00f0ff24;box-shadow:0 0 20px #00f0ff59}.menu-card button:active{transform:scale(.97)}#btn-play{border-color:var(--tron-cyan);color:#e8ffff;background:#00f0ff2e;font-weight:800;box-shadow:0 0 24px #00f0ff66,inset 0 0 20px #00f0ff1f}#btn-play:hover{background:#00f0ff47;box-shadow:0 0 32px #00f0ff8c}#btn-settings{color:var(--tron-orange);border-color:#ff7b0073}#btn-settings:hover{box-shadow:0 0 20px #ff7b0059}.level-btn{text-align:center;cursor:pointer;background:#00f0ff0a;border:1px solid #00f0ff33;border-radius:2px;flex-direction:column;align-items:stretch;gap:6px;padding:10px 8px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.level-btn:hover:not(.locked){border-color:var(--tron-cyan);background:#00f0ff1f;box-shadow:0 0 16px #00f0ff4d}.level-btn.locked{opacity:.3;cursor:default}.level-btn.current{border-color:var(--tron-orange);box-shadow:0 0 14px #ff7b0066}.level-btn-title{color:var(--tron-cyan);text-shadow:0 0 8px #00f0ff80;font-size:14px;font-weight:800;display:block}.level-btn-sub{color:var(--tron-muted);letter-spacing:.06em;font-size:9px;display:block}.level-btn.current .level-btn-sub{color:var(--tron-orange);text-shadow:0 0 6px #ff7b0080}.level-preview{background:#00000047;border-radius:2px;width:100%;height:32px;overflow:hidden}.level-preview--grid{gap:1px;padding:3px;display:grid}.level-preview-cell{border-radius:1px;min-width:0;min-height:0}.level-preview--wave{flex-direction:column;justify-content:center;gap:3px;padding:0 8px;display:flex}.level-preview-wave-bar{border-radius:2px;height:3px}.float-text{pointer-events:none;z-index:25;text-shadow:0 0 10px,0 0 24px;letter-spacing:.06em;font-family:Orbitron,system-ui,sans-serif;font-size:18px;font-weight:800;animation:.9s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.float-text--large{letter-spacing:.12em;z-index:30;font-size:26px}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 48px))scale(1.25)}}#levels-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.theme-section{border-top:1px solid var(--tron-border);text-align:left;margin-top:20px;padding-top:16px}.theme-heading{color:var(--tron-muted);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin:0 0 10px;font-size:11px;font-weight:700}.themes-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.theme-btn{border:1px solid var(--tron-border);cursor:pointer;background:#00000040;border-radius:3px;flex-direction:column;align-items:center;gap:4px;min-width:0;margin:0;padding:6px 4px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.theme-btn:hover{border-color:var(--tron-cyan);box-shadow:0 0 12px #00f0ff40}.theme-btn.active{border-color:var(--tron-cyan);box-shadow:0 0 14px var(--tron-cyan), inset 0 0 8px #ffffff0f;transform:scale(1.04)}.theme-swatch{border-radius:2px;width:100%;height:18px;display:block;box-shadow:inset 0 0 6px #00000059}.theme-label{letter-spacing:.04em;color:var(--tron-muted);text-align:center;font-size:7px;font-weight:600;line-height:1.2}.theme-btn.active .theme-label{color:var(--tron-cyan)}.settings-card{text-align:left;width:min(520px,92vw);padding:28px 28px 22px}.settings-lead{text-align:center;color:var(--tron-muted)!important;margin:0 0 14px!important;font-size:11px!important}.settings-form{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.settings-row{letter-spacing:.06em;color:var(--tron-cyan);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.settings-value{color:var(--tron-orange);text-shadow:0 0 8px #ff7b0080}.settings-form input[type=range]{width:100%;accent-color:var(--tron-orange);margin:0}.settings-form input[type=number]{border:1px solid var(--tron-border);width:100%;color:var(--tron-text);background:#00f0ff0a;border-radius:2px;padding:8px 10px;font-family:inherit;font-size:12px}.settings-group{background:#00f0ff08;border:1px solid #00f0ff24;border-radius:2px;margin-top:4px;padding:10px 12px}.settings-group-title{color:var(--tron-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.settings-grid2{grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;display:grid}.settings-grid2 label{color:var(--tron-cyan);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.difficulty-grid{grid-template-columns:repeat(3,1fr);gap:6px;min-width:0;display:grid}.difficulty-btn{border:1px solid var(--tron-border);color:var(--tron-text);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;cursor:pointer;background:#00f0ff0a;border-radius:2px;min-width:0;padding:9px 6px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.25;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.difficulty-btn:hover{border-color:var(--tron-cyan);background:#00f0ff1a}.difficulty-btn.active{border-color:var(--tron-orange);color:var(--tron-orange);background:#ff7b001f;box-shadow:0 0 10px #ff7b0059}.settings-hint{text-transform:none;letter-spacing:.02em;line-height:1.4;color:var(--tron-muted)!important;margin:8px 0 0!important;font-size:10px!important}.settings-custom{flex-direction:column;gap:10px;display:flex}.settings-form textarea,.settings-form input[type=text]{border:1px solid var(--tron-border);width:100%;color:var(--tron-text);resize:vertical;background:#00f0ff0a;border-radius:2px;padding:8px 10px;font-family:inherit;font-size:12px}.settings-form textarea:focus,.settings-form input[type=text]:focus,.settings-form input[type=number]:focus{border-color:var(--tron-cyan);outline:none}.settings-hint.feedback-error{color:var(--tron-orange)!important}.settings-hint.feedback-success{color:var(--tron-cyan)!important}.rating-card{overscroll-behavior:contain}.rating-card [hidden]{display:none!important}.rating-card .settings-lead{color:var(--tron-cyan-dim)!important;font-size:12px!important}.rating-card .settings-form input[type=text]{min-height:44px;font-size:16px}.rating-card .settings-form input[type=text]:focus-visible{box-shadow:0 0 0 1px var(--tron-cyan)}.rating-card button{min-height:44px}.rating-card .settings-hint{text-align:center;font-size:12px}.rating-card #rating-join-status:empty,.rating-status:empty{display:none}.rating-me{border:1px solid var(--tron-cyan);box-shadow:var(--tron-glow);background:#00f0ff0f;border-radius:2px;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;margin-bottom:14px;padding:12px 14px;display:grid}.rating-me-rank{color:var(--tron-cyan);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.rating-me-nick{color:var(--tron-text);overflow-wrap:anywhere;font-size:14px}.rating-me-score{color:var(--tron-orange);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.rating-card p.rating-me-next{text-align:left;color:var(--tron-text);grid-column:1/3;margin:4px 0 0;font-size:12px}.rating-me-levels{text-align:right;color:var(--tron-cyan-dim);grid-area:2/3;font-size:12px}.rating-list{margin:0 0 16px;padding:0;list-style:none}.rating-row{border-bottom:1px solid var(--tron-grid);min-height:36px;color:var(--tron-text);grid-template-columns:2.2em minmax(0,1fr) auto 6.5em;align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:grid}.rating-row-rank,.rating-row-levels,.rating-row-score{font-variant-numeric:tabular-nums}.rating-row-rank{color:var(--tron-cyan-dim)}.rating-row-nick{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rating-row-levels{color:var(--tron-cyan-dim);font-size:12px}.rating-row-score{text-align:right;font-weight:700}.rating-row--top .rating-row-rank,.rating-row--top .rating-row-score{color:var(--tron-orange)}.rating-row--me{box-shadow:inset 2px 0 0 var(--tron-cyan);background:#00f0ff1a}@media (width<=520px){.hud-bar{gap:6px}.hud-stats{gap:8px}.hud-hint{display:none}.hud-actions{flex:100%;justify-content:stretch}.hud-actions button{flex:calc(50% - 2px);min-width:0;padding:6px 4px;font-size:8px}.hud-value{font-size:13px}.hud-label{font-size:7px}.menu-card{width:min(360px,100vw - 24px);padding:24px 20px}.menu-actions{gap:7px}.menu-actions #btn-toggle-sound{min-width:122px}#level-select .menu-card{width:min(420px,100vw - 24px)}#levels-grid{grid-template-columns:repeat(3,1fr)}.settings-card{padding:22px 18px 18px}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=360px){#levels-grid{grid-template-columns:repeat(2,1fr)}.themes-grid{grid-template-columns:repeat(3,1fr)}}.help-card{text-align:left;width:min(480px,92vw);padding:28px 28px 24px}.help-lead{text-align:center;opacity:.85;color:var(--tron-text)!important;margin:0 0 16px!important;font-size:12px!important}.help-content{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.help-section{background:#00f0ff08;border:1px solid #00f0ff1f;border-radius:2px;padding:12px 14px}.help-section--tip{background:#ff7b000a;border-color:#ff7b0040}.help-step{color:var(--tron-cyan);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 8px #00f0ff66;margin:0 0 6px;font-size:11px;font-weight:800}.help-section p{letter-spacing:.03em;color:var(--tron-muted);margin:0;font-size:11px;font-weight:400;line-height:1.55}.help-section p strong{color:var(--tron-text);font-weight:700}.help-list{flex-direction:column;gap:8px;margin:0;padding:0 0 0 4px;list-style:none;display:flex}.help-list li{letter-spacing:.03em;color:var(--tron-muted);align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;display:flex}.help-list li strong{color:var(--tron-text);flex-shrink:0;font-weight:700}.help-list--compact li{flex-direction:column;gap:2px}.help-badge{letter-spacing:.04em;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-flex}.help-badge--extra{color:var(--tron-cyan);background:#00f0ff26;border:1px solid #00f0ff66;box-shadow:0 0 8px #00f0ff40}.help-badge--multi{color:var(--tron-magenta);background:#ff00aa26;border:1px solid #ff00aa73;box-shadow:0 0 8px #ff00aa40}.help-actions{border-top:1px solid var(--tron-border);flex-wrap:wrap;justify-content:center;gap:8px;padding-top:4px;display:flex}#btn-help-practice{border-color:var(--tron-cyan);color:#e8ffff;background:#00f0ff2e;font-weight:800;box-shadow:0 0 20px #00f0ff59,inset 0 0 16px #00f0ff1a}#btn-help-practice:hover{background:#00f0ff47;box-shadow:0 0 28px #00f0ff80}@media (width<=520px){.help-card{padding:22px 18px 18px}.help-section{padding:10px 12px}}