*{box-sizing:border-box;margin:0;padding:0}html,body{color:#ddd8cc;text-transform:lowercase;background:#000;height:100%;font-family:SF Mono,Menlo,monospace;font-size:11px;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{background:#000;flex-direction:column;justify-content:space-between;padding:24px;transition:background .8s;display:flex;position:fixed;inset:0}#ui h1{letter-spacing:.3em;font-size:11px;font-weight:400}#ui .sub{opacity:.45;margin-top:6px}#ui .bottom{flex-direction:column;align-items:flex-start;gap:14px;display:flex}#tracklist{flex-direction:column;gap:4px;display:flex}#tracklist button{color:inherit;font:inherit;text-transform:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:2px 0}#tracklist button:before{content:"> ";opacity:0}#tracklist button:hover:before,#tracklist button.active:before{opacity:1}#tracklist button:disabled{opacity:.3;cursor:wait}#hint{opacity:.45}#credits{opacity:.45;gap:18px;display:flex}#ui.playing{pointer-events:none;background:0 0}#ui.playing .sub,#ui.playing #hint,#ui.playing #credits{display:none}#ui.playing #tracklist button{pointer-events:auto;opacity:.55}#ui.playing #tracklist button:hover,#ui.playing #tracklist button.active{opacity:1}#blocker{z-index:20;background:#000;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;padding:24px;display:flex;position:fixed;inset:0}#blocker[hidden]{display:none}#blocker h1{letter-spacing:.3em;font-size:11px;font-weight:400}#blocker p{opacity:.55;max-width:32em;line-height:1.6}#debug{z-index:10;background:#000c;border:1px solid #333;flex-direction:column;gap:4px;width:220px;max-height:calc(100vh - 24px);padding:8px;display:none;position:fixed;top:12px;right:12px;overflow-y:auto}#debug.visible{display:flex}#debug label{justify-content:space-between;align-items:center;gap:6px;display:flex}#debug label span.val{text-align:right;min-width:36px}#debug input[type=range]{accent-color:#ddd8cc;flex:1;height:2px}#debug canvas{border:1px solid #333;width:100%;height:48px}