:root{color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:14px/1.4 system-ui,sans-serif;background:#111;color:#eee;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column}#app header{display:flex;align-items:center;gap:16px;padding:10px 20px;background:linear-gradient(180deg,#232323,#141414);border-bottom:1px solid #333;box-shadow:0 2px 12px #00000080;flex:none}#app header h1{font-size:20px;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:2px;margin:0;color:#f5f5f5;white-space:nowrap}#app header h1 .brand-accent{color:#ffb300}#app-ver{font-size:11px;font-style:normal;letter-spacing:0;color:#777;vertical-align:middle}#status{color:#fd6;min-height:1.2em;background:#ffffff0a;border:1px solid #2e2e2e;border-radius:999px;padding:3px 12px;font-size:13px}#status:empty{visibility:hidden}#main-nav{margin-left:auto;display:flex;gap:2px;background:#0c0c0c;border:1px solid #333;border-radius:999px;padding:3px}#main-nav button{border:none;background:transparent;border-radius:999px;padding:6px 16px;color:#bbb;font-weight:600}#main-nav button:hover{background:#2a2a2a;color:#eee}#main-nav button.active{background:linear-gradient(180deg,#23b3ff,#0090dd);border-color:transparent;color:#06121a}main[hidden]{display:none}#main-nav{margin-left:auto;display:flex;gap:6px}#view-placeholder{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#aaa}#view-placeholder[hidden]{display:none}#view-placeholder h2{font-size:22px;color:#eee}#view-teams{flex:1;min-height:0;overflow-y:auto;background:none;border:none;padding:12px}#view-teams[hidden]{display:none}.teams-wrap{display:flex;gap:12px;align-items:start;max-width:900px;margin:0 auto}.teams-wrap>section,.teams-wrap>.teams-col{flex:1;min-width:0}.teams-col{display:flex;flex-direction:column;gap:12px}#team-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}#team-list li{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:#222;cursor:pointer}#team-list li.sel{outline:1px solid #0af}#team-list .swatch,.swatch{width:18px;height:18px;border-radius:4px;border:1px solid #555;flex:none;display:inline-block}#team-list .tname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#team-list .tspecs{color:#aaa;font-size:12px}#team-preview{background:#222;border:1px solid #444;border-radius:8px;width:100%;height:auto;display:block}#view-teams input[type=color]{width:44px;height:28px;padding:2px;background:#2a2a2a;border:1px solid #555;border-radius:6px}main{flex:1;min-height:0;display:flex;gap:12px;padding:12px}#editor{flex:1 1 auto;min-width:0;min-height:0;width:100%;height:100%;background:#222;border:1px solid #444;border-radius:8px;cursor:crosshair;touch-action:none}#panel{width:300px;flex:none;overflow-y:auto;display:flex;flex-direction:column;gap:12px}h1{font-size:18px;margin:0}section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 12px}h2{font-size:14px;margin:4px 0 8px}.hint{color:#aaa;font-size:12px}.row{display:flex;gap:6px;margin:6px 0;flex-wrap:wrap}button,select,input[type=text],input[type=number],input:not([type]){background:#2a2a2a;color:#eee;border:1px solid #555;border-radius:6px;padding:6px 10px}input[type=number]{width:64px}#view-races{flex:1;min-height:0;overflow-y:auto;background:none;border:none;padding:12px}#view-races[hidden]{display:none}#view-races>div{max-width:560px;margin:0 auto}#practice-teams{display:flex;flex-direction:column;gap:8px;margin:8px 0}.practice-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 12px}.practice-card .prow{display:flex;align-items:center;gap:8px}.practice-card .stat{color:#aaa;font-size:12px;margin:2px 0}.practice-card canvas{width:220px;height:60px;background:#111;border:1px solid #333;border-radius:4px}#race-teams{display:flex;flex-direction:column;gap:4px;margin:4px 0}#race-teams .race-teamrow{background:#222;border-radius:6px;padding:4px 8px;cursor:pointer;display:flex;gap:8px;align-items:center}#race-teams .race-teamrow label{display:flex;gap:8px;align-items:center;flex:1}#race-quali,#race-race,#race-practice{max-width:none!important}#race-practice .session-wrap canvas{height:min(85vh,1000px)}.session-wrap{display:flex;gap:12px;align-items:stretch}.session-wrap canvas{flex:1 1 auto;min-width:0;height:min(72vh,760px);min-height:380px;background:#111;border:1px solid #444;border-radius:8px}.session-side{width:300px;flex:none;display:flex;flex-direction:column;gap:10px;min-height:0}.session-side h3{margin:2px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#9ab}.board{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:6px;background:#161616;border:1px solid #333;border-radius:10px;overflow-y:auto;min-height:120px}.board li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:#22242a;border:1px solid transparent;font-size:13px}.board li.live{border-color:#0af;background:#1c2b38;animation:boardpulse 1.2s ease-in-out infinite}.board li.dim{opacity:.55}#race-lights{display:flex;gap:12px;justify-content:center;margin:12px 0 0}#race-lights[hidden]{display:none}#race-lights .light{width:36px;height:36px;border-radius:50%;background:#330d0d;border:2px solid #000}#race-lights .light.on{background:#ff1a1a;box-shadow:0 0 18px 4px #ff1a1acc}@keyframes boardpulse{50%{background:#23394c}}.board .bpos{font-weight:700;font-size:12px;min-width:28px;text-align:center;padding:2px 0;border-radius:6px;background:#33363d;color:#ccc;flex:none}.board .bpos.p1{background:#e8b800;color:#111}.board .bpos.p2{background:#b9c2cc;color:#111}.board .bpos.p3{background:#cd7f32;color:#111}.board .bbar{width:4px;align-self:stretch;border-radius:2px;flex:none}.board .bmain{display:flex;flex-direction:column;min-width:0;line-height:1.25}.board .bteam{font-size:10px;color:#9ab;text-transform:uppercase;letter-spacing:.6px}.board .bdriver{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board .btime{margin-left:auto;font-variant-numeric:tabular-nums;font-size:12.5px;color:#eee;white-space:nowrap}.board .btime.dnf{color:#f77}#race-lap{margin:2px 0 0;font-size:15px}#race-landing{text-align:center;padding:28px 0}#race-landing .row{justify-content:center}#race-landing button{font-size:16px;padding:10px 22px}#main-nav button{cursor:pointer}button:hover{background:#3a3a3a}button.active{border-color:#0af;color:#0af}button:disabled{opacity:.35;cursor:not-allowed}#btn-tool-erase{color:#f66}#btn-start{border-color:#0af;font-weight:700;padding:8px 16px}#btn-start.active{background:#0af;color:#06121a}#in-name{flex:1;min-width:0}#checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}#checks li{margin:0;padding:4px 8px;border-radius:6px;background:#222}#checks li.ok{color:#7d7}#checks li.bad{color:#f77;background:transparent;border:1px dashed #533}label{display:flex;align-items:center;gap:8px;margin:4px 0}