:root{--panel-bg:#0c1020b8;--panel-border:#8caaff2e;--text:#dfe6ff;--muted:#8b96bd;--accent:#ffb347;--danger:#ff6b6b;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#02030a;height:100%;margin:0;overflow:hidden}#app canvas{touch-action:none;display:block}#app canvas.launching{cursor:crosshair}.labels{pointer-events:none;z-index:1;position:absolute;inset:0}.label{pointer-events:auto;cursor:pointer;color:#c7d2ff;text-shadow:0 0 4px #000,0 0 2px #000;white-space:nowrap;-webkit-user-select:none;user-select:none;padding-left:14px;font-size:12px}.label:hover,.label.selected{color:var(--accent)}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;border-radius:12px;width:250px;padding:14px 16px;font-size:13px;position:absolute}#hud{top:16px;left:16px}#wreck{top:16px;right:16px}#info{max-height:calc(100vh - 340px);bottom:48px;left:16px;overflow-y:auto}#info:has(#edit[open]){max-height:calc(100vh - 64px)}h1{letter-spacing:.02em;background:linear-gradient(90deg,#ffd27a,#ff7a59,#b48cff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 2px;font-size:22px}h2{margin:0 0 10px;font-size:15px}.about{color:var(--accent);margin-bottom:6px;font-size:12px;display:inline-block}.date{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:10px}label{color:var(--muted);margin-top:10px;display:block}label span{float:right;color:var(--text);font-variant-numeric:tabular-nums}label.check{color:var(--text);align-items:center;gap:6px;display:flex}input[type=range],select,input[type=number],input[type=text]{width:100%;margin-top:4px}select,input[type=number],input[type=text]{color:var(--text);border:1px solid var(--panel-border);background:#ffffff0f;border-radius:6px;padding:4px 6px}select option{background:#10142a}.row{gap:8px;display:flex}.row.two>label{flex:1}.toggles{gap:14px}button{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;font:inherit;background:#ffffff12;border-radius:8px;flex:1;margin-top:4px;padding:6px 10px}button:hover{background:#ffffff24}button.primary{border-color:var(--accent);width:100%}button.primary.active{background:var(--accent);color:#1a1000}button.danger{border-color:#ff6b6b80}.status{color:var(--muted);margin-top:10px}.status .lag{color:var(--danger)}.divider{border-top:1px solid var(--panel-border);margin:12px 0 8px}#scenario-text{margin-top:6px}.hint{color:var(--muted);margin:12px 0 0;line-height:1.45}.edit{border-top:1px solid var(--panel-border);margin-top:10px;padding-top:8px}.edit summary{cursor:pointer;color:var(--accent)}.edit .row button{padding:5px 4px;font-size:12px}dl{grid-template-columns:auto 1fr;gap:3px 10px;margin:0 0 8px;display:grid}dt{color:var(--muted)}dd{font-variant-numeric:tabular-nums;margin:0}.keys{text-align:center;color:var(--muted);pointer-events:none;font-size:12px;position:absolute;bottom:12px;left:0;right:0}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toast{background:var(--panel-bg);border:1px solid var(--accent);border-radius:999px;padding:6px 14px;font-size:13px;animation:3.5s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#mobile-bar{display:none}@media (width<=760px){.keys{display:none}.panel{width:auto;left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));font-size:14px}#hud,#wreck{top:auto;bottom:calc(68px + env(safe-area-inset-bottom));max-height:55dvh;display:none;overflow-y:auto}body[data-sheet=hud] #hud,body[data-sheet=wreck] #wreck{display:block}#info{top:calc(8px + env(safe-area-inset-top));max-height:38dvh;bottom:auto}#info:has(#edit[open]){max-height:calc(100dvh - 92px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#mobile-bar{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));z-index:3;gap:6px;display:flex;position:absolute}#mobile-bar button{background:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0;padding:12px 4px;font-size:14px}#mobile-bar button.active{background:var(--accent);border-color:var(--accent);color:#1a1000}button{min-height:40px}input[type=number],input[type=text],select{font-size:16px}#toasts{top:auto;bottom:calc(72px + env(safe-area-inset-bottom))}}