:root{--crimson: #ff1226;--crimson-glow: rgba(255, 18, 38, .65);--cyan: #00f0ff;--cyan-glow: rgba(0, 240, 255, .55);--amber: #ffaa00;--bg-glass: rgba(8, 10, 18, .76);--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#040208;color:#f4f6ff;font-family:var(--font-mono)}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:1;touch-action:none}.letterbox{position:fixed;left:0;width:100%;height:0vh;background:#000;z-index:15;transition:height .22s cubic-bezier(.16,1,.3,1);pointer-events:none}#letterbox-top{top:0;border-bottom:1px solid rgba(255,18,38,.45)}#letterbox-bottom{bottom:0;border-top:1px solid rgba(0,240,255,.45)}body.cinema-mode #letterbox-top,body.cinema-mode #letterbox-bottom{height:7.5vh}#hud-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hud-bottom{align-items:flex-end}.hud-panel{background:var(--bg-glass);border:1px solid rgba(255,18,38,.45);box-shadow:0 0 24px #ff12262e,inset 0 0 16px #00f0ff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 18px;position:relative;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.panel-tag{font-size:11px;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:6px;text-shadow:0 0 8px var(--cyan-glow)}.score-row{display:flex;align-items:baseline;gap:22px}.label{font-size:11px;color:#9aa8c7;letter-spacing:1.5px}.value-lg{font-family:var(--font-display);font-size:30px;font-weight:900;color:#fff;text-shadow:0 0 14px var(--crimson-glow)}.multiplier-badge .value-mult{font-family:var(--font-display);font-size:24px;font-weight:900;color:var(--amber);text-shadow:0 0 12px rgba(255,170,0,.8)}.center-status{text-align:center;border-color:#00f0ff73}.jp-header{font-family:var(--font-display);font-weight:900;font-size:15px;letter-spacing:3px;color:var(--crimson);text-shadow:0 0 10px var(--crimson-glow);margin-bottom:4px}.sub-metrics{font-size:13px;color:#d6e4ff;letter-spacing:1px}.sub-metrics strong{color:var(--cyan);font-size:15px}.sub-metrics .sep{margin:0 8px;color:#ffffff40}.controls-panel{pointer-events:auto}.Quick-buttons{display:flex;gap:8px;flex-wrap:wrap}.cyber-btn{background:#ff12262e;border:1px solid var(--crimson);color:#fff;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;padding:7px 12px;cursor:pointer;transition:all .15s ease;text-shadow:0 0 6px var(--crimson-glow)}.cyber-btn:hover,.cyber-btn:active{background:var(--crimson);box-shadow:0 0 16px var(--crimson-glow)}.mobile-controls{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;margin-bottom:12px;pointer-events:none;z-index:26}.touch-cluster{display:flex;gap:10px;pointer-events:auto}.touch-right{flex-direction:column;align-items:flex-end}.touch-pad{background:#0a0c18ad;border:2px solid rgba(0,240,255,.65);color:#fff;font-family:var(--font-display);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .08s ease,background .1s ease,box-shadow .1s ease;touch-action:none;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.steer-pad{width:78px;height:78px;box-shadow:0 0 18px #00f0ff40,inset 0 0 12px #00f0ff26}.pad-arrow{font-size:28px;font-weight:900;line-height:1;color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.pad-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:#cfe8ff;margin-top:4px}.action-slide{width:138px;height:60px;border-color:var(--amber);background:#281606b8;box-shadow:0 0 18px #ffaa0052,inset 0 0 12px #fa03}.action-boost{width:138px;height:68px;border-color:var(--crimson);background:#30060ec2;box-shadow:0 0 22px #ff12266b,inset 0 0 14px #ff122640}.pad-kanji{font-size:10px;letter-spacing:2px;color:var(--cyan)}.pad-main{font-size:13px;font-weight:900;letter-spacing:1.5px;margin-top:2px}.touch-pad.active,.touch-pad:active{transform:scale(.94);background:#ff1226d1;border-color:#fff;box-shadow:0 0 28px #ff1226f2}@media(hover:hover)and (pointer:fine)and (min-width:1025px){.mobile-controls{opacity:.72}.mobile-controls:hover{opacity:1}}.integrity-panel{width:340px}.bar-label-row{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;margin-bottom:4px}.meter-track{width:100%;height:11px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);overflow:hidden}.meter-fill{height:100%;transition:width .08s linear}.health-fill{background:linear-gradient(90deg,#ff1226,#ff6a00,#00ff9d);box-shadow:0 0 12px #00ff9d99}.boost-fill{background:linear-gradient(90deg,#ff1226,#ffae00,#00f0ff);box-shadow:0 0 15px var(--cyan-glow)}.speed-panel{min-width:310px}.rpm-bars{display:flex;gap:4px;height:20px;align-items:flex-end;margin:6px 0 10px}.rpm-seg{flex:1;background:#ffffff1f;border-radius:1px;transition:background .05s ease,box-shadow .05s ease}.rpm-seg.active-green{background:#00f0ff;box-shadow:0 0 8px #00f0ff}.rpm-seg.active-amber{background:#fa0;box-shadow:0 0 8px #fa0}.rpm-seg.active-red{background:#ff1226;box-shadow:0 0 12px #ff1226}.speed-display-row{display:flex;justify-content:space-between;align-items:baseline}.gear-box{display:flex;flex-direction:column;align-items:center;padding:4px 12px;border:1px solid rgba(0,240,255,.4);background:#00f0ff14}.gear-val{font-family:var(--font-display);font-size:24px;font-weight:900;color:var(--cyan)}.speed-readout{display:flex;align-items:baseline;gap:8px}.speed-number{font-family:var(--font-display);font-size:52px;font-weight:900;line-height:.95;color:#fff;text-shadow:0 0 18px var(--crimson-glow),0 0 34px rgba(255,18,38,.45)}.speed-unit{font-family:var(--font-display);font-size:14px;color:var(--crimson);letter-spacing:2px}.takedown-banner{position:fixed;top:21%;left:50%;transform:translate(-50%,-50%) scale(1);z-index:25;text-align:center;pointer-events:none;padding:14px 38px;width:max-content;max-width:94vw;background:linear-gradient(90deg,transparent,rgba(255,18,38,.85),rgba(8,10,18,.92),rgba(255,18,38,.85),transparent);border-top:2px solid #00f0ff;border-bottom:2px solid #ff1226;box-shadow:0 0 40px #ff1226a6;transition:opacity .18s ease,transform .18s cubic-bezier(.18,.89,.32,1.28)}.takedown-banner.hidden{opacity:0;transform:translate(-50%,-50%) scale(.75)}.takedown-jp{font-family:var(--font-display);font-size:15px;letter-spacing:4px;color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.takedown-title{font-family:var(--font-display);font-size:36px;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 0 20px #ff1226,2px 2px 0px #00f0ff;margin:2px 0}.takedown-bonus{font-size:14px;letter-spacing:2px;color:var(--amber)}.start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:radial-gradient(circle at center,#1004148c,#04020ae0);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;transition:opacity .35s ease}.start-overlay.dismissed{opacity:0;pointer-events:none}.start-card{max-width:650px;width:100%;max-height:92vh;overflow-y:auto;background:#0a0c16eb;border:2px solid var(--crimson);box-shadow:0 0 55px #ff122673,inset 0 0 30px #00f0ff1f;padding:30px 34px;text-align:center;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}.akira-kanji{font-family:var(--font-display);color:var(--crimson);font-size:16px;letter-spacing:6px;font-weight:900;margin-bottom:6px;text-shadow:0 0 12px var(--crimson-glow)}.start-card h1{font-family:var(--font-display);font-size:34px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 0 24px var(--crimson-glow),2px 2px 0 var(--cyan);margin-bottom:8px}.subtitle{font-size:12px;letter-spacing:2px;color:var(--cyan);margin-bottom:22px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin-bottom:24px}.ctrl-item{background:#ffffff0a;border-left:3px solid var(--crimson);padding:10px 12px;font-size:12px;display:flex;flex-direction:column;gap:5px}.key-badge{display:inline-block;background:#00f0ff26;border:1px solid var(--cyan);color:var(--cyan);padding:2px 7px;font-family:var(--font-display);font-size:11px;font-weight:700;width:fit-content}.launch-btn{width:100%;padding:16px 24px;font-family:var(--font-display);font-size:17px;font-weight:900;letter-spacing:2.5px;color:#fff;background:linear-gradient(90deg,#b80012,#ff1226,#ff4b00);border:1px solid #fff;cursor:pointer;box-shadow:0 0 28px var(--crimson-glow);transition:transform .15s ease,box-shadow .15s ease}.launch-btn:hover,.launch-btn:active{transform:translateY(-2px) scale(1.01);box-shadow:0 0 42px #ff1226f2}@media(max-width:820px){#hud-root{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.hud-top{flex-wrap:wrap;gap:6px}.hud-panel{padding:8px 10px}.panel-tag{font-size:9px;margin-bottom:3px}.value-lg{font-size:20px}.multiplier-badge .value-mult{font-size:17px}.center-status{order:3;width:100%;padding:5px 8px}.jp-header{font-size:11px;margin-bottom:2px}.sub-metrics{font-size:11px}.sub-metrics strong{font-size:12px}.cyber-btn{font-size:10px;padding:5px 8px}.hud-bottom{gap:8px}.integrity-panel{width:48%;min-width:0}.bar-label-row{font-size:9px}.meter-track{height:8px}.speed-panel{width:48%;min-width:0}.rpm-bars{height:12px;margin:4px 0 6px;gap:2px}.gear-box{padding:2px 7px}.gear-val{font-size:16px}.speed-number{font-size:32px}.speed-unit{font-size:10px}.steer-pad{width:68px;height:68px}.action-slide{width:120px;height:54px}.action-boost{width:120px;height:60px}.takedown-title{font-size:20px}.takedown-jp,.takedown-bonus{font-size:11px}.start-card{padding:18px 16px}.start-card h1{font-size:22px}.controls-grid{grid-template-columns:1fr;gap:8px;margin-bottom:16px}.launch-btn{padding:13px 14px;font-size:13px}}