*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden}#experience-wrapper{width:100vw;height:100vh;position:fixed}#experience-canvas{width:100%;height:100%}:root{--wood-deep:#2a190e;--wood:#63421f;--wood-warm:#8a5c33;--engraved:#e8c79c;--amber:#f0b96e;--sage:#79855f;--sage-deep:#4a5239;--grain:url(/textures/wood/color.webp);--ui-font:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif}.touch-btn,.board-btn,.board-readout{background-image:linear-gradient(165deg, #8a5c33eb, #4a2e16fa), var(--grain);background-blend-mode:multiply;color:var(--engraved);font-family:var(--ui-font);text-shadow:0 1px 1px #180c04a6,0 -1px #ffe2b81f;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-size:auto,260px;border:1px solid #1c10088c;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffdba83d,inset 0 -3px 6px #160b0473,0 3px 8px #140c0566}.touch-btn[data-pressed=true],.board-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #160b0499,inset 0 -1px #ffdba81a,0 1px 3px #140c0559}.touch-controls{z-index:20;padding:0 22px calc(22px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;display:flex;position:fixed;inset:auto 0 0}.touch-btn{pointer-events:auto;touch-action:none;border-radius:50%;place-items:center;width:76px;height:76px;font-size:26px;line-height:1;transition:transform 80ms,box-shadow 80ms;display:grid}.touch-btn--plunger{--charge:0;isolation:isolate}.touch-btn--plunger:after{content:"";border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(to top, #f0b96ed9 calc(var(--charge) * 100%), #f0b96e00 calc(var(--charge) * 100%));position:absolute;inset:0}.touch-btn--plunger[data-pressed=true]{box-shadow:inset 0 2px 5px #160b0499, 0 0 calc(var(--charge) * 18px) #f0b96e73, 0 1px 3px #140c0559}.board-actions{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:20;gap:10px;display:flex;position:fixed}.board-btn{letter-spacing:.16em;text-transform:uppercase;touch-action:manipulation;border-radius:4px;padding:10px 18px;font-size:11px;transition:transform .12s,box-shadow .12s,color .15s}.board-btn:hover{color:#ffe2b8;box-shadow:inset 0 1px #ffe7be57,inset 0 -3px 6px #160b0466,0 4px 12px #140c0573}.board-btn--icon{place-items:center;width:38px;height:38px;padding:0;display:grid}.board-btn--icon svg{filter:drop-shadow(0 1px 1px #180c04a6);display:block}.board-btn--toggle[data-toggled=false]{color:var(--amber)}.board-btn--toggle[data-toggled=true]{color:#e8c79c73;box-shadow:inset 0 1px #ffdba81f,inset 0 2px 6px #160b048c,0 2px 5px #140c0559}.board-btn--toggle[data-toggled=true]:hover{color:#f0dcc0bf}.board-readout{cursor:default;pointer-events:none;border-radius:4px;align-items:baseline;gap:9px;padding:10px 16px;display:flex;box-shadow:inset 0 1px #ffdba829,inset 0 2px 5px #160b0466,0 3px 8px #140c0566}.board-readout__label{letter-spacing:.18em;text-transform:uppercase;color:#e8c79c9e;font-size:10px}.board-readout__value{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--amber);text-shadow:0 1px 1px #180c04b3;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.board-readout[data-full=true] .board-readout__value{color:#ffd08a;text-shadow:0 0 10px #f0b96e8c,0 1px 1px #180c04b3}.zoom-slider{bottom:calc(16px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));z-index:20;background-image:linear-gradient(165deg, #8a5c33eb, #4a2e16fa), var(--grain);background-blend-mode:multiply;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-size:auto,260px;border:1px solid #1c10088c;border-radius:4px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:fixed;box-shadow:inset 0 1px #ffdba83d,inset 0 -3px 6px #160b0473,0 3px 8px #140c0566}.zoom-slider--raised{bottom:calc(112px + env(safe-area-inset-bottom))}.zoom-slider__glyph{font-family:var(--ui-font);color:#e8c79cb8;text-shadow:0 1px 1px #180c04a6,0 -1px #ffe2b81f;font-size:15px;line-height:1}.zoom-slider__input{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:116px;height:20px;margin:0}.zoom-slider__input::-webkit-slider-runnable-track{background-color:#180e0699;border-radius:3px;height:6px;box-shadow:inset 0 1px 2px #0e0702bf,0 1px #ffdba824}.zoom-slider__input::-moz-range-track{background-color:#180e0699;border-radius:3px;height:6px;box-shadow:inset 0 1px 2px #0e0702bf,0 1px #ffdba824}.zoom-slider__input::-webkit-slider-thumb{appearance:none;background-image:linear-gradient(165deg, #a06e3ff5, #5a3a1cfa), var(--grain);background-blend-mode:multiply;background-size:auto,90px;border:1px solid #1c100899;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:inset 0 1px #ffe2b861,inset 0 -2px 3px #160b0480,0 2px 4px #140c0580}.zoom-slider__input::-moz-range-thumb{background-image:linear-gradient(165deg, #a06e3ff5, #5a3a1cfa), var(--grain);background-blend-mode:multiply;background-size:auto,90px;border:1px solid #1c100899;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 1px #ffe2b861,inset 0 -2px 3px #160b0480,0 2px 4px #140c0580}.zoom-slider__input:hover::-webkit-slider-thumb{box-shadow:inset 0 1px #ffecc880,inset 0 -2px 3px #160b0473,0 2px 6px #140c058c}.zoom-slider__input:active::-webkit-slider-thumb{box-shadow:inset 0 1px #ffecc880,inset 0 -2px 3px #160b0473,0 2px 6px #140c058c}.zoom-slider__input:hover::-moz-range-thumb{box-shadow:inset 0 1px #ffecc880,inset 0 -2px 3px #160b0473,0 2px 6px #140c058c}.zoom-slider__input:active::-moz-range-thumb{box-shadow:inset 0 1px #ffecc880,inset 0 -2px 3px #160b0473,0 2px 6px #140c058c}.zoom-slider__input:focus{outline:none}.zoom-slider__input:focus-visible::-webkit-slider-thumb{border-color:#ffe2b8b3;box-shadow:inset 0 0 0 1px #ffe2b88c,0 0 8px #f0b96e73,0 2px 4px #140c0580}.zoom-slider__input:focus-visible::-moz-range-thumb{border-color:#ffe2b8b3;box-shadow:inset 0 0 0 1px #ffe2b88c,0 0 8px #f0b96e73,0 2px 4px #140c0580}.board-btn:focus-visible,.touch-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #ffe2b88c,inset 0 1px #ffdba83d,inset 0 -3px 6px #160b0473,0 3px 8px #140c0566}.tutorial{bottom:calc(20px + env(safe-area-inset-bottom));z-index:19;pointer-events:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;max-width:min(92vw,720px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.tutorial--touch{bottom:calc(168px + env(safe-area-inset-bottom))}.tutorial__row{align-items:center;gap:10px;display:flex}.tutorial__row+.tutorial__row:before{content:"";background-image:linear-gradient(#f0dcc000,#f0dcc04d,#f0dcc000);width:1px;height:20px;margin-right:8px}.tutorial__keys{gap:6px;display:flex}.tutorial__key{background-image:linear-gradient(165deg, #8a5c33eb, #4a2e16fa), var(--grain);background-blend-mode:multiply;width:34px;height:34px;color:var(--engraved);background-size:auto,260px;border:1px solid #1c10088c;border-radius:5px;place-items:center;display:grid;box-shadow:inset 0 1px #ffdba83d,inset 0 -3px 6px #160b0473,0 3px 8px #140c0566}.tutorial__key--wide{width:92px}.tutorial--touch .tutorial__key{border-radius:50%;width:38px;height:38px}.tutorial__key svg{filter:drop-shadow(0 1px 1px #180c04a6);display:block}.tutorial__label{font-family:var(--ui-font);letter-spacing:.18em;text-transform:uppercase;color:#f0dcc0b8;text-shadow:0 1px 2px #140c05bf,0 0 12px #140c0580;font-size:11px}.preloader{--fg:#f0dcc0;--bg:#5f6a4b;z-index:9999;background-color:var(--bg);background-image:repeating-linear-gradient(to bottom, #1c221200 0 78px, #1c221252 78px 80px), linear-gradient(#79855fe0, #4a5239f0), var(--grain);background-blend-mode:normal, multiply, normal;color:var(--fg);font-family:var(--ui-font);background-size:auto,auto,420px;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preloader__inner{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:440px;display:flex;position:relative}.preloader__loading{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.preloader__label{letter-spacing:.24em;text-transform:uppercase;color:#f0dcc0b3;text-shadow:0 1px 1px #181e0e80;font-size:11px}.preloader__progress-wrapper{background-color:#181e0e6b;border-radius:3px;width:100%;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #12160a99,0 1px #fff0d61f}.preloader__progress-bar{background-color:var(--amber);width:0%;height:100%;transition:width .3s}.preloader__percent{letter-spacing:.14em;color:#f0dcc0b8;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px}.preloader__intro{text-align:center;flex-direction:column;align-items:center;gap:30px;display:none}.preloader__description{color:#f5e6cee6;text-shadow:0 1px 2px #181e0e73;font-size:16px;line-height:1.8}.preloader__buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.preloader__btn{background-image:linear-gradient(165deg, #8a5c33f0, #4a2e16fa), var(--grain);background-blend-mode:multiply;color:var(--engraved);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 1px #180c04a6;cursor:pointer;-webkit-tap-highlight-color:transparent;background-size:auto,260px;border:1px solid #1c100899;border-radius:4px;padding:14px 38px;font-family:inherit;font-size:13px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffdba83d,inset 0 -3px 6px #160b0473,0 4px 10px #12160a73}.preloader__btn--primary:hover{color:#ffe6c2;box-shadow:inset 0 1px #ffe7be57,inset 0 -3px 6px #160b0466,0 6px 14px #12160a80}.preloader__credits{letter-spacing:.04em;color:#f0dcc099;text-shadow:0 1px 1px #181e0e73;margin-top:-16px;font-size:12px}.preloader__credits-link{color:#f0b96ed9;text-underline-offset:3px;-webkit-text-decoration:underline #f0b96e66;text-decoration:underline #f0b96e66}.preloader__credits-link:hover,.preloader__credits-link:focus-visible{color:#ffd08a;text-decoration-color:#ffd08acc}.preloader__credits-link:focus-visible{outline-offset:3px;border-radius:2px;outline:1px solid #ffe2b88c}.preloader__btn--quiet{background-image:linear-gradient(165deg, #704a2999, #3a2411b8), var(--grain);color:#f0dcc0c7;border-color:#1c10086b;box-shadow:inset 0 1px #ffdba81a,inset 0 -2px 5px #160b0459,0 3px 8px #12160a4d}.preloader__btn--quiet:hover{color:#f5e6ce;box-shadow:inset 0 1px #ffe7be33,inset 0 -2px 5px #160b0459,0 5px 12px #12160a61}.preloader__btn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #160b0499,0 2px 5px #12160a66}.preloader__btn:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #ffe2b899,inset 0 1px #ffdba83d,inset 0 -3px 6px #160b0473,0 4px 10px #12160a73}