*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#303030;font-family:Arial,sans-serif}#stage,canvas{width:100%;height:100%;display:block}canvas{touch-action:none;outline:none}#status{position:fixed;inset:0;display:grid;place-items:center;padding:32px;text-align:center;font-size:14px;background:#303030}#status[hidden]{display:none}.lil-gui{--background-color:#1e1e1e;--widget-color:#383838;--focus-color:#505050;--hover-color:#454545;--number-color:#ddd;--string-color:#ddd;--font-size:11px}.lil-gui.lil-root{top:18px!important;right:18px!important;max-height:calc(100dvh - 36px);overflow-y:auto} @media(max-width:500px){}

@media(max-width:600px){.lil-gui.lil-root{width:240px!important;max-height:44dvh;top:auto!important;bottom:12px;right:12px!important}}
#capture-guide{position:fixed;transform:translate(-50%,-50%);border:1px solid #aaa8;box-shadow:0 0 0 100vmax #0005;pointer-events:none;z-index:1}#capture-guide[hidden]{display:none}.lil-gui.lil-root{z-index:2}

#three-blocks-dev-overlay,[data-three-blocks-stats-panel],[data-three-blocks-devtools-stats],button[aria-label*="Three Blocks"]{display:none!important}

.playback-readout{position:fixed;left:calc(50% - 150px);transform:translateX(-50%);z-index:2;pointer-events:none;color:rgba(255,255,255,.38);font:10px/1.2 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.06em;user-select:none}#fps-readout{top:14px}#time-readout{bottom:14px}@media(max-width:700px){.playback-readout{left:50%}}

html,body{background:#000;color:#ddd}#stage{position:absolute;left:var(--lighting-left);right:var(--lighting-right);top:0;bottom:var(--lighting-bottom);width:auto;height:auto;overflow:hidden}#stage>canvas{position:absolute;inset:0;width:100%;height:100%}#capture-guide{z-index:2;box-shadow:none}#status{z-index:10;background:#111}#status[hidden]{display:none}.playback-readout{display:none}
@media(max-width:720px){#stage{top:98px;bottom:45%;left:0;right:0}}