@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;900&family=Rajdhani:wght@400;500;600;700&display=swap";.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:199;animation:fadeIn .2s ease}.profile-panel{position:fixed;top:0;right:0;width:360px;height:100vh;background:var(--bg-elevated, #1a1a2e);border-left:1px solid var(--border, rgba(255, 255, 255, .08));z-index:200;display:flex;flex-direction:column;animation:slideInRight .25s cubic-bezier(.22,1,.36,1);overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .08))}.profile-header h2{font-size:16px;font-weight:700;color:var(--text-primary, #fff);margin:0;letter-spacing:.5px}.profile-close{background:none;border:none;color:var(--text-secondary, #999);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.profile-close:hover{color:#fff;background:#ffffff14}.profile-summary{display:flex;align-items:center;gap:14px;padding:20px;background:#ffffff08;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.profile-avatar-ring{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#e63946,#c1121f);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;overflow:hidden;flex-shrink:0;border:2px solid rgba(230,57,70,.4)}.profile-avatar-ring img{width:100%;height:100%;object-fit:cover}.profile-summary-name{font-size:15px;font-weight:700;color:var(--text-primary, #fff)}.profile-summary-role{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.8px;margin-top:2px}.profile-tabs{display:flex;border-bottom:1px solid var(--border, rgba(255, 255, 255, .08))}.profile-tabs button{flex:1;background:none;border:none;color:var(--text-secondary, #888);font-size:12px;font-weight:600;padding:12px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;text-transform:uppercase;letter-spacing:.5px}.profile-tabs button:hover{color:var(--text-primary, #fff)}.profile-tabs button.active{color:#e63946;border-bottom-color:#e63946}.profile-body{padding:24px 20px;display:flex;flex-direction:column;gap:18px;flex:1}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field label{font-size:11px;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.6px}.profile-field input{width:100%;background:#ffffff0d;border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:8px;padding:10px 12px;color:var(--text-primary, #fff);font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s}.profile-field input:focus{border-color:#e6394680}.input-with-status{position:relative;display:flex;align-items:center}.input-with-status input{padding-right:36px}.input-with-status>svg{position:absolute;right:10px}.status-ok{color:#4caf50}.status-err{color:#e63946}.field-error{font-size:11px;color:#e63946}.spin{animation:spin .8s linear infinite;color:var(--text-secondary, #888)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-profile-save{background:linear-gradient(135deg,#e63946,#c1121f);color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .1s;margin-top:4px}.btn-profile-save:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-profile-save:disabled{opacity:.4;cursor:not-allowed}.avatar-drop-zone{border:2px dashed var(--border, rgba(255, 255, 255, .15));border-radius:12px;min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s;overflow:hidden}.avatar-drop-zone:hover,.avatar-drop-zone.drag-over{border-color:#e63946;background:#e639460f}.avatar-drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-secondary, #888);font-size:13px}.avatar-drop-preview{width:100%;height:200px;object-fit:cover;border-radius:10px}.notification-bell-container{position:relative;display:flex;align-items:center;margin-right:16px}.notification-bell-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;position:relative;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-bell-btn:hover{color:var(--primary);background:#ffffff0d}.bell-ringing{animation:ring 2s infinite ease-in-out;transform-origin:top center}@keyframes ring{0%{transform:rotate(0)}5%{transform:rotate(15deg)}10%{transform:rotate(-10deg)}15%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}25%{transform:rotate(0)}to{transform:rotate(0)}}.notification-badge{position:absolute;top:-2px;right:-4px;background:#e74c3c;color:#fff;font-size:.65rem;font-weight:700;border-radius:10px;padding:2px 6px;min-width:18px;text-align:center;box-shadow:0 2px 4px #0006}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:-10px;width:380px;max-height:500px;background:var(--bg-elevated, #1a1a2e);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;z-index:1000;overflow:hidden;white-space:normal}.notification-dropdown:before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:var(--bg-elevated, #1a1a2e);border-top:1px solid var(--border);border-left:1px solid var(--border);transform:rotate(45deg)}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:#0003}.notification-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px}.close-btn:hover{color:var(--text-primary);background:#ffffff1a}.notification-list{flex:1;overflow-y:auto;padding:8px}.notification-empty{padding:32px;text-align:center;color:var(--text-muted);font-size:.9rem}.notification-item{display:flex;align-items:flex-start;padding:12px;margin-bottom:8px;background:#ffffff08;border-radius:8px;border-left:4px solid transparent;transition:transform .2s,background .2s}.notification-item:hover{background:#ffffff08}.notification-item.unread{background:#ffffff0d}.notification-item.type-info{border-left-color:#3498db}.notification-item.type-reward{border-left-color:#2ecc71}.notification-item.type-penalty{border-left-color:#e74c3c}.notification-item.type-system{border-left-color:#9b59b6}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.notification-text{margin:0 0 8px;font-size:.85rem;color:var(--text-secondary);line-height:1.4;word-wrap:break-word}.notification-time{font-size:.75rem;color:var(--text-muted)}.notification-actions{display:flex;flex-direction:column;gap:6px;margin-left:12px}.action-btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{color:var(--primary);border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.action-btn.danger:hover{color:#e74c3c;border-color:#e74c3c;background:#e74c3c1a}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.friends-menu-container{position:relative;display:inline-flex;align-items:center}.friends-menu-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.friends-menu-btn:hover{color:var(--text-primary);background:#ffffff0d}.friends-badge{position:absolute;top:0;right:0;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px var(--surface)}.friends-dropdown{position:absolute;top:100%;right:0;margin-top:12px;width:320px;background:#141416;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 12px 32px #0009;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out;display:flex;flex-direction:column}.friends-dropdown:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0d;border-radius:12px;z-index:-1}.friends-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.08);background:#1a1a1e}.friends-header h3{margin:0;font-size:1rem;font-weight:600}.friends-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#141416}.friends-tab{flex:1;background:none;border:none;padding:10px 0;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.friends-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.friends-tab:hover:not(.active){color:var(--text-primary)}.friends-content{max-height:300px;overflow-y:auto;padding:8px 0}.friends-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:.9rem}.friend-item{display:flex;align-items:center;padding:12px 16px;transition:background .2s;gap:12px}.friend-item:hover{background:#ffffff08}.friend-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--text-primary);flex-shrink:0;overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-info{flex:1;overflow:hidden}.friend-name{margin:0;font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-actions{display:flex;gap:8px}.friend-action-btn{background:#ffffff0d;border:none;color:var(--text-primary);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.friend-action-btn:hover{background:#ffffff1a}.friend-action-btn.accept{color:var(--success);background:#2ecc711a}.friend-action-btn.accept:hover{background:#2ecc7133}.friend-action-btn.reject{color:var(--danger);background:#e74c3c1a}.friend-action-btn.reject:hover{background:#e74c3c33}.friends-search-box{padding:16px}.friends-search-input-wrap{position:relative;display:flex;align-items:center}.friends-search-input-wrap input{width:100%;background:#0003;border:1px solid var(--border);color:var(--text-primary);padding:10px 14px 10px 36px;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.friends-search-input-wrap input:focus{border-color:var(--primary)}.friends-search-input-wrap svg{position:absolute;left:12px;color:var(--text-muted)}.friends-search-btn{margin-top:12px;width:100%;padding:10px;background:var(--primary);color:var(--text-primary);border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:filter .2s}.friends-search-btn:hover{filter:brightness(1.1)}.friends-search-btn:disabled{opacity:.5;cursor:not-allowed}.chat-widget-container{position:fixed;bottom:24px;right:24px;width:320px;height:400px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;z-index:1000;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-widget-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#e8a020e6,#c4711ce6);color:#fff;box-shadow:0 2px 10px #0003}.chat-widget-friend-info{display:flex;align-items:center;gap:12px}.chat-widget-avatar{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;overflow:hidden}.chat-widget-avatar img{width:100%;height:100%;object-fit:cover}.chat-widget-name{margin:0;font-weight:600;font-size:.95rem}.chat-widget-close{background:none;border:none;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s}.chat-widget-close:hover{color:#fff;background:#ffffff1a}.chat-widget-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#0006}.chat-message{max-width:80%;padding:10px 14px;border-radius:12px;font-size:.9rem;line-height:1.4;word-break:break-word}.chat-message.sent{align-self:flex-end;background:#e8a020;color:#111;border-bottom-right-radius:4px;font-weight:500}.chat-message.received{align-self:flex-start;background:#ffffff1a;color:var(--text-primary);border-bottom-left-radius:4px}.chat-message-time{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.65rem;margin-top:4px;opacity:1}.chat-message.sent .chat-message-time{color:#0009}.chat-message.received .chat-message-time{color:#ffffff80}.chat-widget-input-area{padding:12px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.chat-widget-input-area input{flex:1;background:#ffffff0d;border:1px solid var(--border);color:var(--text-primary);padding:10px 14px;border-radius:20px;font-size:.9rem;outline:none;transition:all .2s}.chat-widget-input-area input:focus{border-color:var(--primary);background:#ffffff14}.chat-widget-send-btn{background:var(--primary);color:#111;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .2s}.chat-widget-send-btn:hover{filter:brightness(1.1)}.chat-widget-send-btn:disabled{opacity:.5;cursor:not-allowed}.app-shell{display:grid;grid-template-columns:240px 1fr;height:100vh;transition:grid-template-columns .3s ease}.app-shell.sidebar-collapsed{grid-template-columns:68px 1fr}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 16px;border-bottom:1px solid var(--border);min-height:68px;overflow:hidden}.sidebar-logo-img{width:32px;height:32px}.sidebar-title{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.1em;white-space:nowrap;color:var(--text-primary)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px;padding:16px 8px;overflow:hidden}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-family:var(--font-ui);font-size:.95rem;font-weight:600;letter-spacing:.04em;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all .15s ease;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--brand-glow);color:var(--brand);border:1px solid var(--border-accent)}.nav-item svg{flex-shrink:0}.nav-svg-icon{width:24px;height:24px;flex-shrink:0;border-radius:6px;filter:brightness(.6);transition:filter .15s}.nav-item:hover .nav-svg-icon,.nav-item.active .nav-svg-icon{filter:brightness(1)}.nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);overflow:hidden}.sidebar-user-btn{background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background .15s}.sidebar-user-btn:hover{background:var(--bg-elevated)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dim) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;color:#fff;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-name{font-family:var(--font-ui);font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.coin-display{font-size:.78rem}.logout-btn{color:var(--text-muted)}.sidebar-separator{height:1px;background:var(--border);margin:8px 12px;opacity:.5}.logout-btn:hover{color:var(--accent-red);background:#ff174414}.app-content{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.topbar{height:60px;border-bottom:1px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;padding:0 20px;gap:16px;position:sticky;top:0;z-index:50}.sidebar-toggle{flex-shrink:0}.topbar-center{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-ui);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.topbar-coins{font-size:.95rem;white-space:nowrap}.page-content{flex:1;padding:28px;overflow-y:auto;background:var(--bg-base)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.page-title{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}.page-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:4px}@media (max-width: 768px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:0 1fr}.sidebar{position:fixed;width:240px;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0);box-shadow:4px 0 40px #000c}.page-content{padding:16px}}.auth-bg{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:32px;position:relative;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(255,80,0,.15) 0%,transparent 60%),var(--bg-base)}.auth-noise{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.auth-logo{font-size:3rem;filter:drop-shadow(0 0 20px rgba(255,80,0,.6))}.auth-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:.15em;background:linear-gradient(135deg,#fff,#ff7040 60%,#ff5000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.auth-tagline{font-family:var(--font-ui);font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.auth-bonus-badge{display:flex;align-items:center;gap:8px;background:#ffd60a1a;border:1px solid rgba(255,214,10,.3);border-radius:99px;padding:6px 16px;font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:var(--accent-yellow);margin-top:4px}.auth-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a;z-index:1}.auth-card-header{margin-bottom:28px}.auth-card-header h2{font-size:1.8rem;margin-bottom:4px}.auth-form{display:flex;flex-direction:column;gap:18px}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none;z-index:1}.input.with-icon{padding-left:40px}.auth-error{background:#ff17441a;border:1px solid rgba(255,23,68,.3);border-radius:var(--radius-md);padding:10px 14px;font-size:.875rem;color:var(--accent-red)}.auth-forgot{text-align:right;margin-top:-8px}.auth-forgot a{font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.auth-forgot a:hover{color:var(--brand)}.auth-success{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:8px 0}.auth-success h2{font-size:1.6rem}@media (max-width: 480px){.auth-card{padding:24px;border-radius:var(--radius-lg)}.auth-card-header h2{font-size:1.5rem}}.car-viewer-3d{position:relative;width:100%;height:100%;min-height:300px;border-radius:var(--radius-md);overflow:hidden;background:radial-gradient(ellipse 70% 50% at 50% 60%,rgba(255,80,0,.06) 0%,transparent 70%),#080c12}.car-viewer-3d canvas{display:block;width:100%!important;height:100%!important}.car-viewer-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-family:var(--font-ui);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff40;pointer-events:none;white-space:nowrap}.car-viewer-3d:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,80,0,.03) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite;pointer-events:none;z-index:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;animation:sm-fade-in .18s ease}@keyframes sm-fade-in{0%{opacity:0}to{opacity:1}}.sm-modal{background:var(--bg-card, #0d1117);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:min(1100px,96vw);height:min(820px,92vh);min-height:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #000000b3,0 0 0 1px #ff4d0014;animation:sm-slide-up .2s ease}@keyframes sm-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.sm-header{display:flex;align-items:center;gap:14px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05;flex-shrink:0}.sm-header-left{display:flex;align-items:center;gap:12px;flex:1}.sm-badge{font-family:var(--font-ui);font-size:.65rem;font-weight:900;letter-spacing:.14em;color:#ff4d00;background:#ff4d001f;border:1px solid rgba(255,77,0,.3);border-radius:4px;padding:3px 8px}.sm-title{font-family:var(--font-display);font-size:1.5rem;font-weight:900;font-style:italic;text-transform:uppercase;color:var(--text-primary);margin:0;line-height:1}.sm-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:600;letter-spacing:.06em}.sm-close-btn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.sm-close-btn:hover{background:#ff3c3c26;border-color:#ff3c3c59;color:#f55}.sm-body{display:grid;grid-template-columns:380px 1fr;flex:1;overflow:hidden;min-height:0}.sm-left{border-right:1px solid rgba(255,255,255,.07);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(255,77,0,.3) transparent}.sm-section-title{font-family:var(--font-ui);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:2px 0 4px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.sm-canvas-wrap{background:#05080e;border:1px solid rgba(255,255,255,.07);border-radius:8px;overflow:hidden;height:210px;flex-shrink:0}.sm-canvas{width:100%;height:100%;display:block}.sm-chips{display:flex;gap:6px;flex-wrap:wrap}.sm-chip{font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:4px;display:flex;align-items:center;gap:6px}.sm-chip--peak{background:#ff4d001f;border:1px solid rgba(255,77,0,.35);color:#ff6a2a}.sm-chip--cut{background:#ff1e1e1a;border:1px solid rgba(255,30,30,.3);color:#f55}.sm-chip--idle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted)}.sm-mult{background:#ff4d0033;border-radius:3px;padding:1px 5px;color:#ff8c55}.sm-engine-stats{display:flex;flex-direction:column;gap:1px}.sm-info-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.82rem}.sm-info-row span{color:var(--text-muted);font-size:.78rem}.sm-info-row strong{color:var(--text-primary);font-weight:700;font-family:var(--font-ui)}.sm-boost-row{background:#ff4d000f;border-radius:4px;padding:5px 8px;border:none;margin-top:2px}.sm-boost-val{color:#ff6a2a!important;background:#ff4d0026;padding:2px 8px;border-radius:4px}.sm-right{display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%;flex:1}.sm-right-tabs{display:flex;gap:2px;padding:12px 20px 0;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff04;flex-shrink:0}.sm-right-tab{padding:9px 20px;border:none;border-radius:8px 8px 0 0;background:none;color:var(--text-muted);font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .15s}.sm-right-tab:hover{color:var(--text-primary);background:#ffffff0d}.sm-right-tab.active{color:#ff4d00;background:#ff4d001a;border-bottom:2px solid #ff4d00}.sm-right-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,77,0,.3) transparent}.sm-section{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:8px;overflow:hidden;flex-shrink:0}.sm-section-hdr{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:none;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .15s}.sm-section-hdr:hover{color:var(--text-primary)}.sm-section-body{padding:14px 16px 20px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}.sm-slider-row{display:grid;grid-template-columns:90px 1fr 64px;align-items:center;gap:12px;padding:7px 0;min-height:28px;flex-shrink:0}.sm-slider-label{font-family:var(--font-ui);font-size:.76rem;font-weight:700;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase}.sm-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:#ffffff1a;border-radius:99px;outline:none;cursor:pointer}.sm-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#ff4d00;box-shadow:0 0 8px #ff4d00a6;cursor:pointer;transition:box-shadow .15s}.sm-slider::-webkit-slider-thumb:hover{box-shadow:0 0 12px #ff4d00}.sm-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ff4d00;border:none;box-shadow:0 0 8px #ff4d00a6;cursor:pointer}.sm-slider-value{font-family:Consolas,monospace;font-size:.82rem;font-weight:700;color:var(--text-primary);text-align:right;white-space:nowrap}.sm-speeds{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0 8px}.sm-speed-chip{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:50px;background:#ff4d0014;border:1px solid rgba(255,77,0,.2);border-radius:8px;padding:10px 12px}.sm-speed-g{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sm-speed-v{font-family:var(--font-display, monospace);font-size:1.2rem;font-weight:900;color:var(--text-primary);line-height:1}.sm-speed-u{font-size:.58rem;color:#ff4d00;font-weight:700;letter-spacing:.08em}.sm-compound-sel{display:flex;gap:10px;flex-wrap:wrap;padding:4px 0}.sm-compound-btn{padding:8px 20px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s}.sm-compound-btn:hover{border-color:#ff4d00;color:var(--text-primary)}.sm-compound-btn.active{background:#ff4d001f;border-color:#ff4d00;color:#ff6a2a}.sm-right-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff04;flex-shrink:0}.sm-save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:9px;background:linear-gradient(135deg,#ff4d00,#cc2800);color:#fff;font-family:var(--font-ui);font-size:.95rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 18px #ff4d0066;transition:all .2s}.sm-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff4d0099}.sm-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sm-save-ok{background:linear-gradient(135deg,#22c55e,#15803d)!important;box-shadow:0 4px 18px #22c55e66!important}.sm-no-data{color:var(--text-muted);font-size:.8rem;text-align:center;padding:10px}.tsm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.tsm-panel{width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-card, #111118);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 80px #000000b3,0 0 0 1px #ff4d001f;overflow:hidden;animation:tsm-enter .22s cubic-bezier(.16,1,.3,1)}@keyframes tsm-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tsm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff05;flex-shrink:0}.tsm-header__left{display:flex;align-items:center;gap:14px}.tsm-header__badge{display:flex;align-items:center;gap:5px;font-family:var(--font-ui, monospace);font-size:.6rem;font-weight:900;letter-spacing:.14em;color:#ff4d00;background:#ff4d001f;border:1px solid rgba(255,77,0,.3);border-radius:4px;padding:4px 8px;white-space:nowrap}.tsm-header__title{font-family:var(--font-display, sans-serif);font-size:1.5rem;font-weight:900;font-style:italic;text-transform:uppercase;color:var(--text-primary, #fff);margin:0;line-height:1}.tsm-header__sub{margin:4px 0 0;color:var(--text-muted, #888);font-size:.72rem;font-weight:600;letter-spacing:.06em}.tsm-close{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-muted, #888);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.tsm-close:hover{background:#ff3c3c26;border-color:#ff3c3c59;color:#f55}.tsm-tabs{display:flex;gap:6px;padding:14px 24px 0;flex-shrink:0;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.06)}.tsm-tab{padding:7px 16px;border-radius:8px 8px 0 0;border:1px solid rgba(255,255,255,.08);border-bottom:none;background:#ffffff08;color:var(--text-muted, #888);font-family:var(--font-ui, monospace);font-size:.75rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .15s;text-transform:uppercase}.tsm-tab:hover{background:#ff4d0014;color:#ff4d00;border-color:#ff4d0033}.tsm-tab--active{background:#ff4d001f;color:#ff4d00;border-color:#ff4d0059}.tsm-body{flex:1;overflow-y:auto;padding:20px 24px;min-height:200px}.tsm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.track-card{all:unset;cursor:pointer;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#ffffff08;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;flex-direction:column}.track-card:hover{transform:translateY(-3px);border-color:#ff4d0066;box-shadow:0 8px 28px #ff4d0033}.track-card__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a0a0f}.track-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.track-card:hover .track-card__thumb img{transform:scale(1.05)}.track-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.7))}.track-card__badge{position:absolute;bottom:8px;left:8px;font-family:var(--font-ui, monospace);font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fd0;background:#000000a6;border:1px solid rgba(255,221,0,.4);border-radius:4px;padding:2px 7px}.track-card__info{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.track-card__name{font-family:var(--font-display, sans-serif);font-size:.9rem;font-weight:800;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.track-card__arrow{color:var(--text-muted, #888);flex-shrink:0;transition:color .15s,transform .15s}.track-card:hover .track-card__arrow{color:#ff4d00;transform:translate(2px)}.tsm-loading,.tsm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;color:var(--text-muted, #888);text-align:center}.tsm-empty p{margin:0}.track-card__no-thumb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#0d0d1a,#1a0a00);color:#555;font-size:1.4rem}.csm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:csm-fade-in .2s ease}@keyframes csm-fade-in{0%{opacity:0}to{opacity:1}}.csm-modal{position:relative;background:#0e0e14;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;width:100%;max-width:520px;box-shadow:0 0 0 1px #ff4d0026,0 40px 80px #000000e6,0 0 60px #ff4d000f;animation:csm-slide-up .28s cubic-bezier(.34,1.56,.64,1)}@keyframes csm-slide-up{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.csm-close{position:absolute;top:14px;right:14px;z-index:10;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0009;color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.csm-close:hover{background:#ff3c3cbf;border-color:#ff3c3c80;color:#fff;transform:scale(1.1)}.csm-hero{position:relative;width:100%;height:220px;overflow:hidden}.csm-hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.csm-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(14,14,20,.7) 75%,#0e0e14 100%)}.csm-body{padding:4px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.csm-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui, "Barlow", sans-serif);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand, #ff4d00);background:#ff4d001f;border:1px solid rgba(255,77,0,.3);border-radius:99px;padding:5px 14px}.csm-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand, #ff4d00);animation:csm-pulse 1.8s ease infinite}@keyframes csm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.csm-title{font-family:var(--font-display, "Barlow Condensed", sans-serif);font-size:2.2rem;font-weight:900;font-style:italic;text-transform:uppercase;color:#fff;line-height:1.05;margin:0;letter-spacing:.02em}.csm-title-accent{color:var(--brand, #ff4d00);text-shadow:0 0 30px rgba(255,77,0,.6)}.csm-subtitle{font-family:var(--font-ui, "Barlow", sans-serif);font-size:.92rem;color:#ffffff8c;line-height:1.6;max-width:380px;margin:0}.csm-features{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}.csm-feature{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 18px;text-align:left}.csm-feature-icon{flex-shrink:0;color:var(--brand, #ff4d00);filter:drop-shadow(0 0 8px rgba(255,77,0,.5))}.csm-feature-icon--vr{color:#818cf8;filter:drop-shadow(0 0 8px rgba(129,140,248,.5))}.csm-feature div{display:flex;flex-direction:column;gap:2px}.csm-feature-title{font-family:var(--font-display, "Barlow Condensed", sans-serif);font-size:1rem;font-weight:800;font-style:italic;text-transform:uppercase;color:#fff;letter-spacing:.04em}.csm-feature-desc{font-family:var(--font-ui, "Barlow", sans-serif);font-size:.8rem;color:#ffffff73}.csm-dismiss{width:100%;padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff9;font-family:var(--font-ui, "Barlow", sans-serif);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px;letter-spacing:.04em}.csm-dismiss:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.ps-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:#080c13;color:var(--text-primary, #e2e8f0);font-family:var(--font-ui, "Rajdhani", sans-serif);animation:psSlideIn .25s ease}@keyframes psSlideIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.ps-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0009;border-bottom:1px solid rgba(255,80,0,.25);flex-shrink:0}.ps-header-left{display:flex;align-items:center;gap:14px}.ps-logo{font-size:1.8rem;filter:drop-shadow(0 0 12px rgba(255,80,0,.8))}.ps-title{font-size:1.25rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#ff8040,gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.ps-subtitle{font-size:.75rem;color:var(--text-muted, #64748b);letter-spacing:.08em;text-transform:uppercase;margin:0}.ps-header-actions{display:flex;align-items:center;gap:10px}.ps-btn-save{display:flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#ff5000,red);color:#fff;border:none;border-radius:8px;font-family:var(--font-ui, "Rajdhani", sans-serif);font-weight:800;font-size:.9rem;letter-spacing:.08em;cursor:pointer;box-shadow:0 4px 16px #ff500066;transition:all .2s}.ps-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ff500099}.ps-btn-save:disabled{opacity:.6;cursor:not-allowed}.ps-btn-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:all .2s}.ps-btn-close:hover{background:#ff3c3c33;border-color:#ff3c3c66;color:#fff}.ps-body{flex:1;display:flex;min-height:0;overflow:hidden}.ps-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:#0006;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.ps-tabs{display:flex;padding:8px;gap:4px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.ps-tab{flex:1;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:none;color:var(--text-secondary, #94a3b8);font-family:var(--font-ui, "Rajdhani", sans-serif);font-weight:700;font-size:.82rem;letter-spacing:.05em;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:5px}.ps-tab:hover{background:#ffffff0f}.ps-tab.active{background:#ff500026;border-color:#ff500066;color:#ff8040}.ps-decal-count{background:#ff5000;color:#fff;border-radius:99px;padding:0 6px;font-size:.72rem;min-width:18px;text-align:center}.ps-sidebar-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,80,0,.25) transparent}.ps-colors{padding:14px;display:flex;flex-direction:column;gap:20px}.ps-color-zone{display:flex;flex-direction:column;gap:10px}.ps-zone-header{display:flex;align-items:center;justify-content:space-between}.ps-zone-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #64748b)}.ps-zone-preview{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.ps-swatches{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.ps-swatch{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s}.ps-swatch:hover{transform:scale(1.15);border-color:#fff6}.ps-swatch.selected{border-color:#ff5000;box-shadow:0 0 0 3px #ff50004d;transform:scale(1.1)}.ps-color-input{width:32px;height:32px;border-radius:50%;border:2px dashed rgba(255,255,255,.2);cursor:pointer;padding:0;background:none}.ps-combos{display:flex;flex-direction:column;gap:6px}.ps-combo-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-primary, #e2e8f0);font-family:var(--font-ui, "Rajdhani", sans-serif);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.ps-combo-btn:hover{background:#ff50001a;border-color:#ff50004d}.ps-combo-dots{display:flex;gap:4px}.ps-combo-dots span{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.ps-decals{padding:10px;display:flex;flex-direction:column;gap:12px}.ps-placing-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ff8c0026;border:1px solid rgba(255,140,0,.4);border-radius:8px;color:#ffaa30;font-size:.82rem;font-weight:700;animation:psPulse 2s ease-in-out infinite}@keyframes psPulse{0%,to{box-shadow:0 0 #ff8c0033}50%{box-shadow:0 0 0 6px #ff8c0000}}.ps-placing-cancel{display:flex;align-items:center;gap:3px;margin-left:auto;padding:3px 8px;background:#ff3c3c33;border:1px solid rgba(255,60,60,.3);border-radius:5px;color:#ff8080;font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.ps-placing-cancel:hover{background:#ff3c3c59}.ps-cat-chips{display:flex;flex-wrap:wrap;gap:5px}.ps-cat-chip{padding:4px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-secondary, #94a3b8);font-family:var(--font-ui, "Rajdhani", sans-serif);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.ps-cat-chip:hover{border-color:#ff500066;color:#ff8040}.ps-cat-chip.active{background:#ff500026;border-color:#ff500080;color:#ff8040}.ps-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ps-library-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .15s}.ps-library-item:hover{background:#ff50001f;border-color:#ff500066;transform:translateY(-2px)}.ps-library-item.placing{background:#ff8c0033;border-color:#ff8c0099;animation:psItemPulse 1s ease-in-out infinite}@keyframes psItemPulse{0%,to{box-shadow:0 0 #ff8c004d}50%{box-shadow:0 0 0 4px #ff8c0000}}.ps-lib-svg{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.ps-lib-svg svg{width:100%;height:100%}.ps-lib-label{font-size:.68rem;color:var(--text-muted, #64748b);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-sticker-controls{background:#ff500012;border:1px solid rgba(255,80,0,.2);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.ps-ctrl-header{display:flex;align-items:center;justify-content:space-between}.ps-ctrl-delete{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ff3c3c26;border:1px solid rgba(255,60,60,.3);border-radius:5px;color:#ff8080;cursor:pointer;transition:all .15s}.ps-ctrl-delete:hover{background:#ff3c3c4d}.ps-ctrl-row{display:flex;align-items:center;gap:10px}.ps-ctrl-row label{font-size:.75rem;color:var(--text-muted, #64748b);width:58px;flex-shrink:0;font-weight:600;letter-spacing:.04em}.ps-ctrl-row input[type=color]{width:36px;height:28px;border-radius:5px;border:1px solid rgba(255,255,255,.15);background:none;cursor:pointer;padding:0 2px}.ps-ctrl-range-row{display:flex;align-items:center;gap:6px;flex:1}.ps-ctrl-range-row button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:all .15s;flex-shrink:0}.ps-ctrl-range-row button:hover{background:#ff500033}.ps-ctrl-range-row input[type=range]{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:#ffffff1f;outline:none}.ps-ctrl-range-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#ff5000;cursor:pointer}.ps-ctrl-val{font-size:.72rem;color:var(--text-muted, #64748b);width:32px;text-align:right;flex-shrink:0}.ps-ctrl-preview{display:flex;align-items:center;justify-content:center;height:50px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.ps-ctrl-preview svg{height:40px;width:auto}.ps-placed-list{display:flex;flex-direction:column;gap:5px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.ps-placed-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:7px;cursor:pointer;transition:all .15s}.ps-placed-item:hover{background:#ff50001a;border-color:#ff50004d}.ps-placed-item.active{background:#ff500026;border-color:#ff500066}.ps-placed-icon{width:24px;height:24px;display:flex;align-items:center;flex-shrink:0}.ps-placed-icon svg{width:100%;height:100%}.ps-placed-name{flex:1;font-size:.82rem;color:var(--text-secondary, #94a3b8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-placed-del{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:#ffffff40;cursor:pointer;border-radius:4px;transition:all .15s;flex-shrink:0}.ps-placed-del:hover{background:#ff3c3c33;color:#ff8080}.ps-canvas-area{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.ps-workshop-lights{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,rgba(255,140,60,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 0%,rgba(255,220,80,.04) 0%,transparent 60%);pointer-events:none;z-index:0}.ps-car-viewer{flex:1;z-index:1;min-height:0}.ps-canvas-tip{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:.75rem;color:#ffffff4d;letter-spacing:.06em;pointer-events:none;z-index:10;white-space:nowrap}.garage-page{max-width:1400px;margin:0 auto;padding-top:20px}.page-header{margin-bottom:0;padding-top:0}.garage-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}.car-selector{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:8px;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.car-selector::-webkit-scrollbar{width:6px}.car-selector::-webkit-scrollbar-track{background:transparent}.car-selector::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.car-selector::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:8px;color:var(--text-primary)}.section-label{font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:4px 8px}.car-card-btn{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md);background:none;border:1px solid transparent;cursor:pointer;text-align:left;transition:all .15s;width:100%;color:var(--text-primary)}.car-card-btn:hover{background:var(--bg-elevated)}.car-card-btn.selected{background:var(--brand-glow);border-color:var(--border-accent)}.car-color-dot{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.15);flex-shrink:0}.car-card-info{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:1px;min-width:0}.car-nick{display:block;font-family:var(--font-ui);font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-model{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-card-meta{display:flex;align-items:center;gap:5px;overflow:hidden}.car-card-meta .car-model{display:inline;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.car-detail{display:flex;flex-direction:column;gap:20px}.car-preview-area{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.car-preview-canvas{height:450px;display:flex;align-items:center;justify-content:center;position:relative;background:#080c12}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.btn-run-small{background:linear-gradient(135deg,#ff4d00,red);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 16px;font-family:var(--font-ui);font-weight:700;font-size:.9rem;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #ff3c0066;transition:all .2s}.btn-run-small:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff3c0099}.btn-run-small:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-run-engine{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 14px;font-family:var(--font-ui);font-weight:700;font-size:.85rem;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 4px 12px #6366f166;transition:all .2s;flex-shrink:0}.btn-run-engine:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f199}.btn-run-engine:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.car-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.car-preview-icon{font-size:5rem;filter:drop-shadow(0 0 30px rgba(0,0,0,.8))}.car-preview-name{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.06em}.car-stats-strip{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:20px;flex-wrap:wrap}.stat-chip{display:flex;flex-direction:column;gap:4px;min-width:100px}.stat-label{font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.stat-bar{height:4px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.stat-fill{display:block;height:100%;background:linear-gradient(90deg,var(--brand) 0%,#ffd60a 100%);border-radius:99px;transition:width .5s ease}.config-tabs{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;width:fit-content}.tab-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.04em}.tab-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.tab-btn.active{background:var(--brand);color:#fff}.parts-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.part-chip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:4px}.part-category-label{font-family:var(--font-ui);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#a0aec0}.part-name{font-weight:600;font-size:.9rem}.empty-parts{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;text-align:center;color:var(--text-secondary)}.paint-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:28px}.color-section{display:flex;flex-direction:column;gap:12px}.color-section h4{font-family:var(--font-ui);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.color-swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s}.color-swatch:hover{transform:scale(1.15);border-color:#fff6}.color-swatch.selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);transform:scale(1.1)}.color-custom{width:36px;height:36px;border-radius:50%;border:2px dashed var(--border);cursor:pointer;padding:0;background:none}.car-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:400px;text-align:center;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 900px){.garage-layout{grid-template-columns:1fr}.car-selector{position:static;flex-direction:row;flex-wrap:wrap}.car-workspace-grid{grid-template-columns:1fr;height:auto}.car-preview-canvas{height:300px}}.car-workspace-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:stretch;height:600px;transition:all .3s ease}.car-workspace-grid.maximized{grid-template-columns:1fr;height:700px}.car-workspace-grid.maximized .config-panel-wrapper{display:none}.btn-maximize-toggle{position:absolute;top:16px;right:16px;z-index:10;background:#0009;border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-maximize-toggle:hover{background:var(--brand);border-color:var(--brand-glow)}.car-preview-area{height:100%;display:flex;flex-direction:column;justify-content:space-between}.car-preview-canvas{flex:1;height:auto;min-height:0}.config-panel-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%}.config-header{padding:16px;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.config-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;scrollbar-width:thin;scrollbar-color:rgba(255,77,0,.35) transparent}.config-tabs{width:100%;justify-content:center}.tab-btn{flex:1;justify-content:center}.parts-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.part-chip-compact{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;display:flex;flex-direction:column;gap:2px}.paint-panel-compact{display:flex;flex-direction:column;gap:20px}.car-stats-strip{border-top:1px solid var(--border);padding:12px;gap:12px;justify-content:center}.car-detail-header{display:flex;flex-direction:column;gap:4px;margin-bottom:0}.car-alias-display{display:flex;flex-direction:row;align-items:center;gap:12px}.car-alias-title{font-family:var(--font-display);font-size:2rem;font-weight:900;font-style:italic;text-transform:uppercase;color:var(--text-primary);line-height:1;margin:0}.car-alias-display button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.car-alias-display button:hover{color:var(--brand);background:#ffffff1a}.car-alias-edit{display:flex;flex-direction:row;align-items:center;gap:8px}.car-alias-input{background:var(--bg-elevated);border:1px solid var(--border-accent);color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-transform:uppercase;font-style:italic;padding:4px 12px;border-radius:4px;outline:none;width:100%;max-width:400px}.car-alias-edit button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.car-alias-edit button:first-of-type{background:var(--brand);color:#fff}.car-alias-edit button:last-of-type{background:var(--bg-elevated);color:var(--text-danger);border:1px solid var(--border)}.car-specs-strip{display:flex;align-items:center;gap:0;padding:14px 20px;border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);flex-wrap:wrap;row-gap:12px}.spec-tile{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:70px}.spec-tile--caja{flex:1.4}.spec-value{font-family:var(--font-display);font-size:1.45rem;font-weight:900;color:var(--text-primary);line-height:1;display:flex;align-items:baseline;gap:3px;transition:color .4s ease}.spec-value--sm{font-size:.95rem;font-family:var(--font-ui);font-weight:700;letter-spacing:.02em;text-align:center}.spec-unit{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--brand);font-family:var(--font-ui);text-transform:uppercase}.spec-label{font-family:var(--font-ui);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.spec-divider{width:1px;height:36px;background:var(--border);flex-shrink:0;margin:0 4px}.spec-stock-badge{font-family:var(--font-ui);font-size:.65rem;font-weight:800;letter-spacing:.12em;color:#ff8c00;background:#ff8c001f;border:1px solid rgba(255,140,0,.3);border-radius:4px;padding:2px 8px;text-transform:uppercase;align-self:center;margin-left:auto}.part-chip-interactive{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-base);overflow:hidden;cursor:pointer;color:#fff;transition:border-color .18s,background .18s,transform .15s;text-align:left}.part-chip-interactive.stock{border-color:#fff3;background:#ffffff1a}.part-chip-interactive.installed{border-color:#00e67659;background:#00e6760f}.part-chip-interactive.disabled{opacity:.4;cursor:not-allowed}.part-chip-interactive:not(.disabled):hover{transform:translateY(-1px);border-color:var(--brand)}.part-chip-interactive.installed:not(.disabled):hover{border-color:#f44;background:#ff444414}.part-chip-content{display:flex;flex-direction:column;gap:2px;flex:1}.part-chip-hover-label{position:absolute;bottom:6px;right:10px;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:6px;background:#1e1e2ae6;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s;color:var(--brand);white-space:nowrap;pointer-events:none}.part-chip-interactive.installed .part-chip-hover-label{color:#f44}.part-chip-interactive:not(.disabled):hover .part-chip-hover-label{opacity:1;transform:translateY(0)}.part-chip-interactive.installed .part-category-label:before{content:"● ";color:var(--accent-green);font-size:.55rem}.part-confirm-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:24px 28px;width:min(360px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 20px 60px #000000b3;animation:slideUp .22s cubic-bezier(.34,1.56,.64,1);text-align:center}.pcm-icon{font-size:2.2rem;line-height:1}.pcm-body{display:flex;flex-direction:column;gap:6px}.pcm-action{font-family:var(--font-ui);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.pcm-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary)}.pcm-stats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.pcm-stat{padding:3px 10px;border-radius:99px;font-family:var(--font-ui);font-size:.72rem;font-weight:700}.pcm-stat.plus{background:#00e67626;color:var(--accent-green)}.pcm-stat.minus{background:#ff444426;color:#f66}.pcm-actions{display:flex;gap:10px;width:100%;justify-content:center;margin-top:4px}.btn-danger{background:linear-gradient(135deg,#c0392b,#922b21);color:#fff;border:none;text-transform:none}.btn-danger:hover{opacity:.88}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border);text-transform:none}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-muted)}.web-engine-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000;display:flex;align-items:stretch;justify-content:stretch;animation:sm-fade-in .18s ease}.web-engine-iframe{width:100%;height:100%;border:none;display:block;flex:1}.web-engine-close{position:absolute;top:16px;right:16px;z-index:100000;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#000000b3;color:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.web-engine-close:hover{background:#ff3c3ccc;border-color:#ff3c3c99;color:#fff;transform:scale(1.1)}.paint-shop-cta{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:12px 14px;background:linear-gradient(135deg,#ff50001f,#ff50000d);border:1px solid rgba(255,80,0,.3);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left;color:var(--text-primary);position:relative;overflow:hidden}.paint-shop-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,80,0,.08),transparent);transform:translate(-100%);transition:transform .5s}.paint-shop-cta:hover:before{transform:translate(100%)}.paint-shop-cta:hover{background:linear-gradient(135deg,#ff500033,#ff500014);border-color:#ff500080;transform:translateY(-1px);box-shadow:0 4px 12px #ff500033}.paint-shop-cta-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,80,0,.5))}.paint-shop-cta-text{flex:1;display:flex;flex-direction:column;gap:1px}.paint-shop-cta-text strong{font-family:var(--font-ui);font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.paint-shop-cta-text small{font-family:var(--font-ui);font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.marketplace-page{max-width:1200px;margin:0 auto}.marketplace-page .page-header{margin-bottom:28px}.marketplace-page .page-subtitle{margin-top:4px;margin-bottom:0}.cars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.car-listing-card{display:flex;flex-direction:column;position:relative;overflow:hidden;pointer-events:auto}.car-listing-card.owned{border-color:#00e6764d}.owned-ribbon{position:absolute;top:12px;right:12px;background:#00e67626;border:1px solid rgba(0,230,118,.35);border-radius:99px;padding:3px 10px;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--accent-green);display:flex;align-items:center;gap:4px}.car-listing-thumb{height:140px;background:radial-gradient(ellipse 60% 40% at 50% 60%,rgba(255,80,0,.08) 0%,transparent 70%),var(--bg-base);display:flex;align-items:center;justify-content:center;font-size:4rem;margin:-24px -24px 0}.car-thumb-icon{filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}.car-listing-body{flex:1;padding-top:16px;display:flex;flex-direction:column;gap:10px}.car-listing-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.car-listing-name{font-family:var(--font-ui);font-size:1.1rem;font-weight:700}.car-specs{display:flex;gap:8px;flex-wrap:wrap}.spec-item{font-family:var(--font-ui);font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);padding:3px 8px;border-radius:var(--radius-sm)}.spec-label{color:var(--text-muted);margin-right:3px}.car-tags{display:flex;gap:6px;flex-wrap:wrap}.car-listing-footer{margin-top:12px}.parts-catalogue{display:flex;flex-direction:column;gap:32px}.parts-category-title{font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.14em;color:var(--text-muted);margin-bottom:12px}.parts-list{display:flex;flex-direction:column;gap:8px}.part-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-radius:var(--radius-md);flex-wrap:wrap}.part-icon-box{width:40px;height:40px;background:var(--bg-elevated);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--brand);border:1px solid var(--border)}.part-row-info{flex:1;display:flex;flex-direction:column;gap:6px}.part-row-name{font-weight:600;font-size:.95rem}.part-row-stats{display:flex;gap:6px;flex-wrap:wrap}.part-row-action{display:flex;align-items:center;gap:16px;flex-shrink:0}.part-row-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.badge-universal{font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.06em;color:#00e676;background:#00e6761a;border:1px solid rgba(0,230,118,.3);border-radius:4px;padding:2px 8px;text-transform:uppercase}.badge-model{font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.06em;color:#40c4ff;background:#40c4ff1a;border:1px solid rgba(64,196,255,.3);border-radius:4px;padding:2px 8px}.parts-category-title{font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase}.parts-specific-divider{display:flex;align-items:center;gap:12px;margin:8px 0 4px;color:var(--text-muted);font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.parts-specific-divider:before,.parts-specific-divider:after{content:"";flex:1;height:1px;background:var(--border)}.mkt-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin-bottom:24px;scrollbar-width:none}.mkt-tabs::-webkit-scrollbar{display:none}.mkt-tab-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-family:var(--font-ui);font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .18s ease;letter-spacing:.03em}.mkt-tab-btn:hover{border-color:var(--brand);color:var(--text-primary)}.mkt-tab-btn.active{background:linear-gradient(135deg,#ff50002e,#ff8c001a);border-color:var(--brand);color:var(--brand);box-shadow:0 0 12px #ff500026}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.sell-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:18px;width:min(480px,94vw);padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 24px 64px #0009;animation:slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.sell-modal-header{display:flex;align-items:center;justify-content:space-between}.sell-modal-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.sell-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:8px;transition:color .2s}.sell-modal-close:hover{color:var(--text-primary)}.sell-modal-ref{font-size:.85rem;color:var(--text-muted)}.sell-modal-label{display:block;font-family:var(--font-ui);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.sell-price-row{display:flex;align-items:center;gap:10px}.sell-price-input{flex:1;background:var(--bg-base);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:var(--font-display);font-size:1.4rem;font-weight:700;padding:10px 16px;outline:none;transition:border-color .2s}.sell-price-input:focus{border-color:var(--brand)}.price-diff-badge{padding:5px 10px;border-radius:99px;font-family:var(--font-ui);font-size:.75rem;font-weight:700;white-space:nowrap}.price-diff-badge.down{background:#00e67626;color:var(--accent-green)}.price-diff-badge.up{background:#ff500026;color:var(--brand)}.sell-modal-footer{display:flex;gap:10px;justify-content:flex-end}.used-section-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.used-section-header h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.used-seller-row{display:flex;align-items:center;gap:8px;margin-top:6px}.used-seller-label{font-size:.75rem;color:var(--text-muted)}.used-seller-name{font-size:.8rem;font-weight:600;color:var(--brand)}.used-seller-chip{padding:3px 8px;border-radius:99px;background:#ff50001f;color:var(--brand);font-size:.72rem;font-weight:700}.used-parts-preview{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.my-cars-for-sale-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.my-car-sale-row{display:flex;align-items:center;gap:12px;padding:14px 20px}.my-car-sale-info{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.my-car-sale-name{font-weight:700;font-size:.95rem}.my-parts-filters{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}.filter-chip{padding:7px 16px;border-radius:99px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-family:var(--font-ui);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .16s}.filter-chip:hover{border-color:var(--brand);color:var(--text-primary)}.filter-chip.active{background:#ff500026;border-color:var(--brand);color:var(--brand)}.my-part-row.installed{border-left:3px solid rgba(120,120,255,.6)}.my-part-row.for-sale{border-left:3px solid rgba(0,230,118,.6)}.badge-installed{padding:3px 8px;border-radius:99px;background:#7878ff26;color:#9898ff;font-size:.72rem;font-weight:700}.installed-hint{font-size:.75rem;color:var(--text-muted);font-style:italic;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 24px;color:var(--text-muted)}.empty-state p{font-size:.95rem;text-align:center}.badge-brand{padding:3px 8px;border-radius:99px;background:#ff50001f;color:var(--brand);font-size:.71rem;font-weight:700}.badge-green{padding:3px 8px;border-radius:99px;background:#00e6761f;color:var(--accent-green);font-size:.71rem;font-weight:700}.badge-muted{padding:3px 8px;border-radius:99px;background:#ffffff0f;color:var(--text-muted);font-size:.71rem;font-weight:600}.btn-brand{background:linear-gradient(135deg,#7f5af0,#5a3fc0);color:#fff;border:none;text-transform:none;letter-spacing:.02em;border-radius:10px;padding:10px 24px}.btn-brand:hover{opacity:.88}.btn-sm{padding:6px 14px;font-size:.8rem}.part-row-thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.part-has-img{padding:0!important;overflow:hidden;border-radius:10px;width:52px;height:52px;min-width:52px}.part-name-link{cursor:pointer;color:#a78bfa;text-decoration:underline dotted;display:inline-flex;align-items:center;gap:4px}.part-name-link:hover{color:#7f5af0}.part-detail-modal{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;width:520px;max-width:95vw;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 30px 80px #00000080;animation:slideUp .2s ease}.part-detail-image{width:100%;max-height:260px;object-fit:cover;display:block}.part-detail-body{padding:24px;display:flex;flex-direction:column;gap:12px}.part-detail-name{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.part-detail-desc{font-size:.9rem;color:var(--text-secondary);margin:0}.part-detail-full{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.6;white-space:pre-line}.part-detail-stats{display:flex;flex-wrap:wrap;gap:6px}.part-detail-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border);margin-top:4px}.part-name-link{cursor:pointer;color:var(--text-primary)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff59;display:inline-flex;align-items:center;gap:4px}.part-name-link:hover{text-decoration-color:#ffffffb3}.modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000a6!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:20px!important}.sessions-page{max-width:900px;margin:0 auto}.track-banner{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:16px 20px;background:var(--bg-surface)}.track-banner h3{font-size:1rem;font-weight:700}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:20px;flex-wrap:wrap}.session-row-main{flex:1;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.session-host{display:flex;align-items:center;gap:10px}.session-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dim) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;color:#fff;flex-shrink:0}.session-host-name{font-weight:700;font-family:var(--font-ui)}.session-meta{display:flex;flex-direction:column;gap:6px}.session-track{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-secondary)}.session-action{flex-shrink:0}.sessions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:350px;text-align:center;color:var(--text-secondary);font-size:1.1rem}.adm-page{padding:24px;max-width:1200px;margin:0 auto}.adm-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.adm-title-block{display:flex;align-items:center;gap:14px}.adm-title-block h1{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.adm-title-block p{font-size:.82rem;color:var(--text-muted);margin:0}.adm-icon-accent{color:#7f5af0}.adm-icon-orange{color:#ff9500}.adm-tabs{display:flex;gap:6px;background:#ffffff0a;padding:4px;border-radius:10px;border:1px solid var(--border)}.adm-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 18px;border-radius:7px;border:none;background:transparent;font-family:var(--font-ui);font-size:.85rem;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.adm-tab.active{background:#7f5af033;color:#a78bfa}.adm-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.adm-search-bar{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border);color:var(--text-muted)}.adm-search-bar input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-ui);font-size:.9rem;color:var(--text-primary)}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:.85rem}.adm-table thead{background:#ffffff08}.adm-table th{text-align:left;padding:12px 16px;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border)}.adm-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.adm-table tr:last-child td{border-bottom:none}.adm-table tr:hover td{background:#ffffff05}.adm-row-self td{background:#7f5af00f!important}.adm-username{font-weight:600;color:var(--text-primary)}.adm-email{color:var(--text-muted);font-size:.82rem}.adm-ban-text{font-size:.78rem;color:var(--text-muted);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.adm-date{font-size:.78rem;color:var(--text-muted)}.adm-action-label{font-size:.78rem;font-weight:600;color:#a78bfa;text-transform:capitalize}.adm-details{font-size:.72rem;color:var(--text-muted);font-family:monospace;max-width:220px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-loading{padding:40px;text-align:center;color:var(--text-muted);font-size:.9rem}.adm-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-green{background:#00e67626;color:#00e676}.badge-red{background:#ff444426;color:#ff6b6b}.badge-orange{background:#ff950026;color:#ff9500}.badge-purple{background:#7f5af033;color:#a78bfa}.badge-blue{background:#3b82f626;color:#60a5fa}.badge-gray{background:#ffffff14;color:#a0aec0}.adm-ban-reason{margin-left:6px;cursor:help;color:var(--text-muted);font-size:.75rem}.adm-self-label{font-size:.74rem;color:#a78bfa;font-weight:600}.adm-actions{display:flex;gap:6px;flex-wrap:wrap}.adm-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.adm-btn:hover{background:#ffffff1a;color:var(--text-primary)}.adm-btn-red{color:#ff6b6b;border-color:#ff44444d}.adm-btn-orange{color:#ff9500;border-color:#ff95004d}.adm-btn-green{color:#00e676;border-color:#00e6764d}.adm-btn-purple{color:#a78bfa;border-color:#7f5af04d}.adm-btn-blue{color:#60a5fa;border-color:#3b82f64d}.adm-btn-yellow{color:#fbbf24;border-color:#fbbf244d}.adm-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px;border-top:1px solid var(--border);font-size:.84rem;color:var(--text-muted)}.adm-pagination button{display:flex;align-items:center;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);cursor:pointer;transition:background .15s}.adm-pagination button:disabled{opacity:.3;cursor:not-allowed}.adm-pagination button:not(:disabled):hover{background:#ffffff1a}.adm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease}.adm-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:28px;width:420px;max-width:95vw;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #0006}.adm-modal-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.adm-modal-desc{font-size:.88rem;color:var(--text-muted);margin:0}.adm-input{width:100%;padding:10px 14px;background:var(--bg-base);border:1px solid var(--border);border-radius:10px;font-family:var(--font-ui);font-size:.9rem;color:var(--text-primary);outline:none;box-sizing:border-box;transition:border-color .15s}.adm-input:focus{border-color:#7f5af080}.adm-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.adm-btn-cancel{padding:8px 20px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font-ui);font-size:.88rem;cursor:pointer;transition:background .15s}.adm-btn-cancel:hover{background:#ffffff0d}.adm-btn-confirm{padding:8px 22px;border-radius:9px;border:none;background:linear-gradient(135deg,#7f5af0,#5a3fc0);color:#fff;font-family:var(--font-ui);font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .15s}.adm-btn-confirm:hover{opacity:.88}.nav-item.nav-admin{color:#a78bfa}.nav-item.nav-admin.active,.nav-item.nav-admin:hover{background:#7f5af026!important;color:#a78bfa!important}.nav-item.nav-mod{color:#ff9500}.nav-item.nav-mod.active,.nav-item.nav-mod:hover{background:#ff95001f!important;color:#ff9500!important}.adm-parts-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.adm-parts-count{font-size:.85rem;color:var(--text-muted);margin:0}.adm-btn-new-part{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;border:none;background:linear-gradient(135deg,#7f5af0,#5a3fc0);color:#fff;font-family:var(--font-ui);font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .15s}.adm-btn-new-part:hover{opacity:.88}.adm-part-thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.adm-part-no-img{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:#ffffff0a;border-radius:8px}.adm-part-desc{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.adm-coins{font-weight:700;color:#fbbf24}.adm-stats-preview,.adm-models{font-size:.75rem;color:var(--text-muted);max-width:140px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-row-disabled td{opacity:.5}.adm-part-modal{width:600px;max-width:95vw;max-height:90vh;overflow-y:auto;padding:0}.adm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.adm-modal-header .adm-modal-title{display:flex;align-items:center;gap:8px;margin:0}.adm-btn-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s}.adm-btn-icon:hover{background:#ffffff0f;color:var(--text-primary)}.adm-part-form{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.adm-form-section{display:flex;flex-direction:column;gap:8px}.adm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.adm-form-field{display:flex;flex-direction:column;gap:6px}.adm-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.adm-input-sm{width:70px!important;text-align:center;padding:6px 8px!important}.adm-textarea{resize:vertical;min-height:80px;font-family:var(--font-ui);line-height:1.5}.adm-hint{font-size:.74rem;color:var(--text-muted);margin:0}.adm-hint-inline{font-size:.74rem;color:var(--text-muted);font-weight:400}.adm-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.adm-stat-input{display:flex;flex-direction:column;gap:4px;align-items:center}.adm-stat-label{font-size:.72rem;color:var(--text-muted);text-transform:capitalize}.adm-models-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.adm-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.adm-checkbox-label input[type=checkbox]{accent-color:#7f5af0;width:14px;height:14px}.adm-image-upload{width:100%;height:140px;border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .15s}.adm-image-upload:hover{border-color:#7f5af080}.adm-image-preview{width:100%;height:100%;object-fit:cover}.adm-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:.82rem}.models-tag-wrap{position:relative;width:100%}.models-tag-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 10px;background:var(--bg-input, rgba(255, 255, 255, .06));border:1px solid var(--border);border-radius:10px;cursor:text;transition:border-color .15s}.models-tag-box:focus-within{border-color:#7f5af099}.models-tag{display:inline-flex;align-items:center;gap:5px;background:#7f5af02e;border:1px solid rgba(127,90,240,.35);border-radius:6px;padding:2px 8px 2px 10px;font-size:.8rem;color:#c4b5fd;white-space:nowrap}.models-tag-placeholder{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-style:italic;pointer-events:none}.models-tag-remove{display:flex;align-items:center;background:none;border:none;color:#c4b5fd;cursor:pointer;padding:0;opacity:.6;transition:opacity .15s}.models-tag-remove:hover{opacity:1}.models-tag-input{flex:1;min-width:120px;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-ui);font-size:.85rem;padding:2px 4px}.models-tag-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:var(--bg-elevated, #1a1a2e);border:1px solid var(--border);border-radius:10px;list-style:none;margin:0;padding:4px 0;box-shadow:0 12px 40px #00000080;max-height:200px;overflow-y:auto}.models-tag-option{padding:8px 14px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:background .1s}.models-tag-option:hover{background:#7f5af01f;color:var(--text-primary)}.models-tag-todos-opt{color:#a78bfa;font-weight:600}.adm-image-upload{background:#0003}.adm-image-preview{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px;background:#00000026}.adm-car-form-wrap{border:1px solid var(--border);border-radius:12px;background:#00000026;margin-top:16px}.adm-notif-panel{padding:24px}.models-tag-box{display:flex;flex-wrap:wrap;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;min-height:48px;align-items:center;cursor:text;transition:border-color var(--transition-fast)}.models-tag-box:focus-within{border-color:var(--primary)}.models-tag{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:var(--text-primary);padding:4px 10px;border-radius:16px;font-size:.85rem;font-weight:500}.models-tag-remove{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;display:flex;align-items:center}.models-tag-remove:hover{color:#fff}.models-tag-input{flex:1;min-width:120px;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.95rem}.models-tag-placeholder{color:var(--text-muted);background:transparent!important;padding:0;font-weight:400}.adm-notif-header{margin-bottom:24px}.adm-notif-header h2{font-size:1.25rem;color:var(--text-primary);margin:0 0 4px}.adm-notif-header p{font-size:.9rem;color:var(--text-muted);margin:0}.adm-radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:8px}.adm-radio-card{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#ffffff08;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;font-size:.9rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.adm-radio-card:hover{background:#ffffff0f}.adm-radio-card input[type=radio]{display:none}.adm-radio-card.selected{border-color:var(--primary);background:#7f5af01a;color:var(--text-primary);font-weight:600}.adm-radio-card.type-info.selected{border-color:#3498db;background:#3498db1a}.adm-radio-card.type-reward.selected{border-color:#2ecc71;background:#2ecc711a}.adm-radio-card.type-penalty.selected{border-color:#e74c3c;background:#e74c3c1a}.adm-radio-card.type-system.selected{border-color:#9b59b6;background:#9b59b61a}.adm-form-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000001a}.adm-car-form-body{display:flex;flex-direction:column;gap:14px;max-height:55vh;overflow-y:auto;padding:16px 24px}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:transparent}.viewer-root{width:100vw;height:100vh;background:transparent}.replay-page{padding:24px;max-width:1100px;margin:0 auto}.replay-header{margin-bottom:24px}.replay-title{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.5px}.replay-subtitle{color:var(--text-muted);font-size:14px;margin:0}.replay-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:0}.replay-tab{background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-size:14px;font-weight:600;padding:10px 18px;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px;font-family:var(--font-ui)}.replay-tab:hover{color:var(--text-primary)}.replay-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.replay-content{min-height:400px}.replay-loading{text-align:center;padding:64px;color:var(--text-muted);font-size:16px}.replay-empty{text-align:center;padding:64px;color:var(--text-muted)}.replay-empty h2{color:var(--text-primary);margin:12px 0 8px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.dash-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:20px}.dash-card--donut{display:flex;flex-direction:column;align-items:center;gap:12px}.dash-card-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 12px}.donut-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.donut-empty{color:var(--text-muted);font-style:italic}.donut-legend{display:flex;flex-direction:column;gap:4px;font-size:13px}.legend-win{color:#00e676}.legend-loss{color:#ff1744}.legend-tie{color:#ffab40}.dash-stat-row{font-size:13px;color:var(--text-muted)}.bar-list{display:flex;flex-direction:column;gap:8px}.bar-item{display:grid;grid-template-columns:110px 1fr 50px;align-items:center;gap:8px;font-size:13px}.bar-label{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.bar-track{background:#ffffff0d;border-radius:4px;height:10px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.bar-value{text-align:right;color:var(--text-muted);font-size:12px}.calendar-wrap{max-width:400px;margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:24px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-month-label{font-size:16px;font-weight:700;color:var(--text-primary)}.cal-nav-btn{background:none;border:1px solid var(--border);color:var(--text-primary);border-radius:8px;width:32px;height:32px;font-size:20px;cursor:pointer;line-height:1;transition:background .2s}.cal-nav-btn:hover{background:var(--bg-hover)}.cal-loading{text-align:center;color:var(--text-muted);font-size:13px;padding:8px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-weekday{text-align:center;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;padding:4px 0}.cal-cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;font-size:13px;color:var(--text-primary);background:none;border:none;cursor:default;transition:background .15s}.cal-cell.has-race{cursor:pointer;font-weight:700}.cal-cell.has-race:hover{background:#ff17441f}.cal-cell.is-today{background:rgba(var(--accent-rgb, 255,23,68),.15);font-weight:800;color:var(--accent)}.cal-empty{background:none!important}.race-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#ff1744;box-shadow:0 0 6px #ff1744}.cal-legend{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:var(--text-muted)}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff1744;box-shadow:0 0 6px #ff1744}.replay-list-wrap{display:flex;flex-direction:column;gap:16px}.replay-search-bar{display:flex;gap:10px;max-width:480px}.replay-search-input{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:var(--font-ui);outline:none;transition:border-color .2s}.replay-search-input:focus{border-color:var(--accent)}.replay-cards{display:flex;flex-direction:column;gap:10px}.replay-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;border-left-width:4px;transition:transform .15s,box-shadow .15s}.replay-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.replay-card.win{border-left-color:#00e676}.replay-card.loss{border-left-color:#ff1744}.replay-card.tie{border-left-color:#ffab40}.rc-badge{font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:.06em;min-width:80px}.replay-card.win .rc-badge{color:#00e676}.replay-card.loss .rc-badge{color:#ff1744}.replay-card.tie .rc-badge{color:#ffab40}.rc-info{flex:1;display:flex;flex-direction:column;gap:3px}.rc-opponent{font-size:15px;color:var(--text-primary);font-weight:600}.rc-meta{font-size:12px;color:var(--text-muted)}.rc-times{display:flex;gap:16px;font-size:13px;color:var(--text-primary);margin-top:4px}.rc-date{font-size:11px;color:var(--text-muted);margin-top:2px}.rc-watch-btn{white-space:nowrap;font-size:13px!important;padding:8px 16px!important}.replay-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0;color:var(--text-muted)}.replay-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.replay-viewer{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:28px;width:100%;max-width:720px;position:relative;display:flex;flex-direction:column;gap:16px}.rv-close{position:absolute;top:16px;right:16px;background:#ffffff14;border:none;border-radius:8px;color:var(--text-primary);width:32px;height:32px;font-size:16px;cursor:pointer;transition:background .2s}.rv-close:hover{background:#ffffff29}.rv-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;padding-right:40px}.rv-track{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative}.rv-lane{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:10px}.rv-lane-label{font-size:12px;font-weight:700;color:var(--text-muted);text-align:right}.rv-lane-bar{background:#ffffff0f;border-radius:6px;height:28px;position:relative;overflow:visible}.rv-car{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:20px;transition:left .1s linear;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.rv-pos{font-size:12px;color:var(--text-muted);text-align:right}.rv-finish-line{position:absolute;right:76px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,white 0px,white 6px,transparent 6px,transparent 12px);opacity:.4;pointer-events:none}.rv-telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rv-telem-item{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.rv-telem-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.rv-telem-val{font-size:18px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.rv-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rv-btn{background:#ffffff12;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);padding:8px 16px;font-size:14px;font-family:var(--font-ui);cursor:pointer;transition:background .2s}.rv-btn:hover{background:#ffffff24}.rv-btn--play{background:var(--accent);border-color:var(--accent);font-weight:700;padding:8px 24px}.rv-btn--play:hover{opacity:.85}.rv-speed-group{display:flex;gap:4px;margin-left:auto}.rv-speed-btn{background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);padding:6px 10px;font-size:12px;font-family:var(--font-ui);cursor:pointer;transition:all .15s}.rv-speed-btn:hover{background:#ffffff1f;color:var(--text-primary)}.rv-speed-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.rv-scrub{display:flex;flex-direction:column;gap:4px}.rv-scrub-input{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;border-radius:3px;background:#ffffff1a;cursor:pointer;outline:none}.rv-scrub-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 8px var(--accent)}.rv-scrub-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}:root{--bg-base: #080c12;--bg-surface: #0d1420;--bg-card: #111927;--bg-elevated: #16202e;--border: rgba(255,255,255,.07);--border-accent: rgba(255,80,0,.4);--brand: #ff5000;--brand-dim: #cc3d00;--brand-glow: rgba(255,80,0,.25);--accent-yellow: #ffd60a;--accent-green: #00e676;--accent-blue: #00b4ff;--accent-red: #ff1744;--text-primary: #f0f4ff;--text-secondary: #8294b0;--text-muted: #4a5870;--font-display: "Bebas Neue", sans-serif;--font-ui: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0,0,0,.5);--shadow-glow: 0 0 30px var(--brand-glow);--shadow-brand: 0 4px 20px rgba(255,80,0,.35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em}h4,h5,h6{font-family:var(--font-ui);font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--brand);color:#fff;padding:12px 28px;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:#ff6a20;transform:translateY(-2px);box-shadow:0 8px 28px #ff500080}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border);padding:12px 28px}.btn-secondary:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-glow)}.btn-success{background:#00e67626;color:var(--accent-green);border:1px solid rgba(0,230,118,.4);padding:12px 28px}.btn-success:hover{background:#00e67640}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-sm{font-size:.8rem;padding:8px 16px!important}.btn-lg{font-size:1.1rem;padding:16px 36px!important}.btn-run{background:linear-gradient(135deg,var(--brand) 0%,#ff2000 100%);color:#fff;font-size:1.4rem;padding:18px 48px;border-radius:var(--radius-lg);box-shadow:0 0 40px #ff500080,0 8px 32px #00000080;letter-spacing:.12em;position:relative;overflow:hidden}.btn-run:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .6s}.btn-run:hover:before{transform:translate(100%)}.btn-run:hover{transform:scale(1.04);box-shadow:0 0 60px #ff5000b3,0 12px 40px #0009}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinners[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;padding:12px 16px;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.input::placeholder{color:var(--text-muted)}.input.error{border-color:var(--accent-red)}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-family:var(--font-ui);font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.input-error-msg{font-size:.8rem;color:var(--accent-red)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card)}.card-hover{transition:transform .2s,border-color .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:var(--shadow-card),0 0 20px var(--brand-glow)}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:99px}.badge-brand{background:var(--brand-glow);color:var(--brand);border:1px solid var(--brand-dim)}.badge-green{background:#00e6761f;color:var(--accent-green);border:1px solid rgba(0,230,118,.3)}.badge-yellow{background:#ffd60a1f;color:var(--accent-yellow);border:1px solid rgba(255,214,10,.3)}.badge-blue{background:#00b4ff1f;color:var(--accent-blue);border:1px solid rgba(0,180,255,.3)}.coin-display{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:700;font-size:1rem;letter-spacing:.04em;color:var(--accent-yellow)}.coin-icon{width:20px;height:20px;background:var(--accent-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#1a1200}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.divider-text{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.8rem;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;margin:20px 0}.divider-text:before,.divider-text:after{content:"";flex:1;border-top:1px solid var(--border)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 15px var(--brand-glow)}50%{box-shadow:0 0 35px #ff500066}}.anim-fade-in{animation:fadeIn .4s ease-out both}.anim-slide-in{animation:slideIn .4s ease-out both}.anim-glow{animation:glow 2s ease-in-out infinite}.text-brand{color:var(--brand)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.w-full{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.page-title-icon{width:36px;height:36px;vertical-align:middle;margin-right:12px;margin-bottom:6px;filter:drop-shadow(0 0 8px rgba(255,80,0,.2))}.auth-logo-img{width:48px;height:48px;filter:drop-shadow(0 0 12px rgba(255,80,0,.3))}