@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=Barlow:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap");.theme-dark,:root{color-scheme:dark;--bg-app:#0d0e12;--bg-card:#15171e;--bg-card-hover:#1c1e27;--bg-card-subtle:#1a1d26;--bg-input:#101217;--bg-nav:rgba(18,20,26,0.92);--border:#232733;--border-focus:#ff334b;--text-main:#f4f5f8;--text-muted:#8d93a3;--text-dim:#5c6273;--accent-red:#ff2a44;--accent-red-hover:#ff455d;--accent-red-glow:rgba(255,42,68,0.28);--accent-blue:#1c355e;--accent-blue-border:#2b4c80;--accent-blue-text:#68a5ff;--accent-purple:#8b5cf6;--accent-purple-glow:rgba(139,92,246,0.45);--gold:#f59e0b;--gold-glow:rgba(245,158,11,0.35);--helmet-ring:linear-gradient(135deg,#f59e0b,#b45309);--hero-gradient:linear-gradient(180deg,rgba(13,14,18,0),rgba(13,14,18,0.92) 80%,#0d0e12);--modal-backdrop:rgba(6,7,10,0.82);--shadow-card:0 10px 30px -10px rgba(0,0,0,0.5)}.theme-light{color-scheme:light;--bg-app:#f1f3f7;--bg-card:#ffffff;--bg-card-hover:#f8fafc;--bg-card-subtle:#f4f6fa;--bg-input:#ffffff;--bg-nav:rgba(255,255,255,0.94);--border:#e1e4ec;--border-focus:#e11d48;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--accent-red:#e11d48;--accent-red-hover:#be123c;--accent-red-glow:rgba(225,29,72,0.15);--accent-blue:#0f274a;--accent-blue-border:#1e3a8a;--accent-blue-text:#bfdbfe;--accent-purple:#7c3aed;--accent-purple-glow:rgba(124,58,237,0.3);--gold:#d97706;--gold-glow:rgba(217,119,6,0.2);--helmet-ring:linear-gradient(135deg,#f59e0b,#d97706);--hero-gradient:linear-gradient(180deg,rgba(241,243,247,0),rgba(241,243,247,0.85) 80%,#f1f3f7);--modal-backdrop:rgba(15,23,42,0.6);--shadow-card:0 8px 24px -6px rgba(0,0,0,0.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-app);color:var(--text-main);font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.app-viewport{justify-content:center;transition:background-color .2s ease}.app-viewport,.mobile-frame{min-height:100vh;display:flex;background:var(--bg-app)}.mobile-frame{width:100%;max-width:480px;flex-direction:column;position:relative;padding-bottom:95px}@media (min-width:768px){.mobile-frame{border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 25px 60px rgba(0,0,0,.35)}}.app-header{height:62px;justify-content:space-between;padding:0 18px;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--bg-app);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header,.brand-badge{display:flex;align-items:center}.brand-badge{gap:6px;cursor:pointer}.brand-logo-text{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:26px;letter-spacing:-.5px;display:flex;align-items:center}.brand-rc{background:var(--accent-red);color:#ffffff;padding:2px 7px;border-radius:4px;font-style:italic;font-size:19px;margin-right:5px;transform:skewX(-12deg);display:inline-block}.brand-karting{color:var(--text-main);font-size:22px;text-transform:uppercase;letter-spacing:.5px}.header-actions{gap:10px}.header-actions,.icon-btn{display:flex;align-items:center}.icon-btn{width:38px;height:38px;border-radius:50%;justify-content:center;background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);position:relative;transition:all .2s ease}.icon-btn:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.notification-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--accent-red)}.section-wrapper{padding:16px 18px 8px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:18px;font-weight:700;letter-spacing:-.2px}.section-title .highlight{color:var(--accent-red)}.see-all-btn{font-size:13px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:4px;transition:color .15s}.see-all-btn:hover{color:var(--text-main)}.drivers-scroll-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.drivers-scroll-row::-webkit-scrollbar{display:none}.driver-item{display:flex;flex-direction:column;align-items:center;gap:7px;width:66px;flex-shrink:0;cursor:pointer}.driver-avatar-wrap{width:58px;height:58px;border-radius:50%;padding:2.5px;background:var(--helmet-ring);box-shadow:0 0 12px var(--gold-glow);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s ease}.driver-item:hover .driver-avatar-wrap{transform:scale(1.07)}.driver-avatar-inner{width:100%;height:100%;border-radius:50%;background:#111216;display:flex;align-items:center;justify-content:center;overflow:hidden}.driver-name{font-size:11.5px;font-weight:600;color:var(--text-main);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-slider-container{margin:10px 18px 14px;border-radius:16px;position:relative;overflow:hidden;background:#181920;border:1px solid var(--border);box-shadow:var(--shadow-card)}.hero-slide{position:relative;height:185px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.9)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,14,18,.95),rgba(12,14,18,.4) 60%,rgba(12,14,18,.1))}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:5px;background:var(--accent-red);color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 7px;border-radius:4px;margin-bottom:6px}.hero-title{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800;color:#ffffff;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.6);margin-bottom:4px}.hero-subtitle{font-size:12.5px;color:#e2e8f0;opacity:.9}.hero-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:3}.hero-dot{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.35);transition:all .25s ease}.hero-dot.active{width:18px;background:#3b82f6}.scoreboard-action-btn{margin:4px 18px 14px;background:linear-gradient(135deg,#182848,#1e3c72);border:1px solid var(--accent-blue-border);border-radius:12px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;color:#ffffff;box-shadow:0 6px 18px rgba(27,47,85,.3);transition:all .2s ease}.scoreboard-action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(27,47,85,.45)}.scoreboard-action-left{display:flex;align-items:center;gap:12px}.scoreboard-icon-box{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.scoreboard-text-title{font-size:16px;font-weight:700;letter-spacing:-.2px}.scoreboard-text-subtitle{font-size:12px;color:#bfdbfe;margin-top:1px}.next-race-card{margin:4px 18px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow-card)}.next-race-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.race-badge-time{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;background:var(--bg-card-subtle);color:var(--accent-red);padding:4px 8px;border-radius:6px;border:1px solid var(--border)}.race-capacity-count{font-size:12.5px;font-weight:600;color:var(--text-muted)}.race-slots-row{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px}.race-slot-item{flex:1 1;flex-direction:column;gap:6px;cursor:pointer}.race-slot-item,.slot-avatar{display:flex;align-items:center}.slot-avatar{width:48px;height:48px;border-radius:50%;justify-content:center;position:relative;transition:all .2s ease}.slot-avatar.filled{background:var(--helmet-ring);padding:2px}.slot-avatar.empty{background:var(--bg-card-subtle);border:1.5px dashed var(--border);color:var(--text-dim)}.slot-avatar.empty:hover{border-color:var(--accent-red);color:var(--accent-red);transform:scale(1.05)}.slot-driver-label{font-size:10px;font-weight:600;color:var(--text-muted);text-align:center;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-action-row{display:flex;gap:10px;margin-top:6px}.btn-race-join{flex:1 1;height:42px;border-radius:8px;background:var(--accent-red);color:#fff;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,transform .15s}.btn-race-join:hover{background:var(--accent-red-hover);transform:translateY(-1px)}.blog-scroll-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.blog-scroll-row::-webkit-scrollbar{display:none}.blog-card{width:220px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s}.blog-card:hover{transform:translateY(-2px);border-color:var(--border-focus)}.blog-img-wrap{width:100%;height:110px;background:#1f222d;position:relative;overflow:hidden}.blog-img-wrap img{width:100%;height:100%;object-fit:cover}.blog-tag{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px}.blog-card-body{padding:12px}.blog-card-title{font-size:13px;font-weight:700;line-height:1.35;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{font-size:11px;color:var(--text-muted);margin-top:6px;gap:6px}.blog-card-meta,.bottom-bar{display:flex;align-items:center}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:72px;background:var(--bg-nav);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-around;padding:0 10px max(0px,env(safe-area-inset-bottom));z-index:50}.nav-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1 1;height:100%;color:var(--text-muted);transition:color .15s;position:relative}.nav-tab-btn.active{color:var(--text-main)}.nav-tab-label{font-size:11px;font-weight:600}.fab-center-btn{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px var(--accent-purple-glow);transform:translateY(-14px);border:3px solid var(--bg-app);cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0}.fab-center-btn:hover{transform:translateY(-17px) scale(1.04);box-shadow:0 8px 25px var(--accent-purple-glow)}.fleet-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;padding:0 18px 20px}.fleet-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;position:relative;transition:all .2s ease;cursor:pointer}.fleet-card:hover{border-color:var(--border-focus);transform:translateY(-2px)}.fleet-card.selected-primary{border-color:var(--accent-red);background:var(--bg-card-subtle);box-shadow:0 0 15px var(--accent-red-glow)}.fleet-card.selected-backup{border-color:var(--accent-purple);background:var(--bg-card-subtle);box-shadow:0 0 15px var(--accent-purple-glow)}.fleet-card.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.fleet-card-badge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:2}.badge-primary{background:var(--accent-red);color:#fff}.badge-backup{background:var(--accent-purple);color:#fff}.fleet-img-wrap{width:100%;height:90px;border-radius:8px;background:#1b1e27;display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative;overflow:hidden}.fleet-code{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--accent-red);font-weight:700}.fleet-name{font-size:13.5px;font-weight:700;color:var(--text-main);line-height:1.25;margin:2px 0 4px}.fleet-category{font-size:11px;color:var(--text-muted);margin-bottom:8px}.fleet-specs{display:flex;flex-direction:column;gap:4px;font-size:10.5px;color:var(--text-muted)}.spec-bar-wrap{display:flex;align-items:center;justify-content:space-between;gap:6px}.spec-bar-bg{flex:1 1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.spec-bar-fill{height:100%;background:var(--accent-red);border-radius:2px}.podium-section{padding:10px 18px 20px;display:flex;align-items:flex-end;justify-content:center;gap:12px}.podium-place{flex:1 1;gap:6px}.podium-place,.podium-step{display:flex;flex-direction:column;align-items:center}.podium-step{width:100%;border-radius:12px 12px 0 0;justify-content:center;padding:12px 6px}.podium-1{height:140px;background:linear-gradient(180deg,rgba(245,158,11,.25) 0,var(--bg-card) 100%);border:1px solid var(--gold);border-bottom:none}.podium-2{height:115px;background:linear-gradient(180deg,rgba(148,163,184,.2) 0,var(--bg-card) 100%);border:1px solid #94a3b8;border-bottom:none}.podium-3{height:95px;background:linear-gradient(180deg,rgba(202,138,4,.15) 0,var(--bg-card) 100%);border:1px solid #ca8a04;border-bottom:none}.leaderboard-table{width:calc(100% - 36px);margin:0 18px 24px;border-collapse:collapse}.leaderboard-row{justify-content:space-between;padding:12px 14px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);margin-bottom:8px}.leaderboard-row,.rank-pill{display:flex;align-items:center}.rank-pill{width:26px;height:26px;border-radius:6px;background:var(--bg-card-subtle);justify-content:center;font-weight:800;font-size:12px}.modal-overlay{position:fixed;inset:0;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:100%;max-width:480px;max-height:90vh;background:var(--bg-card);border-top:1px solid var(--border);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -15px 40px rgba(0,0,0,.45);animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-title{font-size:18px;font-weight:700}.modal-body{padding:18px 20px;overflow-y:auto;flex:1 1}.step-indicator{display:flex;gap:6px;margin-bottom:18px}.step-dot{flex:1 1;height:4px;border-radius:2px;background:var(--border)}.step-dot.active{background:var(--accent-red)}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:10px;background:var(--bg-card)}.btn-full{width:100%;height:46px;border-radius:8px;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--accent-red);color:#fff}.btn-primary:hover{background:var(--accent-red-hover)}.btn-secondary{background:var(--bg-card-subtle)}.btn-secondary,.toast-msg{border:1px solid var(--border);color:var(--text-main)}.toast-msg{position:fixed;top:70px;left:50%;transform:translateX(-50%);background:var(--bg-card);box-shadow:0 10px 30px rgba(0,0,0,.3);padding:12px 18px;border-radius:8px;z-index:120;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;max-width:90%;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}