:root{--bg: #10151f;--panel: rgba(16, 22, 34, .82);--text: #f3efe4;--muted: #a9b1bf;--accent: #ffd166;--teal: #26b5a7;--red: #e63946;--ok: #4ade80;--warn: #fbbf24;--bad: #f87171;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;pointer-events:none;flex-wrap:wrap}.brand{font-size:18px;display:flex;align-items:center;gap:8px}.muted{color:var(--muted);font-weight:400}.checker{width:18px;height:18px;border-radius:3px;background:conic-gradient(#111 0 25%,#f4f1e8 0 50%,#111 0 75%,#f4f1e8 0) 0 0 / 9px 9px}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{pointer-events:auto;font-size:12px;padding:4px 10px;border-radius:999px;background:var(--panel);border:1px solid rgba(255,255,255,.12);max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill.ok{border-color:var(--ok)}.pill.warn{border-color:var(--warn)}.pill.bad{border-color:var(--bad);color:#ffd7d7}.banner{position:fixed;top:52px;left:50%;transform:translate(-50%);max-width:min(640px,calc(100% - 32px));background:#3b1d22;border:1px solid var(--bad);padding:10px 14px;border-radius:10px;font-size:14px}.banner code{background:#00000059;padding:1px 5px;border-radius:4px}.hidden{display:none}.panel{position:fixed;right:16px;top:56px;width:300px;max-height:calc(100% - 210px);overflow:auto;background:var(--panel);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;font-size:13px}.panel label{display:flex;flex-direction:column;gap:4px;color:var(--muted)}.panel output{color:var(--text);font-variant-numeric:tabular-nums}.panel input[type=range]{width:100%;accent-color:var(--accent)}.panel input[type=number],.panel select{background:#0c111a;color:var(--text);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 8px;font:inherit}.row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}button{font:inherit;font-weight:600;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#1c2433;color:var(--text);cursor:pointer}button:hover:not(:disabled){background:#263044}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:#1a1406;border-color:var(--accent)}button.primary:hover:not(:disabled){background:#ffdc85}button:disabled{opacity:.45;cursor:not-allowed}details summary{cursor:pointer;color:var(--text)}#decisions{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.4}.hint{margin:0;color:var(--muted);font-size:11px}.score{position:fixed;left:16px;right:332px;bottom:16px;height:150px;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.nowplaying{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#roll{flex:1;width:100%;min-height:0}@media(max-width:820px){.panel{inset:auto 16px 16px;width:auto;max-height:34vh;padding:10px;gap:8px}.score{right:16px;bottom:calc(34vh + 26px);height:96px}.topbar{padding:8px 16px}.pill{font-size:11px;padding:3px 8px;max-width:calc(100vw - 32px)}.hint{display:none}}@media(max-height:560px)and (min-width:821px){.score{height:110px}.panel{max-height:calc(100% - 70px)}}