:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0d0c0a;color:#d8d2c4}#app{--statusbar-rows: 4;--statusbar-row: 1rem;--statusbar-row-gap: .25rem;--statusbar-padding: .5rem;--statusbar-border: 1px;--statusbar-height: calc( var(--statusbar-rows) * var(--statusbar-row) + (var(--statusbar-rows) - 1) * var(--statusbar-row-gap) + 2 * var(--statusbar-padding) + var(--statusbar-border) );display:grid;grid-template:"topbar topbar" auto "sidebar stage" 1fr "statusbar statusbar" var(--statusbar-height) / 16rem 1fr;height:100vh;height:100dvh}#app.sprite-harness{--statusbar-rows: 2}#topbar{grid-area:topbar;display:flex;align-items:baseline;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid #2a2620}#topbar h1{margin:0;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:#c9a55c}#library-status{font-size:.8rem;color:#8f8878}#sidebar{grid-area:sidebar;overflow-y:auto;padding:.5rem;border-right:1px solid #2a2620}#sidebar h2{margin:.25rem .5rem .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8f8878}#topbar a{margin-left:auto;color:#8f8878;font-size:.8rem}#animation-list{list-style:none;margin:0;padding:0}#animation-list button{display:block;width:100%;padding:.35rem .5rem;border:0;border-radius:4px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}#animation-list button:hover{background:#23201a}#animation-list button.selected{background:#3a3222;color:#e8c979}#sequence-buttons{display:flex;flex-wrap:wrap;gap:.25rem;margin:0 .5rem .5rem}.sequence-button{padding:.25rem .5rem;border:1px solid #2a2620;border-radius:4px;background:#1a1712;color:inherit;font:inherit;font-size:.8rem;cursor:pointer}.sequence-button[aria-pressed=true]{background:#3a3222;color:#e8c979}#sidebar label{display:block;margin:0 .5rem .2rem;font-size:.75rem;color:#8f8878}#sidebar input,#sidebar select{width:calc(100% - 1rem);margin:0 .5rem .5rem;padding:.25rem .35rem;border:1px solid #2a2620;border-radius:4px;background:#1a1712;color:inherit;font:inherit;font-size:.8rem}#fps-note,#animation-details{margin:0 .5rem .5rem;font-size:.75rem;line-height:1.4;color:#6f6a5e}#animation-details p{margin:0 0 .15rem}#overlay-toggle,#map-open,#audio-mute,#ambient-toggle{display:block;width:calc(100% - 1rem);margin:0 .5rem .5rem;padding:.35rem .5rem;border:1px solid #2a2620;border-radius:4px;background:#1a1712;color:inherit;font:inherit;font-size:.8rem;text-align:left;cursor:pointer}#overlay-toggle:hover:not(:disabled),#map-open:hover:not(:disabled),#audio-mute:hover:not(:disabled),#ambient-toggle:hover:not(:disabled){background:#23201a}#overlay-toggle[aria-pressed=true],#audio-mute[aria-pressed=true]{background:#3a3222;color:#e8c979}#overlay-toggle:disabled,#map-open:disabled,#audio-mute:disabled,#ambient-toggle:disabled{opacity:.5;cursor:default}#legend{margin:0 .5rem;font-size:.75rem;color:#8f8878}#legend ul{list-style:none;margin:0;padding:0}#legend li{display:flex;align-items:baseline;gap:.4rem;padding:.1rem 0;white-space:nowrap}#legend .swatch{flex:none;width:1.6rem;height:.75rem;border:1px solid #2a2620;border-radius:2px;background-color:#55584c;background-image:linear-gradient(var(--swatch),var(--swatch))}#legend .blocked{color:#b8705f}#legend .count{margin-left:auto;font-variant-numeric:tabular-nums;color:#6f6a5e}#volume-label{display:flex;justify-content:space-between}#volume-readout{font-variant-numeric:tabular-nums;color:#d8d2c4}#hour-slider,#volume-slider{border:0;background:none;padding:0;accent-color:#e8c979}#hour-readout,#sound-hint{margin:0 .5rem .5rem;font-size:.75rem;line-height:1.4;color:#8f8878}#stage-host{grid-area:stage;position:relative;overflow:hidden}#stage-host .error{position:absolute;inset:auto 1rem 1rem 1rem;padding:.75rem 1rem;border:1px solid #6b3a32;border-radius:6px;background:#201412;color:#e0a89a;font-size:.85rem}#stage-host canvas:focus-visible{outline:1px solid #6b5a32;outline-offset:-1px}#stage-host canvas{image-rendering:pixelated}#stage-controls{position:absolute;right:.75rem;bottom:.75rem;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}#stage-controls>button,#zoom-control{border:1px solid #2a2620;border-radius:6px;overflow:hidden;background:#1a1712;box-shadow:0 2px 8px #00000080}#stage-controls>button{padding:.35rem .5rem;color:inherit;font:inherit;font-size:1rem;line-height:1;cursor:pointer}#stage-controls>button:hover,#stage-controls>button[aria-pressed=true]{background:#3a3222;color:#e8c979}#mixer-panel{position:absolute;left:.75rem;bottom:.75rem;width:380px;max-width:calc(100% - 1.5rem);border:1px solid #2a2620;border-radius:8px;overflow:hidden;background:#1a17128c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 8px #00000080;font-size:.72rem}#mixer-head{display:flex;align-items:center;gap:.5rem;padding:.3rem .35rem .3rem .6rem;background:#1a1712d9;color:#8f8878}#mixer-head span:first-child{color:#d8d2c4}#mixer-count{margin-left:auto;font-variant-numeric:tabular-nums}#mixer-head button{padding:0 .45rem;border:1px solid #2a2620;border-radius:4px;background:none;color:inherit;font:inherit;font-size:.72rem;line-height:1.3;cursor:pointer}#mixer-head button:hover{background:#3a3222;color:#e8c979}.mixer-channel.master{position:sticky;left:0;z-index:1;background:#1a1712d9;border-right:1px solid #2a2620;padding-right:.25rem}.mixer-channel.master .name{color:#e8c979}#mixer-panel.collapsed #mixer-channels{display:none}#mixer-channels{display:flex;gap:.25rem;padding:.4rem .4rem .3rem;overflow-x:auto}.mixer-channel{flex:0 0 3.4rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0}.mixer-channel .fader{writing-mode:vertical-rl;direction:rtl;height:88px;width:1.1rem;margin:0;padding:0;border:0;background:none;accent-color:#e8c979}.mixer-channel .strip{display:flex;width:100%;border-radius:2px;overflow:hidden}.mixer-channel .strip button{flex:1 1 0;min-width:0;height:7px;margin:0;padding:0;border:0;background:#2a2620;cursor:pointer}.mixer-channel .strip button.on{background:#7a6a3a}.mixer-channel .strip button.now{background:#6f6a5e}.mixer-channel .strip button.on.now{background:#e8c979}.mixer-channel.off .name,.mixer-channel.off .level{color:#6f6a5e}.mixer-channel.off .fader{opacity:.45}.mixer-channel .name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#d8d2c4}.mixer-channel .level{color:#8f8878;font-variant-numeric:tabular-nums}.mixer-channel.silent .name{color:#6f6a5e}#app.fullscreen #stage-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}#zoom-control{display:flex;flex-direction:column;align-items:stretch}#zoom-control button{padding:.3rem .6rem;border:0;background:none;color:inherit;font:inherit;font-size:1.1rem;line-height:1;cursor:pointer}#zoom-control button:hover:not(:disabled){background:#3a3222;color:#e8c979}#zoom-control button:disabled{color:#4a453b;cursor:default}#zoom-readout{padding:.2rem .3rem;border-block:1px solid #2a2620;font-size:.7rem;text-align:center;color:#8f8878;font-variant-numeric:tabular-nums}#statusbar{grid-area:statusbar;display:flex;flex-wrap:wrap;align-content:flex-start;gap:1rem;row-gap:var(--statusbar-row-gap);align-items:baseline;padding:var(--statusbar-padding) 1rem;border-top:var(--statusbar-border) solid #2a2620;font-size:.8rem;line-height:var(--statusbar-row);overflow-y:auto;color:#8f8878}#statusbar>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#exit-hover-status:empty{display:none}#door-sound-status:empty{display:none}#camera-status{margin-left:auto}#camera-status,#cursor-status,#replay-status{font-variant-numeric:tabular-nums;white-space:nowrap;color:#6f6a5e}#scene-transcript{margin:.4rem 0 0;padding-left:1.2rem;max-height:12rem;overflow-y:auto;font-size:.8rem;line-height:1.35}#scene-transcript li{margin-bottom:.3rem}#scene-transcript .speaker{display:block;color:#8f8878;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}#scene-caption{flex:1 1 auto;color:#cfc6ae}#map-panel{grid-area:stage;z-index:5;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#14110d}#map-panel[hidden]{display:none}#map-panel:focus-visible{outline:1px solid #6b5a32;outline-offset:-1px}#map-canvas{display:block}#app.fullscreen #map-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11}#app.dev.map-open{--statusbar-rows: 5}#app:not(.dev) .dev{display:none!important}#app:not(.dev){--statusbar-rows: 2}#place-name{font-size:.9rem;color:#d8d2c4}#place-name:empty{display:none}#topbar-hint{margin-left:auto;font-size:.8rem;color:#8f8878}#topbar-hint a{margin-left:0;color:#8f8878}#topbar-hint a:hover{color:#e8c979}#app.dev #topbar-hint{margin-left:auto}#app.dev #topbar>a.dev{margin-left:0}#stage-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#0d0c0a4d;color:#e8c979;font-family:ui-monospace,Menlo,Consolas,monospace;pointer-events:none}#stage-loading[hidden]{display:none}#stage-loading-card{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;width:22rem;max-width:80vw}#stage-loading-bar{width:100%;height:2px;background:#e8c97926}#stage-loading-fill{height:100%;width:0;background:#e8c979;transition:width .1s linear}#stage-loading-percent{font-size:.65rem;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#e8c979b3}#welcome{grid-area:stage;z-index:6;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0d0c0a99}#welcome[hidden]{display:none}#app.fullscreen #welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12}#welcome-card{max-width:30rem;padding:1.5rem 1.75rem 1.25rem;border:1px solid #3a3222;border-radius:10px;background:#1a1712;box-shadow:0 8px 32px #0009;font-size:.9rem;line-height:1.5}#welcome-card h2{margin:0 0 .5rem;font-size:1.4rem;letter-spacing:.04em;color:#e8c979}#welcome-card .lede{margin:0 0 .75rem;color:#cfc6ae}#welcome-card ul{margin:0 0 1rem;padding-left:1.2rem}#welcome-card li{margin-bottom:.3rem}#welcome-card b{color:#e8c979;font-weight:600}#welcome-close{display:block;width:100%;padding:.5rem .75rem;border:1px solid #6b5a32;border-radius:6px;background:#3a3222;color:#e8c979;font:inherit;font-size:.95rem;cursor:pointer}#welcome-close:hover{background:#4a4030}#welcome-card .fineprint{margin:.6rem 0 0;font-size:.75rem;color:#8f8878;text-align:center}#stage-host canvas,#map-canvas{touch-action:none}@media(max-width:720px){#app{grid-template:"topbar" auto "stage" 1fr "sidebar" auto "statusbar" var(--statusbar-height) / 1fr}#sidebar{max-height:9rem;border-right:0;border-top:1px solid #2a2620}#topbar{flex-wrap:wrap;gap:.5rem 1rem;padding:.4rem .75rem}#welcome{padding:.75rem}#welcome-card{padding:1rem 1.1rem .9rem}#statusbar{padding-left:.75rem;padding-right:.75rem}}