html,body{color:#f3e6d8;background:#100e16;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}#stage{background:#100e16;flex-direction:column;height:100%;display:flex}#view-wrap{flex:1;min-height:0;position:relative;overflow:hidden;container-type:size}canvas{width:100%;height:100%;image-rendering:-moz-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;touch-action:none;background:#14111f;position:absolute;inset:0}#hint{color:#f3e6d8;text-shadow:0 1px #14111f,0 0 8px #14111f;opacity:0;pointer-events:none;max-width:calc(100% - 20px);margin:0;font:600 13px/1.35 system-ui,sans-serif;position:absolute;top:8px;left:10px}#hint.ready{transition:opacity 1.2s}#hint.show{opacity:.84;transition-duration:.3s}#name{box-sizing:border-box;color:#f3e6d8;caret-color:#f0c090;letter-spacing:.06em;-webkit-font-smoothing:none;-webkit-user-select:text;user-select:text;background:#14111f;border:0;border-bottom:2px solid #3a3448;border-radius:0;outline:none;margin:0;padding:0 .4em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:600;position:absolute}#name:focus{border-bottom-color:#a07a5e}#name::placeholder{color:#5a5068}#name[hidden],body.creating #touch,body.creating #hint{display:none}#stream{z-index:2;opacity:.9;background:#14111f;border:2px solid #1a1420;align-items:stretch;max-width:calc(100% - 20px);display:flex;position:fixed;bottom:10px;left:10px}body.creating #stream{visibility:hidden}#stream-screen{opacity:0;pointer-events:none;width:200px;height:112px;position:absolute;overflow:hidden}#stream-screen iframe{border:0;width:200px;height:112px;display:block}#stream-status{color:#a89cb4;letter-spacing:.04em;white-space:nowrap;margin:0;padding:0 8px;font:600 12px/22px ui-monospace,SF Mono,Menlo,Consolas,monospace}#stream-status[hidden]{display:none}#stream-switch{min-width:0;position:relative}#stream.failed #stream-switch{display:none}#stream-switch:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none;background:#f3e6d8;width:6px;height:4px;position:absolute;top:9px;right:6px}#stream-pick{appearance:none;box-sizing:border-box;color:#f3e6d8;letter-spacing:.03em;cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;max-width:11rem;height:22px;margin:0;padding:0 16px 0 8px;font:600 12px/22px ui-monospace,SF Mono,Menlo,Consolas,monospace;display:block}#stream-pick:hover,#stream-play:hover,#stream-mute:hover{background:#221c30}#stream-pick:focus-visible,#stream-play:focus-visible,#stream-mute:focus-visible{outline-offset:-3px;outline:1px solid #f0c090}#stream-pick:disabled{cursor:default;opacity:.45}#stream-play,#stream-mute{appearance:none;box-sizing:border-box;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;width:22px;height:22px;margin:0;padding:0;position:relative}#stream-play{border-right:1px solid #3a3548}#stream-mute{border-left:1px solid #3a3548}#stream-play:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#f3e6d8;width:7px;height:8px;position:absolute;top:5px;left:7px}#stream-play.playing:before{clip-path:polygon(0 0,3px 0,3px 100%,0 100%,0 0,5px 0,8px 0,8px 100%,5px 100%,5px 0);width:8px;left:6px}#stream-mute:before{content:"M";color:#f3e6d8;text-align:center;font:600 11px/20px ui-monospace,SF Mono,Menlo,Consolas,monospace;position:absolute;inset:0}#stream.muted #stream-play:before,#stream.muted #stream-mute:before{opacity:.4}#stream.muted #stream-mute:after{content:"";background:#f3e6d8;width:14px;height:1px;position:absolute;top:10px;left:4px;transform:rotate(-42deg)}#stream-play:disabled,#stream-mute:disabled{cursor:default}#stream-play:disabled:before,#stream-mute:disabled:before{opacity:.3}body.listen #hint,body.listen #touch{display:none}body.listen #stage{width:100vw;height:100dvh;position:fixed;inset:0}body.listen canvas{cursor:default;background:#100e16}body.listen #stream{opacity:.86;bottom:10px}body.listen #stream-play{display:none}body.listen #stream.blocked #stream-play{display:block}::backdrop{background:#100e16}:fullscreen{background:#100e16}#boot-error{max-width:28rem;margin:0;padding:16px;font:16px/1.45 system-ui,sans-serif}#touch{justify-content:space-between;gap:8px;padding:8px;display:none}.cluster{gap:8px;display:flex}#touch button{appearance:none;color:#f3e6d8;background:#2a2436;border:2px solid #6a5348;border-radius:6px;min-width:68px;min-height:46px;padding:0 12px;font:600 14px/1 system-ui,sans-serif}#touch button:active{background:#4a3c48}@media (pointer:coarse){#touch{display:flex}#hint{display:none}#stream{bottom:72px}}