:root{--bg: #0b0e14;--bg-2: #121722;--panel: #171d2b;--panel-2: #1e2637;--line: #2a3346;--text: #e7ecf5;--muted: #8b98b0;--dim: #5e6b83;--accent: #ffd400;--accent-2: #00d4ff;--green: #4ade80;--red: #ff5c5c;--orange: #ff9f43;--purple: #a78bfa;--radius: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 20% -10%,#1a2338 0%,var(--bg) 60%);color:var(--text);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,h4{margin:0 0 8px;font-weight:650;letter-spacing:-.01em}h1{font-size:30px}h2{font-size:20px}h3{font-size:15px}p{margin:0 0 10px;color:var(--muted);line-height:1.5}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:8px 14px;border-radius:8px;transition:background .15s,border-color .15s,transform .06s}button:hover:not(:disabled){background:#26314a;border-color:#3c4a68}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#ffe14d,var(--accent));color:#16181d;border-color:#d4b000;font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#fff08a,#ffdd2b)}button.ghost{background:transparent}button.danger{border-color:#6d2b2b;color:#ff9a9a}button.sm{padding:4px 9px;font-size:12px;border-radius:6px}input,select{font:inherit;background:var(--bg-2);border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:8px;width:100%}input[type=range]{padding:0}.app{height:100%;display:flex;flex-direction:column}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.panel.tight{padding:10px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.spacer{flex:1}.grid{display:grid;gap:12px}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.center{text-align:center}.right{text-align:right}.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:linear-gradient(180deg,#141a27,#101520);border-bottom:1px solid var(--line);flex-shrink:0}.logo{font-weight:900;font-size:20px;letter-spacing:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.topstat{display:flex;flex-direction:column;line-height:1.2}.topstat b{font-size:14px}.topstat span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.tabs{display:flex;gap:4px;padding:0 14px;background:#0e1320;border-bottom:1px solid var(--line);flex-shrink:0}.tab{border:none;background:transparent;border-bottom:2px solid transparent;border-radius:0;padding:10px 14px;color:var(--muted);font-size:13px}.tab:hover{background:transparent;color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab .badge{margin-left:6px}.content{flex:1;overflow-y:auto;padding:16px}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-thumb{background:#2b3549;border-radius:6px}.badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.badge.accent{background:#ffd40024;color:var(--accent);border-color:#ffd40059}.badge.green{background:#4ade8024;color:var(--green);border-color:#4ade8052}.badge.red{background:#ff5c5c24;color:var(--red);border-color:#ff5c5c52}.badge.blue{background:#00d4ff1f;color:var(--accent-2);border-color:#00d4ff4d}.badge.purple{background:#a78bfa24;color:var(--purple);border-color:#a78bfa52}.tier{font-weight:800;font-size:11px;letter-spacing:.06em}.bar{height:8px;background:#0d1220;border-radius:4px;overflow:hidden;position:relative;border:1px solid #222b3d}.bar>i{display:block;height:100%;border-radius:3px;transition:width .2s linear}.bar .ghostfill{position:absolute;top:0;height:100%;background:#ffffff21}.attr-row{display:grid;grid-template-columns:132px 1fr 46px;gap:10px;align-items:center;padding:3px 0}.attr-row .name{font-size:12px;color:var(--muted)}.attr-row .val{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.attr-row.clickable{cursor:pointer;border-radius:6px;padding:3px 6px;margin:0 -6px}.attr-row.clickable:hover{background:var(--panel-2)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);padding:6px 8px;border-bottom:1px solid var(--line);font-weight:700}td{padding:7px 8px;border-bottom:1px solid #1d2434}tr.me td{background:#ffd40012}tr.me td:first-child{box-shadow:inset 3px 0 0 var(--accent)}tr.clickable:hover td{background:#1b2334;cursor:pointer}.menu-screen{height:100%;display:grid;place-items:center;background:radial-gradient(900px 500px at 70% 20%,rgba(0,212,255,.09),transparent 60%),radial-gradient(700px 400px at 20% 80%,rgba(255,212,0,.07),transparent 60%)}.menu-card{width:460px;text-align:center}.menu-card .logo{font-size:58px;letter-spacing:10px;display:block;margin-bottom:2px}.menu-card .tagline{color:var(--dim);letter-spacing:.25em;font-size:11px;text-transform:uppercase;margin-bottom:26px}.menu-card button{width:100%;margin-bottom:8px;padding:12px}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1000px;margin:0 auto}.arch-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:10px 12px;cursor:pointer;transition:.15s}.arch-card:hover{border-color:#46557a}.arch-card.sel{border-color:var(--accent);background:#ffd40012}.arch-card b{display:block;margin-bottom:2px}.race-root{position:relative;height:100%;background:#05070c;overflow:hidden}.race-canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:10px 16px;background:linear-gradient(180deg,#06090feb,#06090f00)}.hud-bottom{position:absolute;bottom:0;left:0;right:0;padding:8px 16px 10px;background:linear-gradient(0deg,#06090ff5 55%,#06090f00)}.gauge{min-width:200px}.gauge label{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:3px}.gauge .bar{height:12px}.effort-slider{width:260px}.action-btns{display:flex;gap:6px;flex-wrap:wrap}.action-btns button{min-width:74px}.action-btns button kbd{display:block;font-size:9px;color:var(--dim);letter-spacing:.06em}.action-btns button.hot{border-color:var(--accent);box-shadow:0 0 0 1px #ffd4004d}.action-btns button.on{background:#2c3a55;border-color:var(--accent-2);color:var(--accent-2)}.gaps-panel{position:absolute;top:74px;left:16px;width:268px;background:#0a0e16e0;border:1px solid var(--line);border-radius:var(--radius);padding:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gap-row{display:grid;grid-template-columns:22px 1fr auto;gap:6px;font-size:12px;padding:3px 4px;border-radius:5px;align-items:center}.gap-row.me{background:#ffd40024}.gap-row .swatch{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:5px}.group-head{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);padding:6px 4px 2px}.events-panel{position:absolute;top:74px;right:16px;width:262px;max-height:190px;overflow:hidden;background:#0a0e16d1;border:1px solid var(--line);border-radius:var(--radius);padding:8px;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.events-panel div{padding:2px 0;color:var(--muted);border-bottom:1px solid #1b2231}.profile-strip{position:relative;height:68px}.profile-strip canvas{width:100%;height:100%;display:block;border-radius:6px}.speedo{text-align:center;min-width:92px}.speedo b{font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.speedo span{display:block;font-size:10px;color:var(--dim);letter-spacing:.1em}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05080ed1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.overlay .panel{width:min(880px,94vw);max-height:88vh;overflow-y:auto;overflow-x:hidden;padding-right:22px;scrollbar-gutter:stable;box-shadow:var(--shadow)}.overlay .row{flex-wrap:wrap}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px}.kv b{color:var(--muted);font-weight:600}.kv>.badge{justify-self:start}.table-wrap{overflow-x:auto}.log-line{padding:4px 0;border-bottom:1px solid #1b2231;font-size:12.5px}.log-line.good{color:var(--green)}.log-line.bad{color:var(--red)}.log-line.level{color:var(--accent)}.skill-legend{display:flex;gap:12px;font-size:11px;color:var(--dim);flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.week-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:3px}.week-cell{height:30px;border-radius:4px;border:1px solid var(--line);font-size:9px;display:grid;place-items:center;cursor:pointer;color:#0c0f16;font-weight:700}.week-cell.sel{outline:2px solid var(--accent);outline-offset:1px}.card-race{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid #1d2434}.card-race:hover{background:#1a2131}.card-race .date{font-size:12px;color:var(--muted);text-align:center}.card-race.done{opacity:.55}.stage-list{display:flex;flex-direction:column;gap:4px}.stage-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;font-size:12px;padding:5px 8px;background:var(--bg-2);border-radius:6px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--accent);color:var(--text);padding:10px 18px;border-radius:999px;box-shadow:var(--shadow);z-index:50;font-weight:600}.boot{display:grid;place-items:center;min-height:100vh;color:#8b93a1;font-size:15px;letter-spacing:.04em}.position-panel{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.position-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.position-btns button{position:relative;padding:7px 4px;font-size:12px;background:#232733;border:1px solid #333a49;border-radius:6px;color:#c8cede;cursor:pointer}.position-btns button:hover{background:#2b3040}.position-btns button.on{background:#3a4256;border-color:var(--accent, #ffd400);color:#fff}.position-btns kbd{display:block;margin-top:2px;font-size:9px;opacity:.55}.risk-toggle{width:100%;margin-top:6px;padding:7px 4px;font-size:12px;background:#232733;border:1px solid #333a49;border-radius:6px;color:#c8cede;cursor:pointer}.risk-toggle:hover{background:#2b3040}.risk-toggle.on{background:#4a2733;border-color:#b3465e;color:#ffd9e1}.risk-toggle kbd{margin-left:6px;font-size:9px;opacity:.55}.badge.orange{background:#6a3d15;border-color:#a4661f;color:#ffd9a8}