:is(html.light,body.light,[data-theme=light]) .cockpit-card,:is(html.light,body.light,[data-theme=light]) .kom-card,:is(html.light,body.light,[data-theme=light]) .mode-selector-card{background:#fff!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 4px 20px rgba(0,0,0,.05)!important}:is(html.light,body.light,[data-theme=light]) .cockpit-metric-val,:is(html.light,body.light,[data-theme=light]) .training-title{color:#0f172a!important}#main-content .training-page,.training-page{min-height:100vh;width:100%;padding:32px 28px 80px;max-width:1560px!important;margin:0 auto!important;box-sizing:border-box}.cockpit-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:28px;gap:28px;align-items:start}.cockpit-card{background:var(--bg-surface,#10121b);border:1px solid var(--border-glass,hsla(0,0%,100%,.08));border-radius:28px;padding:2.25rem 2rem;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 16px 40px rgba(0,0,0,.25)}.live-status-pill{background:rgba(239,68,68,.12);border:1px solid #ef4444;color:#ef4444;font-size:.75rem;font-weight:800;text-transform:uppercase;padding:6px 14px;border-radius:5px!important;margin-bottom:24px;display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:liveBlink 1.2s infinite}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.25}}.speedo-dial{width:220px;height:220px;border-radius:50%;border-left:6px solid var(--bg-surface-hover,#171926);border-bottom:6px solid var(--bg-surface-hover,#171926);border-right-color:var(--bg-surface-hover,#171926);border-top-color:var(--bg-surface-hover,#171926);border-top:6px solid var(--accent-yellow,#ffb900);border-right:6px solid var(--accent-yellow,#ffb900);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:28px;position:relative;box-shadow:0 0 36px rgba(255,185,0,.25);transition:all .3s ease}.speed-number{font-size:4.6rem;font-weight:900;line-height:1;font-family:inherit;color:var(--text-main)}.speed-unit{font-size:.9rem;font-weight:800;text-transform:uppercase;color:var(--accent-yellow,#ffb900);letter-spacing:1px}.telemetry-row{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:28px}.telemetry-item{background:var(--bg-surface-hover,#171926);border:1px solid var(--border-glass,hsla(0,0%,100%,.08));border-radius:18px;padding:14px 10px;text-align:center}.tele-val{font-size:1.4rem;font-weight:900;color:var(--text-main)}.tele-val span{font-size:.75rem;color:var(--accent-yellow,#ffb900);font-weight:700}.tele-lbl{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);margin-top:3px}.controls-row{display:flex;gap:14px;width:100%}.segment-panel{background:var(--bg-surface,#10121b);border:1px solid var(--border-glass,hsla(0,0%,100%,.08));border-radius:28px;padding:2rem;display:flex;flex-direction:column;gap:20px;box-shadow:0 16px 40px rgba(0,0,0,.25)}.segment-banner{background:linear-gradient(135deg,rgba(255,185,0,.15),rgba(255,185,0,.03));border:1px solid var(--accent-yellow,#ffb900);border-radius:20px;padding:18px 20px}.leader-row,.segment-banner{display:flex;align-items:center;justify-content:space-between}.leader-row{background:var(--bg-surface-hover,#171926);border:1px solid var(--border-glass,hsla(0,0%,100%,.08));border-radius:16px;padding:12px 16px;font-size:.85rem;transition:transform .15s ease}.leader-row:hover{transform:translateX(4px)}.leader-row.kom{border-color:#f59e0b;background:rgba(245,158,11,.08)}.leader-row.current-user{border-color:var(--accent-yellow,#ffb900);background:rgba(255,185,0,.1);font-weight:800}@media (max-width:960px){.cockpit-grid{grid-template-columns:1fr}.telemetry-row{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.cockpit-card,.live-dot,.mode-pill{animation:none!important;transition:none!important}}