:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel-bg:#14141cd9;--fg:#eee;--accent:#ff4fd8}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);background:#000;margin:0;font:14px/1.4 system-ui,sans-serif;overflow:hidden}#stage{background:#000;position:fixed;inset:0}#stage canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}body.fullscreen{cursor:none}body.fullscreen #panel{display:none}.hidden{display:none!important}.overlay{z-index:10;background:var(--panel-bg);white-space:pre;border-radius:6px;padding:8px 12px;font-family:ui-monospace,monospace;font-size:12px;position:fixed}#stats{top:12px;right:12px}#notice{white-space:normal;border-left:3px solid var(--accent);max-width:480px;bottom:24px;left:50%;transform:translate(-50%)}#help{font-size:14px;line-height:1.6;top:50%;left:50%;transform:translate(-50%,-50%)}#debug{z-index:9;gap:8px;display:flex;position:fixed;bottom:12px;left:12px}#debug.debug-hidden{visibility:hidden}#debug video,#debug canvas{object-fit:cover;background:#222;border:1px solid #444;width:320px;height:180px}#panel{z-index:10;background:var(--panel-bg);border-radius:8px;width:300px;padding:14px 16px;position:fixed;top:12px;left:12px}#panel h1{color:var(--accent);margin:0;font-size:18px}.panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}#collapse-btn{width:28px;height:28px;color:var(--fg);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;flex:none;padding:0;font-size:14px;line-height:1}#collapse-btn:hover{background:#ffffff24}#panel.collapsed{width:auto;min-width:220px}#panel.collapsed .panel-header{margin-bottom:0}#panel.collapsed #panel-body{display:none}#panel label{margin:8px 0;display:block}#panel select{width:100%;margin-top:4px}#panel label.slider{margin:6px 0}#panel label.slider span{justify-content:space-between;font-size:13px;display:flex}#panel label.slider small{opacity:.6;font-family:ui-monospace,monospace}#panel input[type=range]{width:100%;accent-color:var(--accent);margin:2px 0 0}.panel-row{gap:8px;margin-top:8px;display:flex}.panel-row button{color:var(--fg);font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;flex:1;padding:7px 8px;font-size:13px;line-height:1.2;transition:background .12s,border-color .12s}.panel-row button:hover{background:#ffffff24;border-color:#ffffff47}.panel-row button:active{background:#fff3}.panel-row button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.panel-row button.primary{background:var(--accent);color:#000;border-color:#0000;font-weight:600}.panel-row button.primary:hover{background:#ff7ae3}.panel-row button.secondary{color:#eeec;background:0 0;border-style:dashed;font-size:12px}.panel-row button.secondary:hover{color:var(--fg);background:#ffffff0f}.panel-hint{opacity:.7;margin:8px 0 0}.panel-version{opacity:.5;margin:8px 0 0;font-family:ui-monospace,monospace;font-size:11px}.panel-version+.panel-version{margin-top:2px}#message{z-index:20;background:#000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#message>div{background:var(--panel-bg);border-left:4px solid var(--accent);border-radius:8px;max-width:520px;padding:24px}#message h2{margin-top:0}