:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8e6f0;--dim:#9a97a8;--panel:#0a080ec7;--line:#ffffff1f;--accent:#ff3b3b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);background:#000;margin:0;overflow:hidden}#gfx{width:100vw;height:100vh;display:block;position:fixed;inset:0}#warning,#fatal{z-index:10;background:#000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#fatal{color:#ffb4b4;text-align:center;white-space:pre-line;font-size:15px}.card{max-width:640px;line-height:1.5}.card h1{color:var(--accent);margin:0 0 12px;font-size:22px}.card .small{color:var(--dim);font-size:13px}.choices{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.choices button{text-align:left;border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;background:#111;border-radius:10px;padding:14px 16px}.choices button:hover,.choices button:focus-visible{border-color:var(--accent);outline:none}.choices strong{margin-bottom:4px;font-size:17px;display:block}.choices span{color:var(--dim);font-size:13px}@media (width<=560px){.choices{grid-template-columns:1fr}}#hud{background:var(--panel);border:1px solid var(--line);white-space:pre;pointer-events:none;z-index:5;border-radius:8px;padding:8px 10px;font:12px/1.45 ui-monospace,Consolas,monospace;position:fixed;top:10px;left:10px}#bar{background:var(--panel);border:1px solid var(--line);z-index:5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 12px;font-size:13px;transition:opacity .4s;display:flex;position:fixed;bottom:10px;left:10px;right:10px}#bar.idle{opacity:0}#bar label{color:var(--dim);align-items:center;gap:6px;display:flex}#bar label.grow{flex:260px}#bar label.grow input{flex:1}#bar button,#bar select,#bar input[type=number]{color:var(--ink);border:1px solid var(--line);font:inherit;background:#1a1720;border-radius:6px;padding:4px 8px}#bar input[type=number]{width:76px}#bar button:hover{border-color:var(--accent)}#time-label{min-width:120px;color:var(--ink);font-variant-numeric:tabular-nums}#dose-label{min-width:32px;color:var(--ink);font-variant-numeric:tabular-nums}
