@font-face{font-family:Cinzel;src:url(/fonts/cinzel-variable.woff2)format("woff2");font-weight:400 900;font-display:swap}:root{--color-backdrop:#05070c;--color-text:#ffffffd9;--color-ink:#ece3cc;--color-ink-muted:#ece3ccb8;--color-gilt:#c9a45c;--color-gilt-soft:#c9a45c73;--color-plate:#080a108c;--color-plate-hover:#080a10bf;--color-shade:#05070c99;--color-focus-ring:#ffd27a;--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--hud-inset:24px;--hud-shade-height:120px}*{box-sizing:border-box}html,body,#root{background:var(--color-backdrop);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}canvas{display:block}#root:after{content:"";z-index:5;height:var(--hud-shade-height);background:linear-gradient(in oklab to top, var(--color-shade), transparent);pointer-events:none;position:fixed;inset-block-end:0;inset-inline:0}.hud{z-index:10;max-width:calc(100% - 2 * var(--hud-inset) - 180px);font-family:var(--font-display);letter-spacing:.06em;color:var(--color-ink-muted);text-shadow:0 1px 3px #000000b3;pointer-events:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:0;padding:0;font-size:13px;font-weight:500;line-height:1.5;list-style:none;transition:opacity 1.2s ease-out;display:flex;position:fixed;inset-block-end:var(--hud-inset);inset-inline-start:var(--hud-inset)}.hud[data-idle=false]{opacity:0;transition-duration:2.4s}.hud li{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.hud kbd{border:1px solid var(--color-gilt-soft);background:var(--color-plate);min-width:24px;color:var(--color-ink);font-family:var(--font-display);letter-spacing:.04em;text-shadow:none;border-radius:2px;place-items:center;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.4;display:inline-grid;box-shadow:inset 0 -1px #c9a45c33}.audio-hud{z-index:10;border:1px solid var(--color-gilt-soft);background:var(--color-plate);min-height:32px;color:var(--color-ink);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;transition-property:background-color,border-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex;position:fixed;inset-block-end:var(--hud-inset);inset-inline-end:var(--hud-inset)}.audio-hud__state{color:var(--color-ink-muted);font-weight:500}.audio-hud__state:before{content:"";vertical-align:middle;background:var(--color-gilt-soft);width:4px;height:4px;margin-inline-end:8px;display:inline-block;rotate:45deg}@media (hover:hover){.audio-hud:hover{background:var(--color-plate-hover);border-color:var(--color-gilt)}}.audio-hud:active{scale:.96}.audio-hud:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}@media (width<=52rem){.hud{max-width:calc(100% - 2 * var(--hud-inset))}.audio-hud{inset-block-start:var(--hud-inset);inset-block-end:auto}}.curtain{z-index:100;opacity:1;background:#000;transition:opacity .6s;position:fixed;inset:0}.curtain--leaving{opacity:0;pointer-events:none}.curtain--error{text-align:center;color:var(--color-text);place-items:center;padding:16px;display:grid}@media (prefers-reduced-motion:reduce){.curtain,.audio-hud{transition:none}.audio-hud:active{scale:none}.hud,.hud[data-idle=false]{opacity:1;transition:none}}.gate{z-index:200;text-align:center;background:var(--color-backdrop);color:var(--color-text);place-content:center;gap:12px;padding:16px;display:grid;position:fixed;inset:0}.gate__title{margin:0;font-size:20px;font-weight:600}.gate__body{max-width:44ch;margin:0;font-size:15px;line-height:1.5}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}