: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);overscroll-behavior:none;background:#000;margin:0;font:14px/1.4 system-ui,sans-serif;overflow:hidden}#stage{touch-action:none;-webkit-user-select:none;user-select:none;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{z-index:40;white-space:normal;border-left:3px solid var(--accent);width:max-content;max-width:min(480px,100vw - 32px);bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000080}#help{z-index:30;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);font-size:14px;line-height:1.6;top:50%;left:50%;overflow:auto;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;width:min(300px,100vw - 24px);max-height:calc(100vh - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--panel-bg);border-radius:8px;max-height:calc(100dvh - 24px);padding:14px 16px;position:fixed;top:12px;left:12px;overflow-y:auto}.touch-row button{min-height:36px}.touch-row button:not(.wide){flex:0 0 44px}.touch-row button.wide{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#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%;min-height:36px;color:var(--fg);font:inherit;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;margin-top:4px;padding:7px 8px;line-height:1.2;display:block}#panel select:disabled{opacity:.6}@media (pointer:coarse){#panel select{min-height:40px;font-size:16px}}#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}#more{margin-top:10px}#more summary{cursor:pointer;color:#eeeeeed9;background:#ffffff0d;border:1px dashed #fff3;border-radius:6px;padding:7px 8px;font-size:13px;list-style:none}#more summary:before{content:"▸ "}#more[open] summary:before{content:"▾ "}#more summary::-webkit-details-marker{display:none}.panel-label{justify-content:space-between;margin:10px 0 0;font-size:13px;display:flex}.panel-label small{opacity:.6;font-family:ui-monospace,monospace}.align-row button{min-height:36px;padding:7px 0}.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}#message .panel-row{margin-top:16px}#message .panel-row button{flex:none;padding:10px 18px;font-size:14px}