html,body{color:#e6e6e6;background:#0f1216;height:100%;margin:0;font-family:system-ui,sans-serif}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}.error-screen{max-width:40rem;padding:2rem;line-height:1.5}.error-screen h1{margin:0 0 .5rem;font-size:1.25rem}.error-screen code{white-space:pre-wrap;color:#ffb4a8;margin-top:1rem;display:block}.hud{pointer-events:auto;background:#0000008c;max-width:34rem;margin:0;padding:.4rem .6rem;font:12px/1.4 ui-monospace,monospace;position:fixed;top:.5rem;left:.5rem}.hud-status{margin:.3rem 0}.hud-lock{color:#ffd27a}.hud-controls{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.3rem;display:flex}.hud-controls input[type=range]{vertical-align:middle;width:8rem}.hud button{color:#1b302b;cursor:pointer;background:#e7eee7;border:1px solid #8da59e;border-radius:.35rem;margin:.15rem;padding:.45rem .65rem}.hud button:disabled{opacity:.45;cursor:default}.hud button:focus-visible{outline:3px solid #ffc34d}.echo-library{z-index:5;background:#172924f5;border:1px solid #8da59e;border-radius:12px;width:min(370px,100vw - 48px);max-height:calc(100vh - 48px);padding:12px;font:14px/1.4 system-ui,sans-serif;position:fixed;top:12px;right:12px;overflow:auto;box-shadow:0 10px 40px #0008}.echo-library[hidden]{display:none}.echo-library h2{margin:0;font-size:18px}.echo-library article{background:#ffffff0a;border-left:4px solid;margin:10px 0;padding:8px}.echo-library p{margin:6px 0}.echo-library button{color:#1b302b;cursor:pointer;background:#e7eee7;border:1px solid #8da59e;border-radius:5px;margin:3px;padding:7px 10px}.echo-library button:disabled{opacity:.5;cursor:default}.echo-countdown{pointer-events:none;color:#fff;white-space:nowrap;background:#152724ed;border:1px solid #b3c7bf;border-radius:7px;padding:5px 9px;font:600 14px/1.3 system-ui,sans-serif;position:absolute;transform:translate(-50%,-100%)}.echo-warning{color:#ffe2a0;border-color:#ffd36b}@media (max-width:760px){.hud{max-width:calc(100vw - 36px);font-size:11px}.echo-library{max-height:calc(100vh - 250px);top:220px}}.rooms{max-width:40rem;margin:2rem auto;padding:0 1rem;font:15px/1.5 system-ui,sans-serif}.rooms h1{margin:0 0 1rem;font-size:1.4rem}.rooms h2{margin:1.5rem 0 .5rem;font-size:1.1rem}.rooms form,.rooms label{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0;display:flex}.rooms input[type=text],.rooms input:not([type]){color:#e6e6e6;font:inherit;background:#172924;border:1px solid #8da59e;border-radius:.35rem;flex:12rem;padding:.45rem .6rem}.rooms button{color:#1b302b;cursor:pointer;font:inherit;background:#e7eee7;border:1px solid #8da59e;border-radius:.35rem;padding:.45rem .8rem}.rooms button:disabled{opacity:.45;cursor:default}.rooms-list article{background:#ffffff0a;border-left:4px solid #8da59e;justify-content:space-between;align-items:center;gap:.5rem;margin:.4rem 0;padding:.5rem .7rem;display:flex}.rooms-notice{color:#ffe2a0;min-height:1.5em}.hud-mechanism{color:#ffe2a0;min-height:1.2em;font-weight:600}