@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Share+Tech+Mono&display=swap";:root{--color-hot-pink:#ff4992;--color-ocean-cyan:#0bd3d3;--color-soft-mint:#67e7d6;--color-sunburst-yellow:#fe6;--color-crisp-white:#fdfbf9;--color-deep-violet:#1a1235;--color-dark-navy:#0c0a18;--color-asphalt:#1c1e24;--color-fog-pink:#7c4465;--color-led-red:#ff1744;--bg-primary:#0a0814;--bg-surface:#130f26e0;--bg-surface-glass:#130f26ad;--bg-overlay:#0a0814ad;--text-primary:var(--color-crisp-white);--text-secondary:#fdfbf9bf;--text-muted:#fdfbf973;--text-accent:var(--color-ocean-cyan);--air-full:var(--color-ocean-cyan);--air-mid:var(--color-sunburst-yellow);--air-low:var(--color-hot-pink);--streak-active:var(--color-sunburst-yellow);--rocket-fill:var(--color-hot-pink);--rocket-ready:var(--color-sunburst-yellow);--font-display:"Rajdhani", sans-serif;--font-mono:"Share Tech Mono", monospace;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-canvas:0;--z-hud:10;--z-overlay:20;--z-modal:30;--z-toast:40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-display);font-weight:var(--font-weight-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}#app{width:100%;height:100%;position:fixed;inset:0}#stage{z-index:var(--z-canvas);position:absolute;inset:0}#stage canvas{display:block;width:100%!important;height:100%!important}#hud{z-index:var(--z-hud);pointer-events:none;padding:var(--space-md);font-family:var(--font-display);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}#hud.hidden{display:none}#hud *{pointer-events:auto}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.hud-left{gap:var(--space-xs);flex-direction:column;display:flex}.hud-score{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.hud-right{align-items:flex-end;gap:var(--space-sm);flex-direction:column;display:flex}#score{font-family:var(--font-mono);color:var(--text-primary);text-shadow:0 0 20px #ff2a8580;letter-spacing:2px;font-size:clamp(28px,5vw,48px)}.combo{text-align:center;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);transform:translateY(-4px)}.combo.active{opacity:1;transform:translateY(0)}.combo-row{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);color:var(--streak-active);text-transform:uppercase;letter-spacing:1px;font-size:14px;display:flex}#combo-mult{color:var(--text-primary);font-size:18px}.combo-track{width:120px;height:3px;margin-top:var(--space-xs);background:#ffffff1a;border-radius:2px;overflow:hidden}#combo-fill{background:linear-gradient(90deg, var(--color-golden-coral), var(--color-hot-pink));transform-origin:0;width:100%;height:100%;transition:transform .1s linear;display:block;transform:scaleX(0)}.combo-total{font-family:var(--font-mono);color:var(--color-golden-coral);opacity:0;transition:opacity var(--transition-fast);font-size:14px}#popups{pointer-events:none;z-index:5;flex-direction:column;align-items:center;width:240px;height:0;display:flex;position:absolute;top:50px;left:50%;overflow:visible;transform:translate(-50%)}.popup{font-family:var(--font-mono);font-size:15px;font-weight:var(--font-weight-bold);color:var(--text-accent);text-shadow:0 0 10px #00f5d499;white-space:nowrap;pointer-events:none;animation:1.1s ease-out forwards popup-rise;position:absolute}@keyframes popup-rise{0%{opacity:1;transform:translateY(0)scale(1)}65%{opacity:1;transform:translateY(-22px)scale(1.05)}to{opacity:0;transform:translateY(-45px)scale(.9)}}.fever{background:#ffffff14;border-radius:3px;width:140px;height:6px;position:relative;overflow:hidden}.fever span{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:10px;position:absolute;top:-18px;right:0}#fever-fill{background:linear-gradient(90deg, var(--rocket-fill), var(--rocket-ready));transform-origin:0;border-radius:3px;width:100%;height:100%;transition:transform .2s ease-out;transform:scaleX(0)}.fever.ready{box-shadow:0 0 12px var(--rocket-ready)}.fever.ready #fever-fill{animation:.6s ease-in-out infinite alternate fever-pulse}@keyframes fever-pulse{0%{opacity:.8}to{opacity:1}}.hud-bottom{gap:var(--space-sm);flex-direction:column;display:flex}.air{gap:var(--space-xs);flex-direction:column;display:flex}.air-label{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;justify-content:space-between;align-items:baseline;font-size:12px;display:flex}#air-val{font-family:var(--font-mono);color:var(--text-accent);font-size:13px}.air-bar{background:#ffffff0f;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}#air-fill{background:linear-gradient(90deg, var(--air-full), var(--air-full));transform-origin:0;border-radius:4px;transition:transform .1s linear,background .3s;position:absolute;inset:0;transform:scaleX(1)}.air-bar.mid #air-fill{background:linear-gradient(90deg, var(--air-mid), var(--air-full))}.air-bar.low #air-fill{background:linear-gradient(90deg, var(--air-low), var(--air-mid));animation:.4s ease-in-out infinite alternate air-flash}.air-bar.no-air-pulse{outline:1px solid var(--neon-hotpink);animation:.25s ease-in-out no-air-shake}@keyframes no-air-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes air-flash{0%{opacity:.7}to{opacity:1}}.air-ticks{gap:0;display:flex;position:absolute;inset:0}.air-ticks:before{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 calc(10% - 1px),#0000004d calc(10% - 1px) 10%);position:absolute;inset:0}.key-hints{gap:var(--space-md);color:var(--text-muted);flex-wrap:wrap;justify-content:center;font-size:11px;display:flex}.key-hint{align-items:center;gap:var(--space-xs);display:flex}.key-hint kbd{border-radius:var(--radius-sm);min-width:22px;height:20px;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff14;border:1px solid #ffffff1f;justify-content:center;align-items:center;padding:0 4px;font-size:10px;line-height:1;display:inline-flex}.key-btns{gap:var(--space-xs);display:flex}.key-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-surface-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);-webkit-backdrop-filter:blur(8px);border:1px solid #ffffff1a;font-size:11px;display:flex}.key-btn:hover{color:var(--text-primary);background:#ffffff1f}.key-btn .ico{fill:currentColor;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.key-btn .ico .wave{fill:none}#center-text{font-family:var(--font-display);font-weight:var(--font-weight-bold);color:var(--text-primary);text-shadow:0 0 40px #ff2a8599;opacity:0;pointer-events:none;z-index:5;font-size:clamp(48px,12vw,120px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#center-text.show{animation:.6s ease-out forwards center-pop}@keyframes center-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(2)}30%{opacity:1;transform:translate(-50%,-50%)scale(.95)}50%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}#flash{opacity:0;pointer-events:none;background:#fff;transition:opacity .15s ease-out;position:absolute;inset:0}#vignette{pointer-events:none;background:radial-gradient(#0000 50%,#00000080 100%);position:absolute;inset:0}.screen{z-index:var(--z-overlay);background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen.hidden{display:none}#menu.screen{-webkit-backdrop-filter:none;pointer-events:none;padding:var(--space-2xl);background:0 0;justify-content:flex-start;align-items:flex-end}.menu-content{pointer-events:auto;align-items:flex-start;gap:var(--space-md);text-align:left;border-radius:var(--radius-xl);width:100%;max-width:430px;padding:var(--space-xl);-webkit-backdrop-filter:blur(14px);background:#0d1118c7;border:1px solid #ffffff1f;flex-direction:column;display:flex;box-shadow:0 24px 60px #0009,0 0 35px #0bd3d326}.gold-val{text-shadow:0 0 10px #ffee6680;color:var(--color-sunburst-yellow)!important}.graphics-panel{gap:var(--space-xs);width:100%;margin:var(--space-xs) 0;flex-direction:column;display:flex}.graphics-label{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.graphics-mode-tag{letter-spacing:1.5px;color:var(--color-hot-pink);border-radius:var(--radius-sm);background:#ff499229;border:1px solid #ff499259;padding:1px 6px;font-size:10px}.graphics-tabs{gap:var(--space-xs);width:100%;display:flex}.graphics-tab{padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-family:var(--font-display);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.graphics-tab:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ff499266}.graphics-tab.active{border-color:var(--color-hot-pink);color:var(--color-crisp-white);background:#ff49922e;box-shadow:0 0 16px #ff499259}.graphics-tab .tab-title{font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:1px}.graphics-tab .tab-sub{font-family:var(--font-mono);letter-spacing:.8px;color:var(--text-muted);text-transform:uppercase;font-size:8px}.graphics-tab.active .tab-sub{color:var(--color-sunburst-yellow)}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0a0814d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.settings-card{background:var(--bg-surface);border-radius:var(--radius-xl);width:90%;max-width:480px;padding:var(--space-xl);gap:var(--space-md);border:1px solid #ffffff24;flex-direction:column;display:flex;box-shadow:0 24px 60px #000000b3,0 0 40px #ff499226}.settings-header{padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.settings-header h2{font-family:var(--font-display);letter-spacing:2px;color:var(--text-primary);margin:0;font-size:22px}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:22px}.modal-close-btn:hover{color:var(--color-crisp-white)}.settings-group{gap:var(--space-xs);flex-direction:column;display:flex}.settings-desc{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border-left:2px solid var(--color-ocean-cyan);background:#ffffff0a;font-size:12px;line-height:1.5}.menu-brand{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.menu-brand-sub{font-family:var(--font-mono);letter-spacing:6px;color:var(--text-muted);text-transform:uppercase;font-size:12px}.menu-brand h1{font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:4px;background:linear-gradient(135deg, var(--color-crisp-white) 0%, var(--color-ocean-cyan) 45%, var(--color-hot-pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,8vw,64px);line-height:1}.menu-brand h1 span{display:block}.menu-stats{gap:var(--space-xl);font-family:var(--font-mono);color:var(--text-secondary);font-size:14px;display:flex}.menu-stats .stat-label{letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:10px}.menu-stats .stat-value{color:var(--text-primary);font-size:20px}.btn-primary{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg, var(--color-hot-pink), var(--color-sunburst-yellow));border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:3px;color:var(--color-dark-navy);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);text-transform:uppercase;border:none;font-size:18px;display:inline-flex}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #ff499299}.btn-primary:active{transform:scale(.97)}.btn-primary .hint{font-family:var(--font-mono);opacity:.6;font-size:12px}.btn-ghost{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--font-weight-semibold);letter-spacing:1px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);text-transform:uppercase;background:0 0;border:1px solid #ffffff26;font-size:14px;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff40}.menu-row-buttons{gap:var(--space-sm);width:100%;display:flex}.menu-row-buttons .btn-ghost{flex:1;justify-content:center}.go-card{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-2xl);background:var(--bg-surface);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff14;flex-direction:column;min-width:280px;display:flex}.go-record{font-family:var(--font-mono);letter-spacing:3px;color:var(--color-golden-coral);text-transform:uppercase;font-size:14px;animation:1s ease-in-out infinite alternate record-glow}@keyframes record-glow{0%{text-shadow:0 0 8px #ff9e0066}to{text-shadow:0 0 20px #ff9e00cc}}.go-score{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:2px;font-size:clamp(36px,8vw,56px)}.go-stats{gap:var(--space-xl);font-family:var(--font-mono);font-size:13px;display:flex}.go-stats .k{letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;font-size:10px;display:block}.go-stats .v{color:var(--text-primary)}.go-actions{gap:var(--space-sm);width:100%;margin-top:var(--space-sm);flex-direction:column;display:flex}.go-buttons{gap:var(--space-sm);width:100%;display:flex}.go-buttons .btn-primary{flex:1}.go-buttons .btn-ghost{white-space:nowrap;flex:0}.btn-share{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg, var(--color-ocean-cyan), var(--color-soft-mint));border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:2px;color:var(--color-dark-navy);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);text-transform:uppercase;border:none;font-size:16px;display:inline-flex;box-shadow:0 0 16px #0bd3d359}.btn-share:hover{filter:brightness(1.05);transform:scale(1.02);box-shadow:0 0 24px #0bd3d3a6}.btn-share:active{transform:scale(.98)}.btn-share svg{flex-shrink:0}.start-guide{background:var(--bg-surface-glass);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);-webkit-backdrop-filter:blur(12px);pointer-events:none;opacity:0;transition:opacity var(--transition-slow);border:1px solid #ffffff1a;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.start-guide.visible{opacity:1}.guide-title{font-family:var(--font-mono);letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;text-align:center;margin-bottom:var(--space-sm);font-size:12px}.guide-rows{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.guide-rows li{align-items:center;gap:var(--space-md);color:var(--text-secondary);font-size:13px;display:flex}.guide-rows .keys{gap:var(--space-xs);justify-content:flex-end;min-width:80px;display:flex}.guide-rows kbd{border-radius:var(--radius-sm);min-width:26px;height:24px;font-family:var(--font-mono);color:var(--text-primary);background:#ffffff1a;border:1px solid #ffffff26;justify-content:center;align-items:center;padding:0 6px;font-size:11px;display:inline-flex}.guide-rows kbd.wide{padding:0 10px}#loading{z-index:100;background:var(--bg-primary);gap:var(--space-md);flex-direction:column;transition:opacity .4s}#loading.done{opacity:0;pointer-events:none}.loading-box{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.loading-text{font-family:var(--font-mono);letter-spacing:3px;color:var(--text-secondary);text-transform:uppercase;font-size:14px}.loading-bar{background:#ffffff14;border-radius:2px;width:min(300px,60vw);height:4px;overflow:hidden}#loading-fill{background:linear-gradient(90deg, var(--color-neon-cyan), var(--color-hot-pink));transform-origin:0;width:100%;height:100%;transition:transform .2s;display:block;transform:scaleX(0)}.loading-pct{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.hud-dist{font-family:var(--font-mono);color:var(--text-secondary);font-size:14px}.hud-dist .unit{color:var(--text-muted);margin-left:2px;font-size:11px}.mono{font-family:var(--font-mono)}.hidden{display:none!important}@media (width<=600px){#hud{padding:var(--space-sm)}#score{font-size:28px}.key-hints{display:none}.go-card{padding:var(--space-md) var(--space-lg);width:calc(100% - 32px);min-width:auto}.hud-location-badge{right:var(--space-md);bottom:calc(var(--space-lg) + 12px);font-size:20px}}.hud-location-badge{right:calc(var(--space-xl) + 10px);bottom:calc(var(--space-xl) + 24px);font-family:"Brush Script MT", "cursive", var(--font-display);letter-spacing:.08em;color:var(--color-soft-mint);text-shadow:0 0 8px #67e7d6bf,0 0 20px #0bd3d38c,2px 2px 4px #000000e6;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.92;z-index:10;font-size:28px;font-style:italic;font-weight:700;transition:opacity .3s;position:absolute}.hud-coins{align-items:center;gap:var(--space-xs);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#130f26c2;border:1px solid #ffee6661;padding:6px 14px;transition:transform .18s cubic-bezier(.175,.885,.32,1.275),box-shadow .18s,border-color .18s;display:flex;box-shadow:0 4px 16px #00000073,0 0 15px #ffee662e}.hud-coins .coin-icon{filter:drop-shadow(0 0 6px #fe6c);font-size:18px;line-height:1}.hud-coins #coin-count{font-family:var(--font-mono);font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-sunburst-yellow);text-shadow:0 0 8px #fe69;min-width:28px}.hud-coins.coin-pop{border-color:var(--color-sunburst-yellow);transform:scale(1.28);box-shadow:0 6px 24px #00000080,0 0 28px #ffee66a6}.modal-overlay{z-index:var(--z-modal);background:var(--bg-overlay);-webkit-backdrop-filter:blur(14px);padding:var(--space-md);opacity:0;pointer-events:none;transition:opacity var(--transition-base);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.visible{opacity:1;pointer-events:auto}.settings-card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid #0bd3d347;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.22s modalPop;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000b3,0 0 30px #0bd3d326}@keyframes modalPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.settings-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.settings-title-group{align-items:center;gap:var(--space-sm);display:flex}.settings-title-group h2{font-family:var(--font-display);font-size:22px;font-weight:var(--font-weight-bold);letter-spacing:2px;color:var(--color-crisp-white)}.settings-icon{font-size:20px}.modal-close-btn{color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.modal-close-btn:hover{border-color:var(--color-led-red);color:var(--color-crisp-white);background:#ff174440}.settings-body{padding:var(--space-lg) var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex;overflow-y:auto}.settings-group{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:#ffffff06;border:1px solid #ffffff0d;flex-direction:column;display:flex}.settings-group-label{font-family:var(--font-mono);letter-spacing:2px;color:var(--color-ocean-cyan);text-transform:uppercase;font-size:11px}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.setting-label{color:var(--text-primary);font-size:14px}.setting-control{align-items:center;gap:var(--space-sm);display:flex}.setting-val{color:var(--text-secondary);text-align:right;min-width:36px;font-size:13px}.setting-range{appearance:none;background:#ffffff26;border-radius:3px;outline:none;width:140px;height:6px}.setting-range::-webkit-slider-thumb{appearance:none;background:var(--color-ocean-cyan);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #0bd3d3b3}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;transition:var(--transition-fast);background:#ffffff26;border-radius:24px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--color-crisp-white);width:18px;height:18px;transition:var(--transition-fast);border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--color-ocean-cyan)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.btn-danger-outline{color:var(--color-led-red);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:12px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ff174480}.btn-danger-outline:hover{border-color:var(--color-led-red);background:#ff174426}