:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0d14;--panel:#1a1721;--line:#2f2a3a;--text:#e9e4f0;--muted:#9a92a8;--accent:#fcee21;--danger:#ff6b6b;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#1a1600;cursor:pointer;border-radius:6px;padding:.6rem 1.2rem;font-weight:600}button.secondary{color:var(--text);border-color:var(--line);background:0 0}button:disabled{opacity:.4;cursor:not-allowed}.status{color:var(--muted);margin:.25rem 0}.hint{color:var(--muted);font-size:.85rem}.error{color:var(--danger);margin:.25rem 0}.menu{text-align:center;max-width:560px;margin:12vh auto 0;padding:0 1.5rem}.menu h1{letter-spacing:.04em;margin-bottom:.5rem;font-size:2.4rem}.menu>p{color:var(--muted)}.buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.game{grid-template-columns:minmax(0,1fr) 300px;gap:1rem;height:100vh;padding:1rem;display:grid}.stage{aspect-ratio:16/9;border:1px solid var(--line);touch-action:none;background:radial-gradient(at 30% 70%,#3a2a4a 0%,#0000 55%),radial-gradient(at 80% 20%,#1f3a3a 0%,#0000 50%),linear-gradient(#17131f 0%,#0b0910 100%);border-radius:8px;width:100%;max-height:calc(100vh - 2rem);margin:auto 0;position:relative;overflow:hidden}.box{border:2px solid var(--accent);-webkit-user-select:none;user-select:none;cursor:grab;background:#1e1a1a99;border-radius:4px;position:absolute;overflow:hidden}.box:active{cursor:grabbing}.box.bar{border-color:#ff4d4d}.box.bar .fill{opacity:.55;background:#ff4d4d;width:70%;animation:6s ease-in-out infinite pulse;position:absolute;inset:0}.box.panel{border-style:dashed}.box .label{color:var(--text);text-shadow:0 0 4px #000;pointer-events:none;font-size:11px;font-weight:600;position:absolute;top:2px;left:6px}.box .handle{background:linear-gradient(135deg, transparent 50%, var(--accent) 50%);cursor:nwse-resize;width:14px;height:14px;position:absolute;bottom:0;right:0}@keyframes pulse{0%,to{width:70%}50%{width:35%}}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:1rem;overflow:auto}.panel h2{margin:0 0 .5rem}.panel h3{color:var(--muted);margin:1rem 0 .25rem;font-size:.9rem}.panel ul{margin:.75rem 0;padding:0;list-style:none}.panel li{padding:.15rem 0}.panel pre{background:#0b0910;border-radius:4px;max-height:260px;padding:.5rem;font-size:11px;overflow:auto}.panel button{width:100%;margin-top:.75rem}