:root{--bg:#0f1318;--panel:#171c23;--panel2:#1f2630;--line:#2c3542;--text:#e8edf3;--muted:#93a1b3;--accent:#e6b84a;--accent-ink:#1b1405;--good:#6fcf8e;--bad:#ef6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{flex-direction:column;height:100dvh;display:flex}#bar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 12px;display:flex}.brand{flex-direction:column;margin-right:6px;display:flex}.brand b{letter-spacing:.02em;font-size:15px}.brand span{color:var(--muted);font-size:11px}.group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}button,select{border:1px solid var(--line);background:var(--panel2);height:32px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:0 10px}button:hover{border-color:#46546a}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}button.on{background:#33405a;border-color:#6a7fa6}button.armed{outline:2px solid var(--accent)}.speeds{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.speeds button{border:0;border-radius:0;min-width:34px;height:30px;padding:0 8px}select{max-width:230px}.chk{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:flex}#stage{flex:1;min-height:0;position:relative}#view{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#view.placing{cursor:crosshair}#hud{border:1px solid var(--line);pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1318d1;border-radius:10px;min-width:210px;padding:8px 10px;font-size:13px;position:absolute;top:10px;left:10px}#hud .row{justify-content:space-between;gap:12px;display:flex}#hud .k{color:var(--muted)}#hud .big{font-size:16px;font-weight:600}#hud .why{color:var(--muted);border-top:1px solid var(--line);max-width:300px;margin-top:4px;padding-top:4px;font-size:12px}#hud .why b{color:var(--text);font-weight:600}#mini{border:1px solid var(--line);cursor:pointer;background:#0b0e12;border-radius:8px;width:240px;height:135px;position:absolute;bottom:10px;right:10px}#legend{border:1px solid var(--line);color:var(--muted);pointer-events:none;background:#0f1318d1;border-radius:10px;flex-wrap:wrap;gap:4px 10px;max-width:calc(100% - 270px);padding:6px 9px;font-size:12px;display:flex;position:absolute;bottom:10px;left:10px}#legend i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}#toast{border:1px solid var(--line);opacity:0;pointer-events:none;background:#171c23eb;border-radius:10px;padding:8px 14px;font-weight:600;transition:opacity .3s;position:absolute;top:14px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#more,#actions:empty,button .short{display:none}#more-panel{z-index:5;top:8px;right:calc(8px + env(safe-area-inset-right));border:1px solid var(--line);background:#171c23f7;border-radius:12px;width:min(320px,100% - 16px);max-height:calc(100% - 16px);padding:6px 10px;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #00000073}#more-panel[hidden]{display:none}.mrow{border-bottom:1px solid var(--line);color:var(--muted);flex-direction:column;gap:3px;padding:6px 0;font-size:12px;display:flex}.mrow:last-child{border-bottom:0}.mrow select{width:100%;max-width:none;height:40px}.mrow:has(.chk)>span:first-child{display:none}.mrow .chk{height:40px;color:var(--text);font-size:14px}.mrow .chk input{width:20px;height:20px}.mrow #reset{height:40px}@media (max-width:720px),(max-height:500px){#bar{padding:5px calc(8px + env(safe-area-inset-right)) 5px calc(8px + env(safe-area-inset-left));flex-wrap:nowrap;gap:6px}.brand{display:none}.group{flex-wrap:nowrap;gap:6px}button,select{height:38px;font-size:14px}.speeds button{min-width:38px;height:36px;padding:0 6px}#more{min-width:44px;height:38px;margin-left:auto;font-size:18px;display:block}#actions{left:calc(10px + env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute}#actions button{background:#171c23e6;min-width:44px;height:44px;padding:0 12px;font-weight:600;box-shadow:0 2px 8px #00000059}#actions button .lbl{display:none}#actions button .short{margin-left:5px;display:inline}#hud{left:calc(8px + env(safe-area-inset-left));min-width:0;max-width:min(260px,60%);padding:5px 8px;font-size:12px;top:8px}#hud .big{font-size:14px}#hud .opt,#hud .why{display:none}#mini{right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));width:140px;height:79px}#legend{display:none}#toast{text-align:center;max-width:calc(100% - 20px);top:auto;bottom:66px}}@media (max-width:480px){#play .lbl{display:none}#play{min-width:44px}.speeds button{min-width:36px;padding:0 4px}#actions{right:calc(10px + env(safe-area-inset-right))}#actions button{flex:1}#mini{bottom:calc(64px + env(safe-area-inset-bottom));width:120px;height:68px}#toast{bottom:140px}}