:root{color-scheme:dark;--ink:#f3f0e3;--green:#82a047;--paper:#ece7d4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#11130e;color:var(--ink);font-family:Raleway,Arial,sans-serif}body{min-height:100dvh;display:flex;flex-direction:column}button,.button{font:600 13px Raleway,Arial,sans-serif;color:inherit;background:#252b1d;border:1px solid #707959;padding:11px 15px;cursor:pointer;text-decoration:none;border-radius:3px}button:hover,.button:hover{background:#3c492c}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d4ec82;outline-offset:4px}.primary{background:#8da94f;color:#10170b;border-color:#8da94f}.primary:hover{background:#aac769}button[aria-pressed=true]{background:#4c6330;border-color:#a8c96c}.bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 24px;background:#11130eef;z-index:2}.bar h1{font:400 24px Condiment,Georgia,serif;margin:0}.bar button{padding:6px 10px;font-size:11px;background:transparent;border-color:#444b38}#play-space{position:relative;isolation:isolate;flex:1;display:grid;place-items:center;min-height:250px;overflow:hidden;background:#111}#surround{position:absolute;inset:-6%;z-index:-1;background-size:cover;background-position:center;filter:blur(26px) brightness(.28)}.stage{position:relative;width:min(100vw,calc((100dvh - 122px)*16/9));aspect-ratio:16/9;max-height:calc(100dvh - 122px);box-shadow:0 12px 80px #000b;overflow:hidden}#original-scene{width:100%;height:100%;display:block;touch-action:none}#load-status{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:9px 15px;background:#151b10e0;font-size:12px;text-align:center;max-width:90%;pointer-events:none}#load-status:empty{display:none}.controls{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:12px;background:#13170f;z-index:2}.controls button{white-space:nowrap}.mobile-note{display:none}.interaction-list{padding:15px;display:flex;flex-wrap:wrap;gap:8px;background:#182011}.interaction-list button{font-size:12px;max-width:250px}[hidden]{display:none!important}dialog{border:1px solid #9ba36d;border-radius:5px;background:var(--paper);color:#202719;padding:32px;max-width:590px;width:calc(100vw - 34px);box-shadow:0 25px 100px #000a}dialog::backdrop{background:#040703c9;backdrop-filter:blur(5px)}dialog h2{font:400 43px/1.05 Condiment,Georgia,serif;margin:15px 0 25px}dialog p{line-height:1.65;font-size:15px}dialog .small{font-size:12px;line-height:1.6;color:#58604a}dialog button{color:#f2f0df;background:#2c4020}dialog .primary{color:#12200d;background:#9eb95d}dialog a{color:#3c581f}.eyebrow{font-size:10px!important;letter-spacing:.2em;font-weight:bold}.close{position:absolute;right:12px;top:8px;border:0;background:transparent!important;color:#353d2c;padding:6px 10px;font-size:22px}.actions{display:flex;gap:10px;flex-wrap:wrap}.zoomed #play-space{display:block;overflow:auto;max-height:calc(100dvh - 125px)}.zoomed .stage{width:max(1200px,160vw);max-height:none;height:auto;aspect-ratio:16/9;margin:0 auto}.xr-active #vr-scene{display:block!important;position:fixed;inset:0;width:100vw;height:100dvh}.xr-active .bar,.xr-active .controls,.xr-active #stage,.xr-active .mobile-note{display:none}body:fullscreen #play-space{height:calc(100dvh - 112px)}@media(max-width:650px){.bar{padding:9px 12px}.bar h1{font-size:20px}.controls{padding:8px;gap:5px}.controls button{font-size:11px;padding:9px 10px}.stage{width:100vw;max-height:none}#play-space{min-height:calc(100vw*9/16)}.mobile-note{display:block;margin:0;padding:7px 20px 12px;text-align:center;color:#b7bca8;font-size:11px;line-height:1.5}dialog{padding:27px 23px}dialog h2{font-size:36px}dialog p{font-size:14px}.zoomed .stage{width:1100px}.zoomed #play-space{min-height:50dvh;max-height:72dvh}}@media(max-height:500px) and (orientation:landscape){.bar{display:none}.stage{width:min(100vw,calc((100dvh - 52px)*16/9));max-height:calc(100dvh - 52px)}.controls{padding:5px}.controls button{padding:7px 10px}.mobile-note{display:none}}

.zoomed #original-scene{touch-action:pan-x pan-y}