:root{--bg:#070411;--text:#f7fbff;--muted:rgba(247,251,255,.68);--cyan:#57f7ff;--pink:#ff4fd8;--acid:#caff3d;--orange:#ff9d36;--line:rgba(255,255,255,.16);--glass:rgba(255,255,255,.075);--paint1:#ff4fd8;--paint2:#57f7ff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(87,247,255,.18),transparent 28%),radial-gradient(circle at 84% 22%,rgba(255,79,216,.16),transparent 28%),linear-gradient(145deg,#090415,#11071f 55%,#02030a);overflow:hidden}.garage{width:min(1240px,calc(100% - 28px));min-height:100svh;margin:0 auto;padding:22px 0;display:grid;grid-template-rows:auto minmax(360px,1fr) auto;gap:18px}.garage-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.back,.garage-top button{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:950;cursor:pointer}.brand{font-size:clamp(20px,4vw,46px);font-weight:1000;letter-spacing:-.08em;text-shadow:0 0 26px rgba(87,247,255,.26)}.brand span{color:var(--acid);letter-spacing:-.04em}.stage{position:relative;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:linear-gradient(180deg,#15051f 0%,#080913 58%,#02030a 100%);box-shadow:0 30px 90px rgba(0,0,0,.62);min-height:450px}.sun{position:absolute;left:50%;top:52px;transform:translateX(-50%);width:min(280px,48vw);aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(0deg,var(--orange) 0 14px,var(--pink) 15px 24px);box-shadow:0 0 70px rgba(255,79,216,.28);opacity:.9}.grid-floor{position:absolute;left:-20%;right:-20%;bottom:-12%;height:58%;background:linear-gradient(rgba(87,247,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(87,247,255,.24) 1px,transparent 1px);background-size:100% 42px,58px 100%;transform:perspective(440px) rotateX(63deg);transform-origin:bottom;filter:drop-shadow(0 0 12px rgba(87,247,255,.22))}.car{position:absolute;left:50%;bottom:112px;width:min(430px,74vw);height:150px;transform:translateX(-50%);transition:transform .55s cubic-bezier(.18,1.2,.35,1)}.car.drift{animation:drift .9s ease-in-out}.car.rev{animation:rev .16s linear 7}.car-top{position:absolute;left:27%;top:7px;width:42%;height:62px;border:5px solid var(--cyan);border-bottom:0;border-radius:70px 80px 0 0;background:linear-gradient(135deg,rgba(87,247,255,.14),rgba(255,79,216,.14));box-shadow:0 0 24px rgba(87,247,255,.32)}.car-body{position:absolute;left:4%;right:4%;top:62px;height:64px;border-radius:34px 48px 28px 28px;background:linear-gradient(90deg,var(--paint1),var(--paint2));box-shadow:0 0 38px rgba(255,79,216,.35),inset 0 -18px 0 rgba(0,0,0,.22)}.light{position:absolute;top:17px;width:38px;height:14px;border-radius:999px;background:var(--acid);box-shadow:0 0 26px var(--acid)}.light.left{left:18px}.light.right{right:18px}.wheel{position:absolute;bottom:0;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#101015 0 28%,var(--cyan) 30% 36%,#050508 38% 60%,var(--pink) 62% 66%,#050508 68%);box-shadow:0 0 24px rgba(87,247,255,.38)}.wheel.w1{left:18%}.wheel.w2{right:18%}.rev .wheel,.drift .wheel{animation:spin .18s linear infinite}.smoke{position:absolute;left:18%;bottom:120px;width:120px;height:70px;opacity:0;transition:opacity .2s}.smoke.on{opacity:1}.smoke::before,.smoke::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.18);filter:blur(8px);animation:smoke 1.2s ease-out infinite}.smoke::before{width:90px;height:50px}.smoke::after{width:80px;height:54px;left:55px;animation-delay:.2s}.tiremark{position:absolute;left:18%;right:18%;bottom:94px;height:7px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.7),transparent);opacity:0}.tiremark.on{opacity:1;animation:mark .9s ease-out}.dash{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px}.panel{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));padding:18px;box-shadow:0 18px 44px rgba(0,0,0,.25)}.label{display:block;color:var(--acid);font-size:12px;font-weight:1000;letter-spacing:.18em;margin-bottom:12px}.panel p{margin:12px 0 0;color:var(--muted)}.panel strong{color:var(--cyan);font-size:28px}input[type=range]{width:100%;accent-color:var(--pink)}.buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.buttons button{min-height:46px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.24);color:var(--text);font-weight:950;cursor:pointer}.buttons button:hover{background:linear-gradient(135deg,rgba(87,247,255,.16),rgba(255,79,216,.14));border-color:var(--cyan)}.log{font-weight:800;line-height:1.45;color:var(--muted)}body.midnight{filter:saturate(1.35) contrast(1.08)}body.midnight .stage{background:linear-gradient(180deg,#02030a,#050014 62%,#000)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%,100%{transform:translateX(-50%) rotate(0)}32%{transform:translateX(-58%) rotate(-8deg)}70%{transform:translateX(-43%) rotate(7deg)}}@keyframes rev{0%,100%{transform:translateX(-50%)}50%{transform:translateX(calc(-50% + 7px)) translateY(2px)}}@keyframes smoke{0%{transform:translate(0,0) scale(.6);opacity:.72}100%{transform:translate(-80px,-45px) scale(1.7);opacity:0}}@keyframes mark{0%{transform:scaleX(.1);opacity:0}30%{opacity:1}100%{transform:scaleX(1);opacity:.75}}@media(max-width:860px){body{overflow:auto}.garage{grid-template-rows:auto auto auto}.stage{min-height:390px}.dash{grid-template-columns:1fr}.car{bottom:96px}.sun{top:70px}}@media(max-width:520px){.garage-top{flex-wrap:wrap}.brand{order:-1;width:100%;text-align:center}.stage{min-height:340px;border-radius:24px}.car{width:86vw;bottom:82px}.wheel{width:58px;height:58px}.car-body{height:52px}.car-top{height:52px}.buttons{grid-template-columns:1fr}}