*{margin:0;padding:0;box-sizing:border-box}body{position:relative;min-height:100vh;background:radial-gradient(circle at 50% 18%,rgba(121,170,255,.18),transparent 26%),radial-gradient(circle at 50% 78%,rgba(88,201,255,.14),transparent 20%),linear-gradient(180deg,#070a12,#09111a 44%,#030406);overflow:hidden;font-family:MiSans,-apple-system,sans-serif;color:#fff;isolation:isolate}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 18% 32%,rgba(255,74,150,.14),transparent 22%),radial-gradient(circle at 82% 30%,rgba(89,202,255,.16),transparent 24%);filter:blur(24px)}body:after{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%),radial-gradient(circle at 50% 72%,rgba(96,204,255,.18),transparent 22%),radial-gradient(circle at 50% 100%,rgba(0,0,0,.72),transparent 48%);opacity:.9}#canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#boost-flash{--flash: 0;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;opacity:0;background:radial-gradient(circle at 50% 48%,#ffffffa6,#fff0 32%),linear-gradient(180deg,#b4e2ff52,#ff78aa1f);mix-blend-mode:screen}#boost-flash.visible{opacity:calc(var(--flash) * .36)}#ui{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px 40px}#ui>*{pointer-events:auto}#accel-hud{--charge: 0;--strength: 0;position:absolute;left:50%;bottom:30px;width:min(240px,calc(100vw - 160px));padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;opacity:0;transform:translate(-50%) translateY(12px);background:linear-gradient(180deg,#080c1485,#060a122e);border:1px solid rgba(255,255,255,.08);border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 34px #00000029;transition:opacity .25s ease,transform .32s ease,border-color .3s ease,box-shadow .3s ease}#accel-hud.visible{opacity:1;transform:translate(-50%) translateY(0)}#accel-hud.active{border-color:#59caff3d;box-shadow:0 20px 40px #0003}.accel-label{font-size:.58rem;letter-spacing:3px;text-transform:uppercase;color:#dee8f8b8}.accel-track{position:relative;width:100%;height:3px;overflow:hidden;background:#ffffff1a;border-radius:999px}.accel-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--charge));background:linear-gradient(90deg,#59caffe6,#ff4a96e6);box-shadow:0 0 20px #59caff61;opacity:calc(.35 + var(--charge) * .65)}header{position:absolute;top:52px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:108px;margin:0;padding:18px 14px 22px;text-align:right;background:linear-gradient(180deg,#070b1357,#060a121f);border:1px solid rgba(255,255,255,.07);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 30px #00000024;animation:infoRailBreath 7s ease-in-out infinite}header:before{content:"";position:absolute;top:14px;bottom:14px;left:12px;width:1px;background:linear-gradient(180deg,#59caffbf,#ff4a9647,#fff0);opacity:.9}header:after{content:"";position:absolute;top:12px;right:12px;width:28px;height:1px;background:linear-gradient(90deg,#fff0,#59caffb8);opacity:.85}.eyebrow{position:relative;z-index:1;font-size:.56rem;letter-spacing:3px;text-transform:uppercase;color:#d5e3f799;writing-mode:vertical-rl;text-orientation:mixed}.title{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:clamp(1.3rem,1.7vw,1.85rem);font-weight:600;letter-spacing:clamp(2px,.22vw,5px);line-height:1.04;text-transform:uppercase;margin:0;color:#f5f8ff;text-shadow:0 0 14px rgba(111,177,255,.08)}.title span{display:inline-block;max-width:100%;writing-mode:vertical-rl;text-orientation:mixed}.subtitle{position:relative;z-index:1;display:inline-flex;align-items:flex-end;justify-content:center;padding:8px 6px;font-size:.56rem;letter-spacing:1.5px;line-height:1.5;text-transform:uppercase;color:#e6eeff9e;background:#080c1438;border:1px solid rgba(255,255,255,.08);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 18px #0000001f;writing-mode:vertical-rl;text-orientation:mixed}.color-picker{position:absolute;bottom:120px;left:50%;transform:translate(-50%);display:flex;gap:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:15px 30px;border-radius:50px;border:1px solid rgba(255,255,255,.1)}.color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .3s}.color-btn.active{border-color:#fff;transform:scale(1.3)}.specs{position:absolute;left:28px;bottom:28px;display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:12px;width:min(390px,calc(100vw - 56px));padding:16px 18px 18px 22px;background:linear-gradient(180deg,#090e1780,#060a1233);border:1px solid rgba(255,255,255,.08);border-radius:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px #0003}.specs:before{content:"";position:absolute;top:14px;bottom:14px;left:12px;width:1px;background:linear-gradient(180deg,#59caffc2,#ff4a964d,#fff0)}.specs:after{content:"PERFORMANCE";position:absolute;top:14px;right:16px;font-size:.52rem;letter-spacing:3px;text-transform:uppercase;color:#d4e1f56b}.spec-item{display:flex;flex-direction:column;gap:6px;min-height:82px;padding-top:12px}.spec-value{display:inline-flex;align-items:flex-start;gap:4px;font-size:clamp(1.65rem,2.2vw,2.2rem);font-weight:400;letter-spacing:-.04em;color:#f8fbff;text-shadow:0 0 18px rgba(93,200,255,.1)}.spec-number{line-height:.96}.spec-unit{display:inline-block;padding-top:.18em;font-size:.3em;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#d0def4b3}.spec-unit-wide{font-size:.22em;letter-spacing:.12em}.spec-label{font-size:.58rem;letter-spacing:2.4px;text-transform:uppercase;color:#dae4ff7a}.view-buttons{position:absolute;right:60px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px}.view-btn{background:none;border:none;color:#fff;opacity:.4;cursor:pointer;font-size:.9rem;text-align:right;transition:.3s}.view-btn.active{opacity:1;font-weight:700}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 24%,rgba(126,171,255,.2),transparent 22%),linear-gradient(180deg,#06080d,#040608);display:flex;justify-content:center;align-items:center;z-index:1000;transition:.5s}#loading.hidden{opacity:0;visibility:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:30px;padding:36px 40px;background:#060a128f;border:1px solid rgba(255,255,255,.08);border-radius:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 60px #00000052}.loader-text{font-size:3rem;font-weight:600;letter-spacing:15px;text-transform:uppercase;color:#fff;text-shadow:0 0 30px rgba(107,178,255,.22)}.loader-bar-container{width:300px;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.loader-bar{width:0%;height:100%;background:linear-gradient(90deg,#ff0080,#0ff);border-radius:2px;transition:width .3s ease}.loader-percent{font-size:.9rem;color:#e4ecff8f;letter-spacing:3px;font-family:monospace}@keyframes infoRailBreath{0%,to{transform:translateY(0);border-color:#ffffff12;box-shadow:0 14px 30px #00000024}50%{transform:translateY(-2px);border-color:#6ebcff1a;box-shadow:0 18px 34px #00000029}}@media (max-width: 900px){#ui{padding:32px 24px 28px}header{top:32px;right:24px;width:100px;padding:16px 12px 18px}.specs{left:20px;bottom:20px;width:calc(100vw - 40px);gap:10px;padding:14px 14px 16px 18px}#accel-hud{bottom:20px;width:min(220px,calc(100vw - 180px))}}@media (max-width: 640px){#ui{justify-content:flex-start;gap:24px}header{align-self:center;position:static;width:100%;padding:0;text-align:center;align-items:center;gap:10px;background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;animation:none}header:before{display:none}header:after{display:none}.eyebrow,.title span,.subtitle{writing-mode:horizontal-tb;text-orientation:initial}.eyebrow{font-size:.68rem;letter-spacing:4px}.title{align-items:center;gap:2px;font-size:clamp(1.9rem,9vw,2.6rem)}.subtitle{padding:9px 14px;font-size:.72rem;line-height:1.3;justify-content:center}.specs{position:static;grid-template-columns:1fr;width:100%;margin-top:auto}#accel-hud{position:static;width:min(280px,100%);margin:12px auto 0;transform:none}#accel-hud.visible{transform:none}.specs:before,.specs:after{display:none}.spec-item{min-height:auto;padding-top:0}.loader-content{width:calc(100vw - 32px);padding:28px 22px}.loader-text{font-size:2.2rem;letter-spacing:10px}.loader-bar-container{width:100%}}