:root{--bg:#06080d;--surface:#0c1018;--surface2:#111922;--surface3:#172030;--orange:#ff6a00;--orange-dim:#ff6a0024;--orange-glow:0 0 20px #ff6a0073, 0 0 60px #ff6a002e;--gold:#e8a000;--green:#0c4;--red:#cc2020;--text:#e8eaf0;--muted:#6b7b8d;--faint:#2e3d50;--border:#ff6a002e;--border-strong:#ff6a008c;--font-head:"Orbitron", monospace;--font-body:"Rajdhani", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:9000;opacity:.35;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000002e 2px 4px);animation:8s ease-in-out infinite scanFlicker;position:fixed;inset:0}#root{min-height:100vh}button{font:inherit;cursor:pointer}.app-shell{background:var(--bg);min-height:100vh;position:relative}.fade-in{animation:.4s both fadeIn}.site-header{animation:.38s both slideDown}.stat-card{background:var(--surface);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);will-change:transform;padding:18px 16px;transition:border-color .2s,box-shadow .2s,transform .2s}.stat-card:hover{border-color:var(--orange);box-shadow:var(--orange-glow);transform:translateY(-2px)}.premium-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--orange);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);will-change:transform;transition:border-color .2s,box-shadow .2s,transform .2s}.premium-card:hover{border-color:var(--border-strong);box-shadow:var(--orange-glow);transform:translateY(-2px)}.section-card{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--orange);padding:24px;animation:.48s both riseIn}.section-card h2,.section-card h3{font-family:var(--font-head);color:var(--text);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.section-card h2{font-size:20px}.section-card h3{font-size:16px}.section-card p,.rules-list{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.rules-list{padding-left:18px}.rules-list li+li{margin-top:10px}.faq-list{gap:8px;display:grid}.faq-list details{border:1px solid var(--border);background:var(--surface2);padding:14px 16px;transition:border-color .16s}.faq-list details[open]{border-color:var(--border-strong);box-shadow:0 0 12px #ff6a001a}.faq-list summary{cursor:pointer;color:var(--text);font-weight:700;font-family:var(--font-head);letter-spacing:1px;text-transform:uppercase;font-size:12px}.faq-list p{color:var(--muted);margin-top:10px;font-size:14px}.car-stage:before{content:"";filter:blur(40px);pointer-events:none;background:#ff6a000a;border-radius:50%;position:absolute;inset:8% 6%}.car-cutout{filter:drop-shadow(0 24px 40px #ff6a001f)drop-shadow(0 4px 12px #000c);z-index:0;animation:6s ease-in-out infinite carFloat;position:relative}.tool-panel{background:var(--surface2);border:1px solid var(--border);border-left:2px solid var(--orange);padding:14px}.creative-panel{background:var(--surface2);border:1px solid var(--border);border-left:2px solid #ff6a0080;padding:14px}.view-tabs{background:var(--surface2);border:1px solid var(--border);gap:2px;padding:3px;display:flex}.animated-button{will-change:transform;transition:all .16s}.animated-button:hover{transform:translateY(-1px)}.shine-button{transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.shine-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:34%;animation:3.4s ease-in-out infinite shine;position:absolute;inset:-60% auto -60% -40%;transform:rotate(18deg)}.shine-button:hover{box-shadow:var(--orange-glow);transform:translateY(-2px)}.upload-button{border:1px solid var(--orange);min-height:40px;color:var(--orange);font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);background:0 0;align-items:center;padding:0 16px;font-size:11px;transition:background .16s;display:inline-flex;position:relative;overflow:hidden}.upload-button:hover{background:var(--orange-dim)}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--orange)}.pulse-dot{animation:2s ease-in-out infinite nfsPulse}@media (width<=820px){.intro-panel,.content-grid,.details-grid{grid-template-columns:1fr!important}.view-tabs{overflow-x:auto}}@media (width<=640px){.garage-main-layout{min-height:unset!important;flex-direction:column!important}.tuning-menu{width:100%!important;min-width:unset!important;border-top:2px solid #ff6a0066!important;border-left:none!important;flex-direction:row!important;max-height:160px!important;overflow-x:auto!important}.tuning-item{border-bottom:none!important;border-right:1px solid #ffffff08!important;flex-shrink:0!important;min-width:100px!important;font-size:11px!important}.garage-stats-grid{display:none!important}.site-header{padding:10px 14px!important}.header-secondary,.header-cart{display:none!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-box{border-radius:0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;padding:24px 20px 32px!important;overflow-y:auto!important}.pixel-editor-container{padding:8px 8px 100px!important}.bottom-action-bar{padding:10px 14px!important}.tool-panel,.creative-panel{padding:10px!important}.garage-header-strip{padding:8px 14px!important}.garage-title-block{gap:8px!important}.garage-title-divider,.garage-subtitle{display:none!important}}.garage-stage{background:radial-gradient(at 50% 0,#ffb41e12 0%,#0000 55%),radial-gradient(at 50% 100%,#ff6a000d 0%,#0000 45%),linear-gradient(#080b10 0%,#0c1018 55%,#090c15 100%);min-height:380px;position:relative;overflow:hidden}.garage-stage:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffbe32d9,#ff6a00e6,#ffbe32d9,#0000);height:1px;position:absolute;top:0;left:10%;right:10%;box-shadow:0 0 30px 8px #ff961e47,0 0 80px 20px #ff6a001f}.garage-stage:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#ff6a000d 100%);height:25%;position:absolute;bottom:0;left:0;right:0}.garage-floor-line{z-index:2;background:linear-gradient(90deg,#0000,#ff6a0040 30% 70%,#0000);height:1px;position:absolute;bottom:8%;left:5%;right:5%}.garage-side-light{z-index:2;pointer-events:none;background:linear-gradient(#0000,#ff6a0059,#0000);width:2px;position:absolute;top:10%;bottom:10%;box-shadow:0 0 18px 4px #ff6a001f}.tuning-menu{background:#06080df7;border-left:2px solid #ff6a0066;flex-direction:column;flex-shrink:0;width:260px;min-width:200px;display:flex}.tuning-item{cursor:pointer;border-bottom:1px solid #ffffff08;border-left:3px solid #0000;flex-direction:column;gap:6px;padding:13px 16px;transition:all .16s;display:flex}.tuning-item:hover,.tuning-item.active{background:#ff6a0017}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes nfsPulse{0%,to{transform:scale(1);box-shadow:0 0 6px #ff6a0080}50%{transform:scale(1.5);box-shadow:0 0 18px #ff6a00}}@keyframes carFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shine{0%{opacity:0;left:-45%}18%{opacity:1}42%{opacity:0;left:120%}to{opacity:0;left:120%}}@keyframes scanFlicker{0%,to{opacity:.35}50%{opacity:.28}}@keyframes nfsGlow{0%,to{text-shadow:0 0 10px #ff6a0099}50%{text-shadow:0 0 30px #ff6a00,0 0 60px #ff6a0066}}
