:root{--bg:#000;--panel:#24272d;--line:#353941;--text:#d8dbe2;--muted:#8b919c;--accent:#5aa9ff}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);touch-action:none;margin:0;font:13px/1.4 system-ui,Segoe UI,sans-serif;overflow:hidden}#stage{background:#000;position:absolute;overflow:hidden}#gl{width:100%;height:100%;display:block}#notice{color:#ffb3b3;text-align:center;pointer-events:none;background:#000000b3;border:1px solid #a33;border-radius:6px;margin:0 5%;padding:10px 14px;position:absolute;top:8%;left:0;right:0}#videos{opacity:0;pointer-events:none;width:2px;height:2px;position:fixed;top:-10px;left:-10px;overflow:hidden}#videos video{width:2px;height:2px}#panel{background:var(--panel);border-left:1px solid var(--line);touch-action:pan-y;width:min(360px,100vw - 130px);padding:10px 12px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}#panel[hidden]{display:none}#panel .head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}#panel fieldset{border:1px solid var(--line);border-radius:6px;margin:0 0 10px;padding:8px 10px}#panel legend{color:var(--muted);padding:0 4px}#panel .row{align-items:center;gap:8px;margin:6px 0;display:flex}#panel .row label:first-child{width:78px;color:var(--muted);flex:none}#panel .row input[type=range]{flex:1;min-width:60px}#panel .row input[type=number]{width:78px}#panel .row.check{gap:6px}#panel .row select{flex:1;min-width:0}#panel .buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#panel button,#panel select,#panel input[type=number],#panel textarea{font:inherit;color:inherit;border:1px solid var(--line);background:#2f333b;border-radius:4px;padding:4px 8px}#panel button{cursor:pointer;white-space:nowrap}#panel button:hover{background:#3a3f49}#panel textarea{resize:vertical;background:#171a1f;width:100%;margin-top:6px;font:11px/1.3 Consolas,monospace}#panel .status{white-space:pre-wrap;color:var(--muted);margin:0;font:11px/1.4 Consolas,monospace}#panel .hint{color:var(--muted);font-size:12px}#debug{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#stage{container-type:size}.overlay-text{text-align:center;color:#fff;text-shadow:0 0 1.5cqh #000000e6,0 .4cqh 1cqh #000c;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:800;position:absolute;left:6%;right:6%}.overlay-text[hidden]{display:none}#prompt{font-size:5.5cqh;line-height:1.15;top:8%}#countdown{font-variant-numeric:tabular-nums;font-size:24cqh;line-height:1;top:22%}#flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}#result{background:#000;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}#result[hidden]{display:none}#result img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#result h1{color:#fff;text-shadow:0 0 1.5cqh #000000e6;margin:6% 0 0;font-size:5.5cqh;font-weight:800;position:relative}#result .buttons{justify-content:center;gap:3cqh;display:flex;position:absolute;bottom:6%;left:0;right:0}#result button{color:#111;cursor:pointer;background:#fff;border:0;border-radius:1.6cqh;padding:2cqh 4cqh;font:800 3.4cqh/1 system-ui,sans-serif;box-shadow:0 .4cqh 1.2cqh #0009}#paneltoggle{z-index:20;color:#ffffffb3;cursor:pointer;touch-action:manipulation;background:#0000004d;border:1px solid #ffffff40;border-radius:8px;width:44px;height:44px;padding:0;font:700 16px/1 Consolas,monospace;position:fixed}#paneltoggle[hidden]{display:none}