:root{font-family:IBM Plex Sans Condensed,sans-serif;color:#eee9df;background:#292823;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;--ink:#eee9df;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}button:focus-visible{outline:1px solid currentColor;outline-offset:5px}button,svg{touch-action:manipulation}body{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:#292823}.stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.stage:active{cursor:grabbing}.stage:focus{outline:none}.stage:focus-visible{outline:1px solid #ede6d4;outline-offset:-7px}.room-frame{position:absolute;inset:0;isolation:isolate}.plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(var(--scene-zoom,1.72));transform-origin:50% 40%;pointer-events:none;-webkit-user-select:none;user-select:none}.room-frame>div{position:absolute!important;inset:0;z-index:1}.room-frame canvas{display:block;filter:contrast(.94) saturate(.86);touch-action:none}.room-frame:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(18,17,15,.04),transparent 65%,rgba(18,17,15,.14))}.entry{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:max(15dvh,100px);background:linear-gradient(transparent 50%,#14131147);pointer-events:none}.entry-action{text-align:center;pointer-events:auto;animation:appear 1.4s var(--ease) both}.listen{position:relative;display:block;margin:auto;min-height:56px;min-width:156px;padding:12px 25px 18px;border:0;background:none;font-weight:400;font-size:clamp(20px,3vw,26px);letter-spacing:.35em;text-indent:.35em;text-shadow:0 1px 18px #151411}.listen:disabled{opacity:.8}.entry-line{display:block;position:absolute;bottom:0;left:calc(50% - 18px);width:36px;height:1px;background:currentColor;opacity:.6;transform-origin:center}.entry-line.is-loading{animation:breathe 1.8s ease-in-out infinite}.headphones{font-size:13px;letter-spacing:.065em;margin:19px 0 0;color:#eee9df;text-shadow:0 1px 10px #151411;opacity:.85}.status{height:22px;max-width:260px;margin:12px auto 0;font-size:13px;color:#eee9df;line-height:1.4;text-shadow:0 1px 10px #151411}.chrome{position:absolute;inset:0;pointer-events:none;animation:appear 1.4s .3s both}.chrome button{pointer-events:auto;background:none;border:0;text-shadow:0 1px 9px rgba(0,0,0,.9)}.info-toggle{position:absolute;right:max(17px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));min-height:48px;min-width:64px;font-size:12px;letter-spacing:.22em;padding:12px}.transport{position:absolute;display:flex;align-items:center;bottom:max(21px,calc(env(safe-area-inset-bottom) + 13px));left:50%;transform:translate(-50%);gap:7px}.icon-button{display:grid;place-items:center;width:48px;height:48px;opacity:.9}.icon-button:hover{opacity:1}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 4px #24221d)}.transport-divider{width:1px;height:13px;background:#eee9df59}.info-dialog{width:100%;max-width:none;height:100%;height:100dvh;max-height:none;inset:0;margin:0;border:0;padding:max(32px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#181715e0;color:var(--ink);overflow:auto}.info-dialog::backdrop{background:transparent}.info-dialog[open]{display:grid;place-items:center;animation:appear .45s var(--ease)}.info-inner{text-align:center;max-width:600px}.info-inner h1{font-family:Cormorant Garamond,serif;font-size:clamp(56px,8vw,100px);font-style:italic;font-weight:500;line-height:.93;letter-spacing:-.04em;margin:0 0 38px}.info-inner h1 em{font-weight:500}.info-inner p{font-size:18px;line-height:1.7;color:#d0cbc1;margin:0}.info-actions{display:flex;gap:22px;justify-content:center;margin-top:42px}.info-actions button{min-height:48px;border:0;background:none;letter-spacing:.2em;font-size:12px;padding:12px}.failure{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e1c19a6}.failure p{font-family:Cormorant Garamond,serif;font-size:30px}.failure button{min-height:48px;border:0;background:none;letter-spacing:.2em}.scene-failed .room-frame{transform:none}.has-entered .stage{animation:none}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes breathe{0%,to{transform:scaleX(.55);opacity:.3}50%{transform:scaleX(1);opacity:.8}}@media(min-width:800px){.entry{padding-bottom:14vh}.plate{transform-origin:50% 38%}.info-toggle{right:32px;top:24px}.transport{bottom:28px}}@media(max-height:500px){.entry{padding-bottom:12px}.headphones{margin-top:8px}.status{margin-top:3px}.info-inner h1{font-size:45px;margin-bottom:18px}.info-actions{margin-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.room-frame{will-change:auto}}.transport{color:#302c27}.icon-button svg{filter:none}.transport-divider{background:#302c2740}.intro-annotations{position:absolute;inset:0;pointer-events:none;color:#24211d}.intro-note{position:absolute;left:50%;top:78%;transform:translate(-50%,var(--note-rise,0px));opacity:0;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;width:max-content;max-width:calc(100% - 40px);text-shadow:0 1px 5px #f0e8db}.note-title{font-size:clamp(21px,2vw,26px);font-weight:500;line-height:1.15;letter-spacing:.01em}.note-detail{font-size:14px;line-height:1.3;color:#3c352d}.note-line{position:absolute;bottom:calc(100% + 12px);width:1px;height:25px;background:#3c352d;transform:scaleY(var(--line-progress,0));transform-origin:top}.beam-overlay{position:absolute;inset:0;width:100%;height:100%;opacity:0;overflow:hidden}.beam-overlay path{fill:none;stroke:#3c352d;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--beam-progress,0))}@media(max-height:500px){.intro-note{top:72%}.note-title{font-size:18px}.note-detail{font-size:12px}.note-line{display:none}}.score-note{color:#f4eee3;text-shadow:0 1px 6px #151310}.score-note .note-detail{color:#e2dace}.score-note .note-line{background:#e2dace}.app[data-closeup=true] .transport{color:#f4eee3}.app[data-closeup=true] .transport-divider{background:#f4eee366}.app[data-closeup=true] .icon-button svg{filter:drop-shadow(0 1px 3px #151310)}.transport{transition:color .35s ease}.note-title{font-size:clamp(21px,1.8vw,24px);font-weight:400;letter-spacing:.035em}.note-detail{letter-spacing:.025em}.score-note{gap:9px}.beam-overlay path{stroke-linecap:round;stroke-linejoin:round}.chrome .icon-button:focus-visible,.info-toggle:focus-visible{outline:1px solid currentColor;outline-offset:-5px}.icon-button:active{opacity:.6}@media(prefers-reduced-motion:reduce){.transport{transition:none}}.beam-overlay path{stroke-width:var(--beam-width,1);vector-effect:non-scaling-stroke}.beam-overlay path{stroke-dasharray:none;stroke-dashoffset:0;stroke:#524435;filter:drop-shadow(0 1px 1px rgba(255,245,222,.3))}