@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-cyrillic-400-normal-DD2KOZkl.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-400-normal-CVFrM67f.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-cyrillic-400-italic-D3GtrbRZ.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-400-italic-AH1vqu4S.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-400-italic-BLh7T8o8.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-cyrillic-400-normal-BMzJvInZ.woff2)format("woff2"),url(/assets/manrope-cyrillic-400-normal-Dvx59UGC.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-cyrillic-500-normal-B1OEZity.woff2)format("woff2"),url(/assets/manrope-cyrillic-500-normal-CNwnNrRC.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}:root{color:#302b25;font-synthesis:none;--paper:#e8e1cf;--ink:#302b25;--dim:#847a69;--line:#aea28a;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",sans-serif;background:#1f1c18;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-width:320px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline-offset:4px;outline:2px solid #ae9973}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.icon{flex-shrink:0;width:24px;height:24px}button .icon{pointer-events:none}.game-shell{width:100%;height:100%;background:#1e1b17;height:100dvh;position:fixed;inset:0;overflow:hidden}.stage-border{position:absolute;inset:0;overflow:hidden}.stage{width:max(100%,177.778vh);height:max(100%,56.25vw);width:max(100%,177.778dvh);transform:translate(calc(-50% + var(--camera-pan,0px)),calc(-50% - var(--camera-rise,0px)));will-change:transform;transition:transform .25s ease-out;position:absolute;top:50%;left:50%}#world{position:absolute;inset:0}#world canvas{touch-action:none;display:block}.room-vignette{pointer-events:none;background:linear-gradient(#16130f58,#0000 22% 71%,#16130f7a),radial-gradient(at 50% 40%,#0000 40%,#1b171528 100%);position:absolute;inset:0}.room-hud{padding:max(22px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left));pointer-events:none;z-index:8;justify-content:space-between;align-items:flex-start;gap:25px;display:flex;position:absolute;inset:0 0 auto}.objective{color:#f0e5ce;font:italic 22px/1.2 var(--serif);text-shadow:0 2px 5px #15100f,0 0 16px #15100f;pointer-events:none;align-items:center;gap:11px;max-width:60%;margin-top:10px;display:flex}.objective:has(#objective:empty){visibility:hidden}.objective-dot{background:#ddc99f;flex-shrink:0;width:4px;height:4px;transform:rotate(45deg)}#progress{font:10px var(--sans);letter-spacing:2px;white-space:nowrap;color:#c6bca7;margin-left:8px}#hotspots{pointer-events:none;position:absolute;inset:0}.hotspot{pointer-events:auto;background:0 0;border:0;border-radius:30%;min-width:40px;min-height:44px;position:absolute;transform:translate(-50%,-50%)}.hotspot:disabled{pointer-events:none}.hotspot:before{content:"";opacity:.9;background:#f2e7c6;border:1px solid #645842;border-radius:50%;width:5px;height:5px;transition:opacity .35s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 5px #efdab925}.hotspot.primary:before{opacity:1;animation:3s ease-in-out infinite beacon}.hotspot span{white-space:nowrap;font:20px var(--serif);pointer-events:none;z-index:5;background:#eee3cbe8;border:1px solid #8f8065;padding:8px 13px;display:none;position:absolute;bottom:48%;left:50%;transform:translate(-50%,-15px);box-shadow:0 2px 8px #17120b40}:is(.hotspot:hover span,.hotspot:focus-visible span){display:block}.hotspot:hover:before{opacity:1}.hotspot:focus-visible:before{opacity:1}.hotspot:focus-visible{outline-offset:-8px;outline:1px dashed #d5c7a155}.hotspot:disabled{visibility:hidden}.has-bag [data-object=door]:before{opacity:1;animation:3s ease-in-out infinite beacon}.room-actions{bottom:max(13px,env(safe-area-inset-bottom));z-index:8;pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:25px;right:25px}.room-actions button{color:#e0d3b9;text-shadow:0 1px 7px #15110d;font:italic 18px var(--serif);opacity:.65;pointer-events:auto;min-height:38px}:is(.room-actions button:hover,.room-actions button:focus-visible){opacity:1}.camera-controls{pointer-events:none;z-index:8;display:none;position:absolute;inset:40% 0 auto}.camera-controls button{color:#eadab8;width:42px;height:80px;font:50px var(--serif);pointer-events:auto;text-shadow:0 1px 3px #000;background:#21190e45;border:0;border-radius:0 12px 12px 0;position:absolute}#look-right{border-radius:12px 0 0 12px;right:0}.eyebrow{font-family:var(--sans);letter-spacing:2px;color:#84785f;font-size:9px;font-weight:500}.text-button{color:#73644b;background:0 0;border:0;border-bottom:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:9px 0;font-size:11px;display:inline-flex}.text-button:hover{border-bottom-color:currentColor}.text-button:disabled{opacity:.35}.text-button .icon{width:19px;height:19px}.button{letter-spacing:.9px;background:0 0;border:1px solid #78694d;border-radius:2px;justify-content:center;align-items:center;gap:15px;min-height:46px;padding:12px 26px;font-size:11px;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#d2c5a9}.button:active{transform:translateY(1px)}.button.dark{color:#f1e8d0;background:#40382b;border-color:#40382b}.button.dark:hover{background:#5a4e3b}.button:disabled{opacity:.45}.button .icon{width:20px;height:20px}kbd{font:10px var(--sans);color:#7b6a4e;white-space:nowrap;border:1px solid #baa88b;border-radius:3px;padding:1px 4px}.intro{z-index:10;pointer-events:none;color:#f6ead0;text-shadow:0 2px 12px #130f0d,0 0 25px #130f0d;background:radial-gradient(#1c160e49,#0000 63%);flex-direction:column;justify-content:center;align-items:center;transition:opacity 2s;animation:2s ink-in;display:flex;position:absolute;inset:0}.intro .eyebrow{letter-spacing:4px;color:#e0cdac;font-size:9px}.intro h2{font:400 clamp(48px,6.5vw,100px) var(--serif);margin:12px 0 0}.intro p{font:italic 24px var(--serif);text-align:center;max-width:80%;margin:7px 20px}.intro #skip{pointer-events:auto;color:#dacbb3;text-shadow:0 1px 4px #181108;font-size:10px;position:absolute;bottom:18px;right:30px}.intro.fading{opacity:0}.ending{z-index:15;color:#e4d7ba;text-align:center;background:#211d17;flex-direction:column;justify-content:center;align-items:center;padding:30px;animation:2s ink-in;display:flex;position:absolute;inset:0}.ending .eyebrow{color:#a29479}.ending h2{font:400 clamp(33px,4.5vw,65px) var(--serif);margin:12px 0}.ending p{font:italic 27px/1.45 var(--serif);color:#c5b899;margin:5px 0 20px}.ending-leaf{color:#aa9673;width:54px;height:54px;margin-top:22px}.next-stop{letter-spacing:1px;color:#b09c79;margin-bottom:28px;font-size:10px}.button.light{color:#e0cfad;border-color:#8d7856}.button.light:hover{background:#483c2a}.light-text{color:#bda480;margin-top:10px}.ending small{color:#817054;margin-top:25px;font-size:9px}.hotspot.primary:before{top:12%}.hotspot.passage:before{display:none}.hotspot.passage{--passage-direction:1;--passage-nudge:0px}.hotspot.exit-left{--passage-direction:-1}.hotspot .passage-arrow{color:#e4d2a8;width:60px;height:60px;transform:translate(calc(-50% + var(--passage-nudge)),-50%) scaleX(var(--passage-direction));filter:drop-shadow(0 1px 1px #15110b)drop-shadow(0 0 4px #1a140dd9);pointer-events:none;transition:transform .18s,color .18s;position:absolute;top:50%;left:50%}.hotspot.passage:is(:hover,:focus-visible){--passage-nudge:3px}.hotspot.exit-left:is(:hover,:focus-visible){--passage-nudge:-3px}.hotspot.passage:is(:hover,:focus-visible) .passage-arrow{color:#fff0c9}.hotspot[data-object=housePhoto] span{bottom:100%;transform:translate(-50%,-12px)}@keyframes ink-in{0%{opacity:0}to{opacity:1}}@keyframes paper-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes filing{to{opacity:0;transform:translate(80%,5%)rotate(10deg)scale(.4)}}@keyframes beacon{0%,to{box-shadow:0 0 0 4px #f4ecd420}50%{box-shadow:0 0 0 9px #f4ecd438}}@media (max-aspect-ratio:16/9){.camera-controls{display:block}}@media (max-width:760px){.room-hud{gap:15px;padding:14px 12px 0}.objective{align-items:flex-start;gap:7px;max-width:calc(100% - 132px);margin-top:6px;font-size:18px}#progress{margin-top:6px;margin-left:0;font-size:8px}.objective-dot{margin-top:9px}.room-actions{left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom))}.room-actions button{min-height:44px;font-size:15px}.hotspot span{font-size:16px}.intro h2{font-size:50px}.intro p{font-size:22px}.intro .eyebrow{font-size:8px}.ending p{font-size:24px}}@media (max-height:600px) and (orientation:landscape){.room-hud{padding:12px 17px 0}.objective{font-size:18px}.room-actions{bottom:4px}.room-actions button{min-height:30px;font-size:14px}.ending h2{font-size:34px}.ending-leaf{display:none}.ending p{font-size:21px}.ending .eyebrow{font-size:7px}.ending small{margin-top:10px}.next-stop{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}dialog::backdrop{-webkit-backdrop-filter:none}}:root{--paper-art:url(/assets/ui/postal-paper.png);--desk-art:url(/assets/ui/writing-desk.png);--book-art:url(/assets/ui/route-book.png);--panel-ink:#29251f;--faded-ink:#665c4c;--warm-paper:#e7dcc2}dialog{--dialog-inset:36px;--speech-space:140px;width:min(1140px,100% - 44px);max-height:calc(100dvh - var(--dialog-inset));color:var(--panel-ink);background:0 0;border:0;border-radius:3px;padding:0;overflow:visible}.panel-scroll{max-height:calc(100dvh - var(--dialog-inset));overscroll-behavior:contain;scrollbar-color:#80745d #28241e;border-radius:3px;overflow:auto;box-shadow:0 20px 90px #080705b3}.panel-frame{display:contents}dialog.with-speech[open]{height:calc(100dvh - var(--dialog-inset));grid-template-rows:minmax(0, 1fr) var(--speech-space);gap:18px;display:grid}.with-speech>.panel-frame>.panel-scroll{align-self:center;min-height:0;max-height:100%}dialog::backdrop{-webkit-backdrop-filter:blur(3px);background:#100e0ac7}dialog[open]{animation:.35s ease-out paper-in}.panel-shell{background:var(--paper-art) center / 100% 100%, var(--warm-paper);min-height:300px;padding:40px 48px 34px;position:relative}.panel-desk .panel-shell{background:linear-gradient(180deg, #100d0bb8, #100d0ba8 46%, #100d0bc2), var(--desk-art) center / cover, #211c17}.close-button{float:right;z-index:5;color:#393025;background:#e2d5b9;border:1px solid #534733;border-radius:48% 52% 46% 51%;place-items:center;width:44px;height:44px;margin:-22px -29px -22px 10px;display:grid;position:sticky;top:12px;box-shadow:1px 2px #1d170c99,inset 0 0 0 3px #b2a08266}.close-button:hover{background:#f4e9ce;transform:rotate(6deg)}.close-button:disabled{opacity:.5}.panel-header{margin-bottom:26px;padding-right:30px}.panel-header h2{font:500 44px/1.04 var(--serif);letter-spacing:-.7px;margin:9px 0 0}.panel-header p{font:italic 22px/1.3 var(--serif);color:var(--faded-ink);margin:9px 0 0}dialog .eyebrow{color:#6d604a;letter-spacing:2px;font-size:10px}.panel-desk .panel-header{color:#fff3d8;text-shadow:0 1px 3px #090705;text-align:center}.panel-desk .panel-header .eyebrow,.panel-desk .panel-header p{color:#eee2cb}dialog .button{min-height:46px;font:500 21px/1.2 var(--serif);letter-spacing:.2px;background:var(--paper-art) center / cover, #dfd0af;color:#312a1f;border:1px solid #62553f;border-radius:2px 5px 3px 1px;padding:10px 26px;box-shadow:2px 3px #28201544,inset 0 0 0 3px #5d513423}dialog .button:hover{filter:brightness(1.08);transform:translateY(-2px)rotate(-.4deg)}dialog .button.dark{color:#f1e5cd;background:#352f25;border-color:#201b12;box-shadow:2px 3px #17110b55,inset 0 0 0 3px #dac3912b}dialog .text-button{color:#584934;font:italic 18px/1.15 var(--serif);min-height:44px}dialog button:focus-visible{outline-offset:4px;outline:2px solid #9c7942}.ink-icon{mix-blend-mode:multiply;filter:grayscale()contrast(1.65);background:url(/assets/ui/route-symbols.png) 0/300% 100% no-repeat;display:inline-block}.ink-tailor{background-position:50%}.ink-rain{background-position:100%}.sorting-desk{grid-template-columns:1.4fr 1fr;gap:40px;min-height:340px;display:grid}.desk-surface{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:24px 15px 12px;display:flex;position:relative}.mail-view{display:contents}.mail-pile{justify-content:center;align-items:center;gap:20px;width:100%;min-height:190px;display:flex;position:relative}.envelope{background:var(--paper-art) center / cover, #ddcfb1;min-width:0;max-width:190px;height:124px;transform:rotate(var(--turn));border:1px solid #5b4e37;border-radius:2px 1px 4px 2px;flex:1;padding:0;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:3px 7px 5px #120d088a,inset 0 0 0 3px #fff2ca35}:is(.envelope:hover,.envelope:focus-visible){z-index:2;transform:rotate(0)translateY(-12px);box-shadow:3px 17px 14px #120d086b}.envelope-flap{position:absolute;inset:0;overflow:hidden}.envelope-flap:before{content:"";background:#cbb9944f;border:1px solid #57482fab;width:145px;height:145px;position:absolute;top:-100px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:2px 2px 2px #4a37162e}.seal{color:#e8d9b5;background:#42392a;border:2px double #9c8561;border-radius:45% 53% 46% 48%;place-items:center;width:33px;height:31px;display:grid;position:absolute;top:65px;left:calc(50% - 16px);box-shadow:2px 3px 2px #1e130965,inset 0 0 0 2px #19150d}.seal .icon{width:23px;height:23px}.small-stamp{font:italic 16px var(--serif);color:#615035;border:1px dashed #7c6644;padding:3px;position:absolute;top:10px;right:9px}.table-note{text-align:center;font:italic 23px/1.25 var(--serif);color:#eee0be;text-shadow:0 1px 4px #110c07,0 0 12px #110c07;margin:14px 0 0}.pockets{flex-direction:column;justify-content:center;gap:20px;padding:12px 0;display:flex}.pockets>.eyebrow{color:#eee2cb;text-shadow:0 1px 3px #090705;padding-left:9px}.pocket{text-align:left;background:var(--paper-art) center / 200% 200%, #d9c9a7;color:#31291d;border:1px solid #685235;border-top:3px solid #3e3322;border-radius:2px 2px 7px 3px;align-items:center;gap:12px;min-height:87px;padding:17px 18px 13px;transition:transform .2s,filter .2s;display:flex;position:relative;transform:rotate(-1deg);box-shadow:1px 6px 5px #100c0775,inset 0 5px 5px #4d381937}.pocket:nth-of-type(2){transform:rotate(1deg)}.pocket:after{content:"";pointer-events:none;border:1px dashed #715e3b72;border-top:none;border-radius:0 0 5px 2px;position:absolute;inset:7px 5px 5px}.pocket:hover:not(:disabled){filter:brightness(1.08);transform:translate(-5px)rotate(0)}.pocket>span:not(.pocket-symbol){font:500 27px/1.06 var(--serif)}.pocket small{font:italic 16px/1.15 var(--serif);color:#6b573a;margin-top:5px;display:block}.pocket-symbol{flex-shrink:0;place-items:center;width:53px;height:53px;display:grid}.pocket-symbol>.icon{width:53px;height:53px}.pocket.filled{filter:brightness(.83)}.pocket.filled>.icon{width:24px;margin-left:auto}.selected-letter{background:var(--paper-art) center / 100% 100%, #e4d5b7;border:1px solid #736044;border-radius:2px;width:100%;min-height:250px;padding:44px 13% 50px;animation:.3s paper-in;position:relative;transform:rotate(-2deg);box-shadow:3px 8px 9px #0f09098f}.selected-letter.reverse{transform:rotate(1deg)}.letter-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.postmark{letter-spacing:1px;color:#8a7552;border-top:1px solid #77674980;border-bottom:1px solid #77674980;padding:4px 3px;font-size:8px;line-height:1.6;transform:rotate(-8deg)}.stamp{background:#d6c7a4;border:2px dashed #776345;flex-direction:column;flex:0 0 50px;justify-content:center;align-items:center;height:60px;display:flex}.stamp .icon{width:40px;height:40px}.stamp small{font:11px var(--serif)}.to-label{font:italic 16px var(--serif);color:#7a6544}.address{font:italic 32px/1.2 var(--serif);color:#3d3020;overflow-wrap:break-word;margin:13px 0 17px}.envelope-rule{border-top:1px solid #7f694b55;max-width:75%;display:block}.letter-actions{justify-content:space-between;gap:20px;width:100%;margin-top:12px;display:flex}.panel-desk .letter-actions .text-button{color:#fff1d5;text-shadow:0 1px 2px #090705;font:500 21px/1.2 var(--serif);border-bottom-color:#dac39d66}.selected-letter.filing{animation:.65s ease-in forwards filing}.blotter{background:repeating-linear-gradient(12deg,#373126 0 2px,#413a2b 3px 4px);border:2px solid #211a0e;width:85%;height:190px;margin:0 20px 15px 0;position:relative;transform:rotate(-3deg);box-shadow:2px 5px 9px #110b0877}.blotter:after{content:"";pointer-events:none;border:1px dashed #b6a47b80;position:absolute;inset:8px}.blotter-label{letter-spacing:2px;color:#c8b78f;z-index:2;font-size:8px;position:absolute;top:22px;left:17px}.hidden-letter{background:var(--paper-art) center / cover, #d4c39f;clip-path:polygon(3% 0,97% 3%,100% 94%,96% 99%,1% 96%);border:1px solid #6c5332;width:105px;height:133px;position:absolute;bottom:-11px;right:-35px;transform:rotate(14deg);box-shadow:2px 3px 4px #21140870}.hidden-letter:before{content:"";background:#393226;border-right:1px solid #261c0e;position:absolute;inset:0 43px 0 0}.hidden-letter:hover{transition:transform .4s;transform:rotate(18deg)translate(8px)}.hidden-letter>span{writing-mode:vertical-rl;font:italic 23px var(--serif);color:#493820;position:absolute;top:20px;right:12px}.center-actions{flex-direction:column;justify-content:center;align-items:center;gap:9px;margin-top:23px;display:flex}.panel-personal .panel-shell{background-size:190% 250%}.panel-personal .panel-header{padding-right:35px}.personal-envelope{background:var(--paper-art) center / cover, #d7c29a;border:1px solid #8b6c40;width:470px;max-width:95%;min-height:240px;margin:38px auto 25px;padding:42px 55px;position:relative;transform:rotate(-2deg);box-shadow:4px 8px 14px #3e251955}.personal-envelope p{font:italic 42px/1.12 var(--serif);color:#3d2e1d;margin:18px 0}.old-fold{background:#90765038;width:1px;position:absolute;top:0;bottom:0;left:49%;box-shadow:2px 0 #f6e3b566}.personal-mark{color:#8b7048;font-size:25px;position:absolute;bottom:30px;right:34px}.letter-and-leaf{grid-template-columns:1fr 190px;align-items:center;gap:20px;padding:5px 10px;display:grid}.personal-paper{background:var(--paper-art) center / 100% 100%, #eee0c1;border:1px solid #aa8c5c;flex-direction:column;justify-content:center;min-height:300px;padding:56px 13%;display:flex;position:relative;transform:rotate(-1deg);box-shadow:3px 7px 12px #60432544}.personal-paper:after{content:"";pointer-events:none;background:#b3916240;height:1px;position:absolute;top:48%;left:0;right:0;box-shadow:0 2px #fff1d966}.personal-paper p{font:400 34px/1.6 var(--serif);color:#3f301f;z-index:1;margin:0;position:relative}.personal-paper em{font-style:italic}.paper-finish{font:25px var(--serif);color:#8e7551;margin-top:20px}.paper-corner{display:none}.dried-leaf{color:#73603f;background:0 0;border:0;flex-direction:column;align-items:center;min-height:200px;padding:20px 10px;display:flex}.leaf-art{object-fit:contain}.dried-leaf>.icon{filter:drop-shadow(2px 4px 2px #47321b26);width:120px;height:155px;transition:transform .45s;transform:rotate(-9deg)}:is(.dried-leaf:hover>.icon,.dried-leaf:focus-visible>.icon){transform:rotate(-3deg)translateY(-4px)}.dried-leaf>span{font:italic 24px var(--serif);margin-top:15px}.dried-leaf small{font:16px var(--serif);margin-top:7px}.small-note{font:italic 17px var(--serif)}.muted{color:#7b684b}.panel-leaf{width:min(720px,100% - 44px)}.panel-leaf .panel-shell{padding:55px 12% 64px}.panel-leaf .panel-header{text-align:center;margin-bottom:12px;padding-right:0}.leaf-study{place-items:center;margin:0;display:grid}.leaf-closeup{object-fit:contain;filter:drop-shadow(4px 7px 3px #47321b26);width:100%;height:clamp(230px,40dvh,390px);animation:.5s ease-out leaf-reveal;display:block}.panel-leaf .center-actions{margin-top:16px}@keyframes leaf-reveal{0%{opacity:0;transform:translateY(12px)rotate(-5deg)scale(.86)}to{opacity:1;transform:none}}.panel-book .panel-frame{display:block;position:relative}.panel-book .panel-scroll{box-shadow:none;border-radius:0}.panel-book .panel-shell{background:0 0;min-height:0;padding:0}.panel-book .close-button{float:none;margin:0;position:absolute;top:12px;right:12px}.notebook{min-height:min(660px, calc(100dvh - var(--dialog-inset)));filter:drop-shadow(0 15px 20px #08070580);grid-template-columns:1fr 1fr;padding:40px 40px 90px;display:grid;position:relative}.notebook:before{content:"";background:var(--book-art) center / 100% 100%;clip-path:polygon(1.5% 4.4%,3% 3.5%,7% 3.2%,14% 3.5%,22% 3.3%,31% 3.2%,38% 2.8%,43% 2.5%,46% 1.8%,48.5% 3%,50% 4.2%,53% 3.6%,56% 2.7%,63% 3%,73% 3.5%,83% 3.2%,95% 3.8%,98.2% 4.8%,98.5% 8%,98.2% 20%,98.4% 35%,98.3% 50%,98.3% 59%,99% 62%,98.7% 65%,99.8% 66.5%,99% 68.5%,98.6% 72%,98.6% 87%,98.4% 90.4%,96% 91%,84% 90.2%,72% 90.5%,59% 90%,52% 90.5%,52.2% 93.5%,53.7% 97%,53% 97%,53.3% 98%,52.3% 97.6%,51.2% 98.4%,50% 95.5%,49% 92.2%,48.5% 90.5%,43% 90%,33% 89.8%,20% 90%,10% 90%,2% 90%,1% 88.5%,1.3% 78%,1.2% 65%,1.6% 50%,1.5% 36%,1.7% 23%);position:absolute;inset:0}.notebook>section{min-width:0;padding:27px 32px 30px;position:relative}.notebook>.route-page{padding-left:75px}.notebook>section>.eyebrow{text-align:center;display:block}.notebook-title{font:500 27px/1.1 var(--serif);text-align:center;margin:-6px 0 0}.route-page ol{margin:17px 0 0;padding:0;list-style:none}.route-page li{border-bottom:1px solid #8a75513d;align-items:center;gap:12px;padding:19px 0;display:flex}.route-number{font:italic 17px var(--serif);color:#806d4e}.route-page li>.icon{width:49px;height:49px}.route-page h3{font:500 29px/1.08 var(--serif);margin:0}.route-page p{font:italic 17px/1.2 var(--serif);color:#65533a;margin:5px 0}.route-page small{font:14px var(--serif);color:#846b45}.page-number{font:italic 15px var(--serif);color:#7b6748;position:absolute;bottom:5px;left:50%}.personal-page>.eyebrow{display:block}.book-leaf{float:right;stroke-width:1px;color:#6f5c3e;width:62px;height:77px;margin-top:12px;transform:rotate(15deg)}.personal-page h3{font:italic 32px/1.1 var(--serif);margin:38px 0 14px}.personal-page p{font:23px/1.3 var(--serif);color:#5a452b;margin:0 0 15px}.personal-page p.handwritten{font:italic 29px var(--serif);color:#3f2d17}.next-note{font:italic 22px/1.3 var(--serif);color:#796244;border-top:1px dashed #92785377;margin-top:17px;padding:15px 0 0}.empty-note{font:italic 27px/1.4 var(--serif);text-align:center;color:#907650;margin-top:100px}.panel-help{width:min(730px,100% - 44px)}.panel-help .panel-shell{padding:64px 80px 75px}.panel-help .close-button{margin-top:-31px;margin-right:-39px}.panel-help .panel-header{text-align:center;margin-bottom:26px;padding:0}.panel-help .panel-header h2{max-width:410px;margin:10px auto 0;font-size:39px}.help-copy{font:22px/1.28 var(--serif)}.help-entry{gap:20px;margin:0 0 18px;display:flex}.ink-number{font:italic 31px/1.3 var(--serif);color:#95764c;flex-shrink:0;width:30px}.help-entry h3{font:500 25px var(--serif);margin:0 0 3px}.help-entry p{color:#5c4930;margin:0}.keyboard-note{border-top:1px dashed #a3875a80;margin-top:22px;padding-top:16px}.keyboard-note p{margin:6px 0 12px;font-size:18px;line-height:1.6}.help-copy kbd{font:15px var(--serif);color:#59432b;border-color:#9d805a70;border-radius:2px;padding:2px 4px}.help-margin-note{font:italic 18px/1.35 var(--serif);color:#8b704e;margin:15px 0 0}.help-copy .center-actions{margin-top:20px}.help-copy .restart-link{font-size:17px}.panel-objects .panel-shell{padding:72px 12% 80px}.panel-objects .close-button{margin-top:-45px;margin-right:-24px}.panel-objects .panel-header{padding-right:0}.object-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 25px;display:grid}.object-button{text-align:left;min-height:60px;font:italic 25px var(--serif);background:0 0;border:0;border-bottom:1px dashed #9d815650;justify-content:space-between;align-items:center;gap:15px;padding:12px 8px;display:flex}.object-button:hover{background:#b4924820}.object-button .icon{color:#7e6845;flex-shrink:0;width:22px}.desk-complete{text-align:center;color:#eee0bf;padding:25px}.desk-complete>.icon{width:66px;height:66px}.desk-complete p{font:28px/1.5 var(--serif)}.panel-desk .desk-complete>.text-button{color:#e6d2ab;margin:15px auto;display:block}.toast{z-index:100;background:var(--paper-art) center / cover, #e1d2b3;color:#47331d;font:italic 23px var(--serif);text-align:center;pointer-events:none;border:1px solid #8b7147;max-width:90vw;padding:18px 28px;animation:.4s ink-in;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #170d075c}@media (max-width:760px){dialog,.panel-help{--dialog-inset:20px;--speech-space:166px;width:calc(100% - 18px)}dialog.with-speech[open]{gap:12px}.panel-shell,.panel-help .panel-shell{padding:33px 25px 30px}.panel-help .panel-shell{padding:40px 36px 90px}.panel-objects .panel-shell{padding-top:100px;padding-bottom:130px}.panel-objects .close-button{margin-top:-73px}.close-button,.panel-help .close-button{margin:-24px -18px -20px 8px;top:8px}.panel-header{margin-bottom:19px;padding-right:20px}.panel-header h2{font-size:36px}.panel-header p{font-size:21px}.sorting-desk{grid-template-columns:1fr;gap:10px}.desk-surface{min-height:220px;padding:8px 3px 10px}.mail-pile{gap:12px;min-height:142px}.envelope{height:95px}.envelope-flap:before{width:113px;height:113px;top:-80px}.seal{width:27px;height:26px;top:48px;left:calc(50% - 13px)}.seal .icon{width:20px;height:20px}.small-stamp{padding:2px;font-size:12px;top:6px;right:5px}.table-note{margin:9px 0 0;font-size:22px}.pockets{gap:14px}.pocket{gap:10px;min-height:80px;padding:12px}.pocket>span:not(.pocket-symbol){font-size:26px}.pocket small{font-size:15px}.pocket-symbol,.pocket-symbol>.icon{width:46px;height:46px}.selected-letter{min-height:240px;padding-top:50px;padding-bottom:58px}.address{font-size:29px}.postmark{font-size:7px}.letter-actions{gap:15px}.panel-desk .letter-actions .text-button{font-size:18px}.blotter{max-width:280px;height:165px}.blotter-label{letter-spacing:1px;font-size:7px}.notebook{background:0 0;grid-template-columns:1fr;gap:12px;min-height:0;padding:0}.notebook:before{display:none}.notebook>section{background:var(--paper-art) center / 100% 100%, var(--warm-paper);min-height:355px;padding:62px 12% 60px}.notebook>.route-page{padding-left:12%}.notebook-title{margin:0;font-size:26px}.route-page li{gap:10px;padding:16px 0}.route-page h3{font-size:27px}.route-page p{font-size:16px}.route-page li>.icon{width:44px;height:44px}.page-number{bottom:37px}.empty-note{margin-top:80px;font-size:26px}.personal-page h3{margin-top:28px}.panel-help .panel-header h2{font-size:35px}.help-copy{font-size:22px}.help-entry{gap:11px}.ink-number{width:25px;font-size:28px}.help-entry h3{font-size:25px}.keyboard-note p{font-size:17px}.letter-and-leaf{grid-template-columns:1fr;gap:0;padding:0}.personal-paper{min-height:260px;padding:48px 13% 58px}.personal-paper p{font-size:clamp(24px,6.7vw,32px)}.dried-leaf{justify-content:center;min-height:130px;padding:17px 5px 0 90px;position:relative}.dried-leaf>.icon{width:70px;height:95px;position:absolute;top:15px;left:15px}.dried-leaf>span{font-size:23px}.dried-leaf small{font-size:16px}.panel-leaf{width:calc(100% - 18px)}.panel-leaf .panel-shell{padding:52px 12% 65px}.panel-leaf .close-button{margin-top:-40px;margin-right:-20px}.panel-leaf .panel-header h2{font-size:33px}.personal-envelope{min-height:220px;margin:30px auto 20px;padding:35px 28px}.personal-envelope p{font-size:36px}.object-list{grid-template-columns:1fr}.toast{width:max-content;font-size:21px;bottom:15px}.small-note{text-align:center;font-size:16px}}@media (max-height:600px) and (orientation:landscape){dialog{--dialog-inset:16px;--speech-space:112px}.panel-shell{padding:29px}.panel-header h2{font-size:35px}dialog.with-speech[open]{gap:10px}.sorting-desk{grid-template-columns:1.3fr 1fr;gap:24px}.mail-pile{gap:14px}.envelope{height:105px}.pocket>span:not(.pocket-symbol){font-size:24px}.pocket small{font-size:15px}.panel-leaf{width:min(880px,100% - 18px)}.panel-leaf .panel-shell{padding:34px 11% 40px}.panel-leaf #panel-content{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:0 20px;display:grid}.panel-leaf .panel-header{grid-area:1/2}.panel-leaf .panel-header h2{font-size:30px}.panel-leaf .leaf-study{grid-area:1/1/4;align-self:start}.leaf-closeup{height:min(66dvh,290px)}.panel-leaf .center-actions{grid-area:2/2}}@media (prefers-reduced-motion:reduce){dialog[open],.selected-letter,.leaf-closeup{animation:none}.dried-leaf>.icon{transition:none}}.dialogue-card{--paper-left:64px;--paper-right:108px;isolation:isolate;color:#2e271c;text-align:left;filter:drop-shadow(0 4px 5px #100a0780);background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-items:center;min-height:142px;padding:27px 164px 28px 86px;display:grid;position:relative}.dialogue-paper{z-index:-1;pointer-events:none;grid-template-columns:var(--paper-left) minmax(0, 1fr) var(--paper-right);display:grid;position:absolute;inset:0}.dialogue-paper>svg{width:100%;height:100%;display:block;overflow:hidden}.dialogue-copy{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#947b52 transparent;min-width:0;min-height:0;overflow:auto}.speaker-name{color:#796344;width:max-content;max-width:100%;font:500 10px/1.3 var(--sans);letter-spacing:2.5px;border-bottom:1px solid #8b75507a;padding-bottom:6px;display:block}.dialogue-copy p{font:500 26px/1.2 var(--serif);margin:7px 0 0}.conversation{z-index:8;left:50%;bottom:max(57px, calc(env(safe-area-inset-bottom) + 44px));pointer-events:auto;width:min(940px,100% - 64px);max-height:min(40dvh,280px);position:absolute;transform:translate(-50%)}.speech-close{color:#69563c;z-index:1;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:color .2s,translate .2s;display:grid;position:absolute;bottom:20px;right:108px}.speech-close:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#69563c55);width:26px;height:1px;position:absolute;top:21px;right:31px}.speech-close .icon{width:36px;height:36px}.speech-close:hover{color:#302519;translate:2px}.conversation.speaking .dialogue-copy{animation:.45s ink-in}.panel-dialogue{grid-row:2;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);justify-self:center;width:min(940px,100%);min-width:0;height:100%;min-height:0;padding:24px 164px 25px 86px;display:grid}.panel-dialogue>.dialogue-copy{grid-area:1/1;place-self:stretch stretch;width:100%;max-height:100%}.panel-dialogue .dialogue-copy p{font-size:24px}body:has(dialog[open]) .conversation{visibility:hidden}@media (max-width:760px){.dialogue-card{--paper-left:40px;--paper-right:62px;min-height:132px;padding:36px 98px 22px 40px}.speaker-name{letter-spacing:1.7px;padding-bottom:4px;font-size:8px}.dialogue-copy p{margin-top:5px;font-size:21px;line-height:1.18}.conversation{bottom:max(59px, calc(env(safe-area-inset-bottom) + 44px));width:calc(100% - 12px)}.speech-close{bottom:16px;right:54px}.speech-close .icon{width:30px;height:30px}.speech-close:before{display:none}.panel-dialogue{--paper-left:32px;--paper-right:56px;min-height:0;padding:28px 88px 20px 32px}.panel-dialogue .speech-close{right:44px}.panel-dialogue .dialogue-copy p{font-size:19px;line-height:1.18}}@media (max-height:600px) and (orientation:landscape){.dialogue-card{--paper-left:48px;--paper-right:80px}.conversation{width:min(850px,94%);min-height:112px;padding:20px 134px 20px 64px;bottom:35px}.conversation .dialogue-copy p{margin-top:4px;font-size:22px}.speaker-name{padding-bottom:3px;font-size:8px}.panel-dialogue{padding:18px 134px 20px 64px}.panel-dialogue .speech-close{right:84px}.panel-dialogue .dialogue-copy p{margin-top:4px;font-size:21px}.speech-close{bottom:15px;right:84px}}@media (prefers-reduced-motion:reduce){.conversation.speaking .dialogue-copy{animation:none}.speech-close{transition:none}}.tools{pointer-events:auto;flex-shrink:0;gap:12px;display:flex}.hud-icon{--seal-ink:#392e20;background:var(--paper-art) 48% 46% / 550% 450%, #dfd0af;width:62px;height:62px;color:var(--seal-ink);border:1px solid #655338;border-radius:47% 52% 48% 51%/51% 46% 54% 49%;place-items:center;padding:9px;transition:transform .2s,filter .2s;display:grid;position:relative;box-shadow:1px 2px #261d13b3,0 3px 8px #100c0755,inset 0 0 6px #79644344}.hud-icon:before{content:"";pointer-events:none;border:1px solid #8c775361;border-bottom-color:#705b3888;border-radius:49% 47% 51% 48%;position:absolute;inset:4px}.hud-icon .icon{width:42px;height:42px;transition:transform .25s;transform:rotate(-7deg)}.hud-icon.book-button{border-radius:52% 47% 50% 48%}.hud-icon.book-button .icon{transform:rotate(7deg)}.hud-icon:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.hud-icon:focus-visible{filter:brightness(1.1);transform:translateY(-2px)}.hud-icon:hover:not(:disabled) .icon{transform:rotate(0)}.hud-icon:focus-visible .icon{transform:rotate(0)}.hud-icon:active:not(:disabled){transform:translateY(1px)}.hud-icon:disabled{opacity:.45}.book-button b{background:#765533;border:1px solid #ecddbc;width:6px;height:6px;position:absolute;top:5px;right:5px;transform:rotate(45deg);box-shadow:0 0 0 2px #d8c7a3}.location-caption{z-index:9;isolation:isolate;pointer-events:none;left:50%;bottom:max(64px, calc(env(safe-area-inset-bottom) + 48px));text-align:center;color:#f1e3c7;width:max-content;max-width:calc(100% - 40px);padding:10px 24px 16px;animation:4.4s both location-arrival;position:absolute;transform:translate(-50%)}.location-caption:before{content:"";z-index:-1;filter:blur(8px);pointer-events:none;background:radial-gradient(#15110cdf 0%,#15110c99 34%,#15110c00 72%);position:absolute;inset:-20px -60px}.location-ornament{color:#ceba91;filter:drop-shadow(0 1px 3px #100c08);width:180px;height:25px;margin:0 auto 9px;display:block}.location-caption p{font:500 27px/1.2 var(--serif);letter-spacing:2.2px;text-transform:uppercase;text-shadow:0 1px 3px #100d08,0 3px 12px #100d08;margin:0}@keyframes location-arrival{0%{opacity:0;translate:0 6px}18%,78%{opacity:1;translate:0}to{opacity:0;translate:0 -3px}}@media (max-width:760px){.room-hud{gap:14px}.tools{gap:8px}.hud-icon{width:52px;height:52px;padding:7px}.hud-icon .icon{width:36px;height:36px}.objective{max-width:calc(100% - 126px);margin-top:6px}.location-caption{max-width:calc(100% - 32px);bottom:max(64px, calc(env(safe-area-inset-bottom) + 48px));padding:8px 4px 12px}.location-caption p{letter-spacing:1.3px;font-size:clamp(19px,5.2vw,24px)}.location-ornament{width:150px;height:22px;margin-bottom:7px}}@media (max-height:600px) and (orientation:landscape){.room-hud{gap:20px;display:flex}.objective{max-width:calc(100% - 128px)}.hud-icon{width:48px;height:48px;padding:6px}.hud-icon .icon{width:34px;height:34px}.location-caption{bottom:max(38px, calc(env(safe-area-inset-bottom) + 32px));padding-block:0 6px}.location-caption p{font-size:21px}.location-ornament{width:140px;height:18px;margin-bottom:5px}}@media (prefers-reduced-motion:reduce){.location-caption{animation:none}}@media (hover:none) and (pointer:coarse){html{text-size-adjust:100%}.stage-border{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stage{transition:none}.camera-controls,.hotspot.passage,.hotspot span{display:none}.room-hud{padding-top:max(12px, env(safe-area-inset-top));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}dialog{--dialog-inset:calc(max(10px, env(safe-area-inset-top)) + max(10px, env(safe-area-inset-bottom)));width:min(1140px, calc(100% - max(10px, env(safe-area-inset-left)) - max(10px, env(safe-area-inset-right))));max-width:calc(100% - max(10px, env(safe-area-inset-left)) - max(10px, env(safe-area-inset-right)));top:max(10px, env(safe-area-inset-top));bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));margin-block:auto}.panel-frame{min-height:0;display:block;position:relative}.with-speech>.panel-frame{align-self:stretch;overflow:visible}.with-speech>.panel-frame>.panel-scroll{max-height:100%}.panel-frame>.close-button{float:none;width:44px;height:44px;margin:0;position:absolute;top:10px;right:10px;transform:none}.panel-frame .panel-shell{padding-top:64px}.panel-book .panel-shell{padding:0}.panel-objects .panel-shell{padding-top:100px}.panel-help .panel-shell{padding-left:13%;padding-right:13%}.panel-frame .panel-header{padding-right:0}.panel-frame .panel-header .eyebrow{line-height:1.5;display:block}.panel-frame .keyboard-note{display:none}.with-speech>.panel-dialogue{width:100%}.speech-close{touch-action:manipulation}.panel-desk .letter-actions{gap:8px}.panel-desk .letter-actions .text-button{background:var(--paper-art) center / 550% 450%, #e7dcc2;color:#342a1e;min-height:48px;text-shadow:none;font:500 19px/1.1 var(--serif);border:1px solid #756143;border-radius:3px 6px 2px 4px;flex:1;padding:8px 10px;box-shadow:1px 3px #17100988,inset 0 0 0 3px #80664026}}@media (hover:none) and (pointer:coarse) and (max-width:760px) and (orientation:portrait){.panel-sorting{--speech-space:156px}.panel-sorting .panel-dialogue .speaker-name{padding-bottom:3px;font-size:8px}.panel-sorting .panel-dialogue .dialogue-copy p{margin-top:4px;font-size:19px}.panel-sorting .panel-scroll{border:1px solid #8e78554d;height:100%;overflow:hidden}.panel-sorting .panel-shell{height:100%;min-height:0;padding:12px 12px 14px}.panel-sorting #panel-content{grid-template-rows:auto minmax(0,1fr);gap:10px;height:100%;display:grid}.panel-sorting .panel-header{text-align:left;min-height:44px;margin:0;padding:3px 52px 0 0}.panel-sorting .panel-header .eyebrow,.panel-sorting .panel-header p{display:none}.panel-sorting .panel-header h2{margin:0;font-size:29px}.panel-sorting .sorting-desk{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0}.panel-sorting .desk-surface{gap:10px;min-height:0;padding:0}.panel-sorting .mail-view{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#dac89f #2e251c;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;padding:8px;display:flex;overflow:auto}.panel-sorting .mail-view>*{flex-shrink:0}.panel-sorting .mail-view>:first-child{margin-top:auto}.panel-sorting .mail-view>:last-child{margin-bottom:auto}.panel-sorting .selected-letter{min-height:0;padding:24px 13% 30px;transform:rotate(-1deg)}.panel-sorting .letter-heading{margin-bottom:10px}.panel-sorting .stamp{flex-basis:34px;height:38px}.panel-sorting .stamp .icon{width:25px;height:25px}.panel-sorting .address{margin:10px 0 14px;font-size:24px;line-height:1.16}.panel-sorting .letter-actions{flex-shrink:0;margin:0}.panel-sorting .pockets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;display:grid}.panel-sorting .pockets>.eyebrow{letter-spacing:1.5px;grid-column:1/-1;padding:0;font-size:8px}.panel-sorting .pocket{text-align:center;flex-direction:column;justify-content:center;gap:3px;min-height:82px;padding:7px 3px;transform:none}.panel-sorting .pocket>span:not(.pocket-symbol){font-size:clamp(16px,4.5vw,19px);line-height:1}.panel-sorting .pocket small{display:none}.panel-sorting .pocket-symbol,.panel-sorting .pocket-symbol>.icon{width:32px;height:32px}.panel-sorting .pocket.filled>.icon{width:15px;height:15px;position:absolute;top:5px;right:5px}}@media (hover:none) and (pointer:coarse) and (max-width:760px) and (max-height:640px) and (orientation:portrait){.panel-sorting{--speech-space:156px}.panel-sorting .panel-header{min-height:36px}.panel-sorting .panel-header h2{font-size:26px}.panel-sorting .letter-heading{display:none}.panel-sorting .address{margin:8px 0 10px;font-size:22px}.panel-sorting .letter-actions .text-button{font-size:17px}.panel-sorting .pocket{min-height:66px}.panel-sorting .pocket-symbol,.panel-sorting .pocket-symbol>.icon{width:23px;height:23px}}@media (hover:none) and (pointer:coarse) and (max-width:360px) and (orientation:portrait){.panel-sorting{--speech-space:176px}.panel-sorting .panel-dialogue .dialogue-copy p{font-size:18.5px}}dialog.panel-settings{--book-edge:44px;width:min(510px,100% - 12px);max-width:calc(100% - 12px);height:100dvh;max-height:100dvh;inset:0 max(4px, env(safe-area-inset-right)) 0 auto;color:#ecddbb;border-radius:0;margin:0;position:fixed}dialog.panel-settings[open]{animation:.35s ease-out folder-in;display:block}.panel-settings::backdrop{-webkit-backdrop-filter:none;background:#0d0b0847}.panel-settings .panel-frame{height:100%;display:block;position:relative}.panel-settings .panel-scroll{height:100%;max-height:100%;box-shadow:none;border-radius:0;overflow:visible}.panel-settings .panel-shell{height:100%;min-height:0;padding:max(15dvh, env(safe-area-inset-top)) 60px max(9dvh, env(safe-area-inset-bottom)) 124px;isolation:isolate;background:0 0}.panel-settings .panel-shell:before{content:"";z-index:1;inset:0 0 0 var(--book-edge);pointer-events:none;filter:drop-shadow(-7px 4px 10px #0007);background:url(/assets/ui/settings-folder.png) 50%/100% 100% no-repeat;position:absolute}.panel-settings #panel-content{height:100%;min-height:0}.panel-settings .close-button{z-index:4;float:none;top:max(24px, env(safe-area-inset-top));width:44px;height:44px;margin:0;position:absolute;right:12px}.settings-tabs{z-index:0;left:5px;top:max(16dvh, env(safe-area-inset-top));flex-direction:column;gap:12px;display:flex;position:absolute}.settings-tabs button{color:#5a4730;background:linear-gradient(#ab987660, #bfa98255), var(--paper-art) center / 600% 450%, #d2bd94;clip-path:polygon(5% 0,100% 2%,100% 100%,4% 98%,0 91%,1% 7%);transform-origin:100%;border:0;border-radius:5px 0 0 3px;place-items:center;width:78px;height:72px;padding:12px 31px 12px 9px;transition:transform .18s,filter .18s;display:grid;position:relative;transform:rotate(-1.5deg);box-shadow:-1px 2px 4px #0007}.settings-tabs button:before{content:"";pointer-events:none;border:1px solid #735d3d55;border-right:0;border-radius:2px;position:absolute;inset:5px 0 5px 5px}.settings-tabs button:after{content:"";clip-path:polygon(0 0,100% 100%,0 100%);pointer-events:none;background:#9b82524d;width:9px;height:9px;position:absolute;bottom:2px;left:2px}.settings-tabs button:nth-child(2n){transform:rotate(1.5deg)}.settings-tabs button[aria-selected=true]{color:#30251b;background:var(--paper-art) center / 600% 450%, #efdfbd;transform:translate(-3px)}.settings-tabs .icon{width:29px;height:29px}.settings-tabs span{display:none}.settings-tabs button:hover{filter:brightness(1.1)}.settings-tabs button:focus-visible{outline:none}.settings-tabs button:focus-visible:before{border:2px solid #47341c;inset:4px 0 4px 4px}.settings-page{z-index:2;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8d7956 transparent;min-width:0;height:100%;margin-right:-8px;padding:4px 8px 14px 0;position:relative;overflow:auto}.settings-page h3{font:500 32px/1.15 var(--serif);color:#f4e4c4;margin:4px 0 24px}.drawer-rule{color:#bea77a;justify-content:center;align-items:center;gap:8px;margin:24px 0;font-size:12px;display:flex}.drawer-rule:before,.drawer-rule:after{content:"";background:linear-gradient(90deg,#0000,#a18a6288);flex:1;height:1px}.drawer-rule:after{transform:rotate(180deg)}.chapter-number{font:10px/1.5 var(--sans);letter-spacing:2px;color:#bba787;margin:8px 0 12px;display:block}.chapter-restart{color:#eddbb7;width:100%;min-height:60px;font:500 24px/1.2 var(--serif);text-align:left;background:0 0;border:0;border-bottom:1px solid #a08a6044;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.chapter-restart .icon{width:26px;height:26px}.chapter-restart:hover:not(:disabled){color:#fff0d0}.chapter-restart:disabled{opacity:.5}.drawer-sound{color:#eddbb5;text-align:left;width:100%;min-height:54px;font:500 24px/1.2 var(--serif);background:0 0;border:0;border-bottom:1px solid #a08a6055;grid-template-columns:26px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:0 0 12px;display:grid}.drawer-sound>.icon{color:#c7af80;width:25px;height:25px}.drawer-sound small{font:10px/1.4 var(--sans);color:#bdaa88;margin-top:4px;display:block}.drawer-check{border:1px solid #b59a68;border-radius:46% 52% 49% 45%;place-items:center;width:22px;height:22px;display:grid}.drawer-check .icon{width:22px;height:22px}.volume-control{color:#e6d4af;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;margin-top:24px;display:grid}.volume-control label{font:500 23px/1.15 var(--serif)}.volume-control output{font:11px var(--sans);color:#c5b18c}.volume-control small{font:italic 16px/1.25 var(--serif);color:#bfae8d;grid-column:1/-1}.volume-control input{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;grid-column:1/-1;width:100%;min-width:0;height:44px;margin:0}.volume-control input::-webkit-slider-runnable-track{background:linear-gradient(to right, #bda47a var(--volume-level), #5c5342 var(--volume-level));border-radius:3px;height:4px}.volume-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#baa17a;border:1px solid #cab18a;border-radius:50%;width:19px;height:19px;margin-top:-8px;box-shadow:inset 0 0 0 3px #4a3e2e,1px 2px 3px #0008}.volume-control input::-moz-range-track{background:#5c5342;border-radius:3px;height:4px}.volume-control input::-moz-range-progress{background:#bda47a;height:4px}.volume-control input::-moz-range-thumb{background:#baa17a;border:1px solid #cab18a;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 3px #4a3e2e}.drawer-note{font:italic 18px/1.4 var(--serif);color:#bfae8d;margin:18px 0}.drawer-guide>section{margin:22px 0}.drawer-guide h4{font:500 23px/1.2 var(--serif);color:#e9d9b6;margin:0 0 5px}.drawer-guide p{font:19px/1.4 var(--serif);color:#cabc9f;margin:0}.drawer-guide .drawer-keys{line-height:1.6}.drawer-keys kbd{font:12px var(--sans);color:#eddbb5}.language-options{border-top:1px solid #a08a6055}.language-option{color:#eddcba;text-align:left;width:100%;min-height:74px;font:500 27px var(--serif);background:0 0;border:0;border-bottom:1px solid #a08a6055;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.language-option small{font:10px var(--sans);color:#bca989;margin-top:5px;display:block}.language-option:disabled{color:#baaa8e}.language-option .icon{color:#d2b985}.panel-settings button:focus-visible{outline-offset:3px;outline:1px solid #d5bb8a}.panel-settings input:focus-visible{outline-offset:3px;outline:1px solid #d5bb8a}.settings-page:focus-visible{outline-offset:3px;outline:1px solid #d5bb8a}.panel-settings .settings-tabs button:focus-visible{outline:none}@keyframes folder-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@media (max-width:600px){dialog.panel-settings{--book-edge:38px;width:calc(100% - 8px);max-width:calc(100% - 8px);right:max(2px, env(safe-area-inset-right))}.panel-settings .panel-shell{padding-left:94px;padding-right:42px}.panel-settings .close-button{right:10px;top:max(20px, env(safe-area-inset-top))}.settings-tabs{gap:10px;left:5px}.settings-tabs button{width:70px;height:65px;padding-left:7px;padding-right:30px}.settings-tabs .icon{width:26px;height:26px}.settings-page h3{font-size:29px}.volume-control{margin-top:19px}.volume-control label{font-size:21px}}@media (max-height:700px){.volume-control{margin-top:15px}.volume-control small{display:none}.drawer-sound{font-size:22px}}@media (max-height:500px) and (orientation:landscape){dialog.panel-settings{width:460px}.panel-settings .panel-shell{padding-left:112px;padding-right:50px}.settings-tabs{top:max(18dvh, env(safe-area-inset-top));gap:8px}.settings-tabs button{height:51px}.settings-page h3{font-size:27px}.volume-control{margin-top:10px}.volume-control label{font-size:21px}}@media (max-width:360px){.panel-settings .panel-shell{padding-left:84px;padding-right:34px}.volume-control label{font-size:19px}.volume-control output{font-size:10px}.chapter-restart{gap:8px;font-size:22px}}@media (hover:none) and (pointer:coarse){dialog.panel-settings{--book-edge:0px;--tabs-top:max(10px, env(safe-area-inset-top));--book-top:calc(var(--tabs-top) + 38px);width:min(620px, calc(100% - max(4px, env(safe-area-inset-left)) - max(4px, env(safe-area-inset-right))));max-width:calc(100% - max(4px, env(safe-area-inset-left)) - max(4px, env(safe-area-inset-right)));inset:0 max(4px, env(safe-area-inset-right)) 0 auto}.panel-settings .panel-shell{padding:calc(var(--book-top) + max(13dvh, 68px)) 16% max(9dvh, env(safe-area-inset-bottom)) 18%}.panel-settings .panel-shell:before{top:var(--book-top)}.panel-settings .close-button{top:var(--tabs-top);right:8px}.settings-tabs{top:var(--tabs-top);flex-direction:row;gap:8px;left:7%;right:64px}.settings-tabs button{clip-path:polygon(4% 3%,92% 0,100% 7%,98% 100%,0 100%,0 10%);transform-origin:bottom;border-radius:5px 4px 0 0;flex:1;width:auto;min-width:44px;max-width:65px;height:64px;padding:7px 0 17px;transform:rotate(-1deg)}.settings-tabs button:nth-child(2n){transform:rotate(1deg)}.settings-tabs button[aria-selected=true]{transform:translateY(-3px)}.settings-tabs button:before{border:1px solid #735d3d55;border-bottom:0;inset:5px 5px 0}.settings-tabs button:focus-visible:before{border:2px solid #47341c;border-bottom:0;inset:4px 4px 0}.settings-tabs button:after{clip-path:polygon(0 0,100% 100%,100% 0);inset:2px 2px auto auto}.settings-tabs .icon{width:26px;height:26px}.settings-page{margin-right:0;padding-right:4px}}@media (prefers-reduced-motion:reduce){dialog.panel-settings[open]{animation:none}.settings-tabs button{transition:none}}