:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171e30}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden}body{overscroll-behavior:none}#viewport{width:100%;height:100%;position:relative}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#viewport{touch-action:none;-webkit-user-select:none;user-select:none}#scene-fallback{object-fit:contain;pointer-events:none;background:#171e30;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#viewport:not(.render-fallback) #scene-fallback,#viewport.render-fallback>canvas{visibility:hidden}#scene-notice{z-index:32;top:20px;top:max(20px,env(safe-area-inset-top));color:#f4e6d0;background:#243247f2;border-radius:12px;width:max-content;max-width:90%;padding:8px 14px;font:14px/1.6 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;left:50%;transform:translate(-50%)}#scene-notice button,#scene-album button{color:#f6e5d5;background:#121d2b;border:1px solid #e5c7ac55;border-radius:9px;padding:7px 12px}#scene-status{margin-bottom:4px;display:block}body:has(.shop-letter[open]) #scene-notice{display:none}#scene-album{z-index:50;width:min(820px,92vw);max-height:90vh;color:#f6e5d5;background:#182437f2;border:1px solid #e5c7ac55;border-radius:18px;max-height:90dvh;margin:auto;padding:clamp(12px,3vw,24px);position:fixed;top:0;bottom:0;left:0;right:0;box-shadow:0 12px 64px #0009}#scene-album[open]{flex-direction:column;gap:12px;display:flex}#scene-album::backdrop{background:#0b101b7a}#scene-album header{justify-content:space-between;align-items:center;gap:12px;display:flex}#scene-album h2,#scene-album h3{margin:0}#scene-album nav{flex-wrap:wrap;gap:6px;font-size:.86rem;display:flex}#scene-album button[aria-pressed=true]{color:#162033;background:#e6c4a6}#scene-album button[data-letter]{padding:9px 14px;font-size:.95rem}#scene-album .scene-album-hint{color:#cbb9a6;margin:0;font-size:.9rem}:root{--ink:#edf0e8;--muted:#98a6aa;--accent:#d4ddc0;--panel-width:266px;font-synthesis:none;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}[hidden]{display:none!important}button,input{-webkit-tap-highlight-color:transparent;font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:2px solid #d4ddc0}input:focus-visible{outline-offset:4px;outline:2px solid #d4ddc0}.has-explorer{color:var(--ink);background:#101b29}.has-explorer #viewport{left:calc(var(--panel-width) + 42px);height:auto;width:calc(100% - var(--panel-width) - 42px);position:absolute;top:84px;bottom:70px}.explorer-header{z-index:10;top:max(20px,env(safe-area-inset-top));border-bottom:1px solid #e0e7df17;justify-content:space-between;align-items:center;height:58px;padding-bottom:16px;display:flex;position:fixed;left:26px;right:26px}.wordmark{align-items:center;gap:12px;display:flex}.brand-symbol{width:38px;height:40px;color:var(--accent);place-items:center;display:grid}.brand-symbol svg{width:34px;height:34px}.wordmark h1{letter-spacing:2px;margin:0;font-size:18px;font-weight:600}.wordmark h1 span{letter-spacing:1.9px;color:var(--muted);margin-left:12px;font:10px/1.3 ui-monospace,monospace}.wordmark p{letter-spacing:2px;color:#9eaca8;margin:5px 0 0;font:8px/1.4 ui-monospace,monospace}.header-right{align-items:center;gap:20px;display:flex}.live-status{color:#b9c7bd;align-items:center;gap:8px;font-size:11px;display:flex}.live-status i{background:#c7dcb2;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #b8d6a480}.icon-button{color:#c6d1ce;background:0 0;border:0;border-radius:10px;place-items:center;min-width:44px;min-height:44px;transition:background .16s,color .16s,transform .16s;display:grid}.icon-button svg{width:21px;height:21px}.icon-button:hover{color:#f3f2df;background:#e6eedd12}.icon-button:active{transform:scale(.93)}.icon-button[aria-pressed=true]{color:#e2eacb;background:#d4ddc01c}.mobile-menu{display:none}.explorer-panel{z-index:11;width:var(--panel-width);scrollbar-width:thin;scrollbar-color:#79898540 transparent;overscroll-behavior:contain;touch-action:pan-y;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(150deg,#23313bc9,#192631d6);border:1px solid #c3d0ce20;border-radius:18px;padding:23px 17px 15px;position:fixed;top:103px;bottom:87px;left:24px;overflow:hidden auto}.panel-intro .eyebrow{letter-spacing:1.4px;color:#adbaac;font-size:8px}.panel-intro h2{letter-spacing:1px;margin:12px 0 7px;font-size:24px;font-weight:400;line-height:1.4}.panel-intro p{color:var(--muted);margin:0 0 23px;font-size:11px}.eyebrow{letter-spacing:2px;color:var(--muted);font:9px/1.4 ui-monospace,monospace}.overview-button{background:#a8b79c10;border:1px solid #cbd5be38;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:0 13px;font-size:12px;display:flex}.overview-button>span{align-items:center;gap:9px;display:flex}.overview-button svg{width:16px;height:16px}.overview-button.is-active{color:#e0e8cd;background:#a4ba8e18;border-color:#a4ba8e48}.section-label{color:#c6cec9;letter-spacing:1px;justify-content:space-between;margin:25px 2px 10px;font-size:10px;display:flex}.section-label>span:last-child:not(:first-child){letter-spacing:1.4px;color:#849391;font:8px ui-monospace,monospace}.place-list{flex-direction:column;gap:3px;display:flex}.place-button{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:53px;padding:7px 9px;transition:background .16s,border-color .16s,transform .16s;display:flex}.place-button:hover{background:#d3e0ce0a}.place-button:active{transform:scale(.985)}.place-button.is-active{background:#b9cda813;border-color:#bed2b22e}.place-index{color:#6f8385;width:21px;font:9px ui-monospace,monospace}.place-button.is-active .place-index{color:#cad7b6}.place-copy{flex-direction:column;flex:1;gap:4px;display:flex}.place-copy b{color:#dce3dc;font-size:12px;font-weight:500}.place-copy small{color:#8c9f9e;letter-spacing:.5px;font-size:9px}.place-button>svg{color:#6e8180;width:12px;height:12px}.place-button.is-active>svg{color:#d2dec0}.landmark-buttons{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.landmark-buttons button{color:#b8c7c0;background:#111d2752;border:1px solid #b2c7c01a;border-radius:8px;min-height:40px;padding:0 3px;font-size:10px;transition:background .15s}.landmark-buttons button:hover,.landmark-buttons button.is-active{color:#e2e9d4;background:#a9b99520;border-color:#d0dfbd44}.ambience-controls{background:#0e1a2326;border:1px solid #c3d4cb14;border-radius:12px;padding:3px 7px 12px}.ambience-controls>button{color:#a9b8b3;background:0 0;border:0;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 4px;font-size:11px;display:flex}.ambience-controls svg{color:#879b96;width:15px;height:15px}.ambience-controls>button>span{text-align:left;flex:1}.switch-track{background:#45555b;border-radius:20px;width:27px;height:15px;transition:background .15s;display:block;position:relative}.switch-track:after{content:"";background:#9daab1;border-radius:50%;width:9px;height:9px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}[aria-checked=true] .switch-track{background:#9dab8b}[aria-checked=true] .switch-track:after{background:#edf2e4;transform:translate(12px)}.brightness-label{color:#a7b5ae;border-top:1px solid #aebeb411;align-items:center;gap:9px;padding:15px 4px 8px;font-size:10px;display:flex}.brightness-label>span{flex:1}.brightness-label output{color:#cfddbd;font:9px ui-monospace,monospace}.ambience-controls input{accent-color:#ccd9b8;cursor:pointer;touch-action:pan-x;width:100%;height:20px;margin:0}.panel-footnote{text-align:center;color:#738783;letter-spacing:1px;margin:20px 0 2px;font-size:9px}.scene-caption{top:115px;left:calc(var(--panel-width) + 72px);pointer-events:none;z-index:3;position:fixed}.scene-caption h2{letter-spacing:2px;color:#e3e8df;margin:8px 0;font-size:21px;font-weight:400}.scene-caption p{color:#8d9f9f;margin:0;font-size:10px;line-height:1.8}.scene-tools{z-index:9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#21303ad9;border:1px solid #cfdbca25;border-radius:14px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;bottom:94px;right:28px;box-shadow:0 6px 24px #0002}.scene-tools .icon-button{border-radius:9px;min-width:40px;min-height:40px}.scene-tools .icon-button svg{width:18px;height:18px}.tool-divider{background:#e4ead31c;width:1px;height:20px;margin:0 3px}.explorer-footer{bottom:max(24px,env(safe-area-inset-bottom));color:#82938f;letter-spacing:1.3px;z-index:8;justify-content:space-between;align-items:center;gap:12px;font:8px/1.5 ui-monospace,monospace;display:flex;position:fixed;left:28px;right:28px}.gesture-hint{letter-spacing:.6px;color:#a0afaa;font:10px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.footer-count{font-size:8px}.explorer-toast{z-index:30;color:#223231;white-space:nowrap;background:#dce4d0;border:1px solid #eef2df88;border-radius:20px;padding:10px 18px;font-size:11px;position:fixed;bottom:159px;left:calc(50% + 120px);transform:translate(-50%);box-shadow:0 5px 25px #0003}.panel-scrim{z-index:14;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020a155c;border:0;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:1100px){:root{--panel-width:245px}.wordmark h1 span{display:none}.scene-caption{left:calc(var(--panel-width) + 61px)}.explorer-panel{padding:21px 13px}.scene-caption p{max-width:220px}.footer-count{display:none}}@media (max-width:900px){.has-explorer #viewport{width:100%;top:82px;bottom:87px;left:0}.explorer-header{left:19px;right:19px;top:max(14px,env(safe-area-inset-top));height:56px}.wordmark h1{font-size:17px}.wordmark p{letter-spacing:1.6px;font-size:7px}.header-right{gap:5px}.live-status{margin-right:6px;font-size:9px}.mobile-menu{display:grid}.fullscreen{display:none}.explorer-panel{z-index:20;background:#1b2a35f2;width:min(284px,100vw - 35px);transition:transform .2s;top:85px;bottom:92px;left:14px;transform:translate(calc(-100% - 30px))}.panel-open .explorer-panel{transform:translate(0)}.scene-caption{top:101px;left:23px}.scene-caption h2{font-size:18px}.scene-caption p{max-width:220px;font-size:10px}.scene-tools{left:50%;right:auto;bottom:max(47px,calc(env(safe-area-inset-bottom) + 25px));white-space:nowrap;gap:5px;padding:5px;transform:translate(-50%)}.scene-tools .icon-button{min-width:43px;min-height:43px}.explorer-footer{bottom:max(15px,env(safe-area-inset-bottom));justify-content:center;left:19px;right:19px}.explorer-footer>span:first-child{display:none}.gesture-hint{font-size:9px}.explorer-toast{bottom:119px;left:50%}}@media (max-width:380px){.live-status{display:none}.scene-tools .icon-button{min-width:40px}.scene-tools{gap:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}.panel-tabs{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0d1b242e;border:1px solid #c6d4c319;border-radius:10px;gap:4px;margin:0 0 17px;padding:4px;display:flex;position:sticky;top:-23px}.panel-tabs button{color:#8fa29a;letter-spacing:1px;background:0 0;border:0;border-radius:7px;flex:1;min-height:35px;font-size:10px}.panel-tabs [aria-selected=true]{color:#e0e9cd;background:#b3c6a71f}.quality-control{color:#bbc9c0;border-top:1px solid #aebeb411;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:10px;padding:15px 4px 3px;font-size:11px;display:grid}.quality-control select{color:#e5ecda;touch-action:manipulation;min-height:36px;font:inherit;background:#263b43;border:1px solid #82978866;border-radius:7px;padding:0 10px}.quality-control small{color:#8b9e99;grid-column:1/-1;font-size:9px;line-height:1.6}#landscape-stage{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#landscape-stage:-webkit-full-screen{background:#171e30}#landscape-stage:fullscreen{background:#171e30}#scene-notice button{color:#fff;background:#324459;border:1px solid #acbbcb;border-radius:6px;margin-left:6px;padding:7px 10px}#landscape-stage #app{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.photo-backdrop{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.forced-landscape #landscape-stage{top:auto;bottom:auto;left:auto;right:auto;left:var(--physical-width);width:var(--physical-height);height:var(--physical-width);transform-origin:0 0;top:0;transform:rotate(90deg)}.handheld-layout #landscape-stage #viewport{width:100%;height:100%;top:0;bottom:0;left:0;right:0}.handheld-layout .explorer-header{top:max(12px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));height:45px;padding-bottom:10px}.handheld-layout .wordmark h1{font-size:15px}.handheld-layout .wordmark p{margin-top:3px;font-size:7px}.handheld-layout .brand-symbol{width:31px;height:34px}.handheld-layout .brand-symbol svg{width:28px;height:28px}.handheld-layout .wordmark{gap:8px}.handheld-layout .mobile-menu,.handheld-layout .fullscreen{display:grid}.handheld-layout .header-right{gap:5px}.handheld-layout .live-status{font-size:9px}.handheld-layout .scene-caption{top:79px;left:25px}.handheld-layout .scene-caption h2{margin:5px 0;font-size:17px}.handheld-layout .scene-caption p{font-size:9px}.handheld-layout .scene-caption .eyebrow{font-size:7px}.handheld-layout .scene-tools{left:auto;right:max(21px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));gap:3px;padding:4px;transform:none}.handheld-layout .scene-tools .icon-button{min-width:41px;min-height:41px}.handheld-layout .explorer-footer{display:block;bottom:23px;left:24px;right:auto}.handheld-layout .explorer-footer>span:not(.gesture-hint){display:none}.handheld-layout .gesture-hint{opacity:.65;font-size:9px}.handheld-layout .explorer-panel{z-index:20;background:#1b2a35f2;width:260px;padding:16px 13px;transition:transform .2s;top:76px;bottom:18px;left:17px;transform:translate(calc(-100% - 32px))}.handheld-layout .panel-open .explorer-panel{transform:translate(0)}.handheld-layout .panel-intro h2{margin:7px 0 4px;font-size:22px}.handheld-layout .panel-intro p{margin-bottom:14px;font-size:10px}.handheld-layout .panel-tabs{margin-bottom:12px;top:-16px}.handheld-layout .section-label{margin-top:16px}.handheld-layout .ambience-controls>button{min-height:36px}.handheld-layout .panel-footnote{margin-top:13px}.handheld-layout .explorer-toast{bottom:74px;left:50%;transform:translate(-50%)}.start-experience{z-index:10;right:max(24px,env(safe-area-inset-right));bottom:max(74px,calc(env(safe-area-inset-bottom) + 66px));color:#243a39;letter-spacing:2px;background:linear-gradient(135deg,#e5e9cd,#c7d7b6);border:1px solid #ecf2de;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-width:112px;min-height:49px;padding:0 19px;font-size:14px;font-weight:600;transition:transform .15s,filter .15s;display:flex;position:fixed;box-shadow:0 6px 27px #071b3266}.start-experience svg{width:19px;height:19px}.start-experience:active{transform:scale(.96)}.start-experience:disabled{opacity:.5;cursor:wait}.has-explorer .scene-tools{bottom:150px}.handheld-layout .scene-tools{bottom:max(16px,env(safe-area-inset-bottom))}.handheld-layout .start-experience{right:max(22px,env(safe-area-inset-right));min-width:105px;min-height:46px;font-size:13px}.music-control{border-top:1px solid #aebeb411;flex-wrap:wrap;align-items:center;gap:9px;margin-top:13px;padding:15px 4px 4px;display:flex}.music-heading{color:#aebdaf;width:100%;font-size:10px}.music-control b{width:100%;font-size:11px;font-weight:500}.music-status{color:#c5d5b7;width:100%;font-size:10px}.music-toggle,.music-file-label{color:#e5ecda;cursor:pointer;background:#263b43;border:1px solid #82978855;border-radius:7px;flex:1;justify-content:center;align-items:center;min-height:36px;font-size:10px;display:flex;position:relative}.music-toggle:disabled{opacity:.4;cursor:default}.music-file-label input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.music-control small{color:#8b9e99;width:100%;font-size:9px;line-height:1.6}.forced-landscape .explorer-header{top:12px;left:max(22px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-bottom))}.forced-landscape .scene-tools{bottom:16px;right:22px}.clean-controls{display:none}.clean-view #landscape-stage #viewport{width:100%;height:100%;top:0;bottom:0;left:0;right:0}.clean-view .explorer-header,.clean-view .scene-caption,.clean-view .explorer-footer,.clean-view .scene-tools{display:none}.clean-view iframe#nl-badge-frame{display:none!important}.clean-view .clean-controls{inset:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) auto max(18px,env(safe-area-inset-left));z-index:22;pointer-events:none;justify-content:space-between;display:flex;position:fixed}.clean-controls .icon-button{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.5;background:#15253255;border:1px solid #dce8d51a}.clean-controls .icon-button:hover{opacity:1;background:#22343ce6}.clean-controls .icon-button:focus-visible{opacity:1;background:#22343ce6}.clean-view .explorer-panel{z-index:20;background:#1b2a35f2;width:min(284px,100% - 34px);top:74px;bottom:18px;left:17px;transform:translate(calc(-100% - 32px))}.clean-view .panel-open .explorer-panel{transform:translate(0)}.clean-view .experience-active .start-experience,.clean-view .browser-fullscreen .start-experience{display:none}.display-control{border-top:1px solid #b2c7c020;gap:9px;margin-top:15px;padding-top:16px;display:grid}.display-control button{color:#e5ecda;background:#263b43;border:1px solid #82978855;border-radius:9px;min-height:42px;font-size:11px}.display-control small{color:#9babaa;font-size:10px;line-height:1.7}.clean-view .explorer-toast{white-space:normal;text-align:center;max-width:calc(100% - 30px);bottom:80px;left:50%}.clean-controls{transition:opacity .3s}.clean-view .controls-quiet .clean-controls:not(:focus-within){opacity:0}.clean-view .controls-quiet .clean-controls:not(:focus-within) .icon-button{pointer-events:none}.shop-letter{color:#392923;overscroll-behavior:contain;background:#f6ebd7;border:1px solid #f1d1a4;border-radius:18px;width:min(760px,100vw - 40px);max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;top:0;bottom:0;left:0;right:0;box-shadow:0 20px 70px #0a0f24a6}.shop-letter[open]{animation:.3s ease-out both letter-arrive}.shop-letter::backdrop{background:#111a2bc7}.forced-landscape .shop-letter{width:min(760px,100dvh - 40px);max-width:none;max-height:calc(100vw - 32px);margin:0;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)rotate(90deg)}.shop-letter-bar{z-index:1;background:#f6ebd7;border-bottom:1px solid #d9b992;justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(16px,4%,30px);display:flex;position:sticky;top:0}.shop-letter-bar span{align-items:center;gap:8px;font-size:13px;display:flex}.shop-letter-bar svg{width:20px;height:20px}.shop-letter-bar button{color:#492e29;background:#fff6e7;border:1px solid #9a7060;border-radius:9px;min-height:44px;padding:0 14px}.shop-letter-bar button:focus-visible{outline-color:#805048}.shop-letter-content{align-items:center;gap:clamp(14px,4%,32px);padding:clamp(14px,4%,32px);display:flex}.shop-letter-photo{text-align:center;flex:0 0 43%;margin:0}.shop-letter-photo img{object-fit:contain;opacity:0;background:#e8d7bc;border:5px solid #fff8eb;border-radius:7px;width:100%;height:min(54dvh,380px);transition:opacity .22s ease-out;display:block}.shop-letter-photo img.is-loaded{opacity:1}.forced-landscape .shop-letter-photo img{height:clamp(132px,100vw - 145px,380px)}.shop-letter-paper{flex:1}.shop-letter-place{color:#805048;font-size:12px}.shop-letter-paper h2{margin:.55em 0;font:600 clamp(22px,4vw,34px)/1.3 Songti SC,SimSun,serif}.shop-letter-paper p{margin:0;font-size:15px;line-height:1.85}@media (max-width:480px){body:not(.forced-landscape) .shop-letter-content{flex-direction:column;align-items:stretch}}body:has(.shop-letter-with-gallery[open]) #landscape-stage #viewport{width:100%;height:100%;top:0;bottom:0;left:0;right:0}body:has(.shop-letter-with-gallery[open]) #explorer-ui{visibility:hidden}.shop-letter-with-gallery{--letter-width:100vw;--letter-height:100dvh;--letter-gutter:clamp(14px, 3vw, 52px);width:var(--letter-width);height:var(--letter-height);max-width:none;max-height:none;box-shadow:none;color:#f2e8d9;background:0 0;border:0;border-radius:0;overflow:clip}.forced-landscape .shop-letter-with-gallery{--letter-width:100dvh;--letter-height:100vw;--letter-gutter:clamp(18px, 3dvh, 42px);width:var(--letter-width);max-height:none}.shop-letter-with-gallery[open]{grid-template-rows:auto 1fr;display:grid}.shop-letter-with-gallery::backdrop{background:0 0}.shop-letter-with-gallery .shop-letter-bar{padding:max(8px, env(safe-area-inset-top)) var(--letter-gutter) 0;color:#efe3d3;text-shadow:0 1px 6px #070d19,0 1px 2px #070d19;background:0 0;border:0;position:static}.shop-letter-with-gallery .shop-letter-bar button{color:inherit;background:#141a28ad;border-color:#d1baa666;border-radius:20px}.shop-letter-with-gallery .shop-letter-bar button:focus-visible{outline-color:#e2c8aa}.shop-letter-with-gallery .shop-letter-content{align-self:end;align-items:end;gap:var(--letter-gutter);padding:0 var(--letter-gutter) clamp(20px, calc(var(--letter-height) * .055), 46px);grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.shop-letter-with-gallery .shop-letter-paper{isolation:isolate;text-shadow:0 1px 3px #080b14,0 2px 10px #080b14;min-width:0;position:relative}.shop-letter-with-gallery .shop-letter-paper:before{content:"";z-index:-1;background:radial-gradient(farthest-side,#0b1320e0 40%,#0b132098 74%,#0000);position:absolute;top:-38px;bottom:-16px;left:-28px;right:-28px}.shop-letter-with-gallery .shop-letter-place{color:#e2c4a7}.shop-letter-with-gallery .shop-letter-paper h2{font-size:clamp(20px, calc(var(--letter-width) * .028), 42px);margin:.28em 0}.shop-letter-with-gallery .shop-letter-paper p{color:#f0e6d8;font-size:clamp(12px, calc(var(--letter-width) * .013), 18px);white-space:pre-line;line-height:1.65}.shop-letter-with-gallery .shop-letter-photo:not([hidden]){place-items:end center;gap:clamp(6px, calc(var(--letter-width) * .012), 18px);order:1;grid-template-columns:1fr .95fr 1.42fr .86fr;display:grid}.shop-letter-with-gallery .shop-letter-photo:has(>img:nth-child(2):last-child){grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.shop-letter-with-gallery .shop-letter-photo:has(>img:nth-child(3):last-child){grid-template-columns:1.3fr 1.12fr .85fr}.shop-letter-with-gallery .shop-letter-photo img{width:auto;max-width:100%;height:auto;max-height:clamp(70px, calc(var(--letter-height) * .32), 270px);opacity:0;background:0 0;border:2px solid #eddbc6d9;border-radius:4px;transition:opacity .22s ease-out;box-shadow:0 6px 18px #080b18a8}.shop-letter-with-gallery .shop-letter-photo img.is-loaded{opacity:1}.shop-letter-with-gallery .shop-letter-photo img:first-child{transform:translateY(-4%)rotate(-5deg)}.shop-letter-with-gallery .shop-letter-photo img:nth-child(2){transform:translateY(1%)rotate(3deg)}.shop-letter-with-gallery .shop-letter-photo img:nth-child(3){transform:translateY(-29%)rotate(-4deg)}.shop-letter-with-gallery .shop-letter-photo img:nth-child(4){transform:translateY(-11%)rotate(5deg)}.shop-letter-qbread .shop-letter-photo:not([hidden]){grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.55fr)}.shop-letter-with-gallery .shop-letter-photo:has(>img:nth-child(5)){justify-self:end;gap:clamp(10px, calc(var(--letter-width) * .012), 20px);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:560px}.shop-letter-with-gallery .shop-letter-photo:has(>img:nth-child(5)) img{max-width:91%;max-height:clamp(48px, calc(var(--letter-height) * .25), 210px)}.shop-letter-with-gallery .shop-letter-photo:has(>img:nth-child(5)) img:nth-child(3){transform:translateY(-3%)rotate(-3deg)}.shop-letter-with-gallery .shop-letter-photo:has(>img:nth-child(5)) img:nth-child(4){transform:translateY(2%)rotate(4deg)}.shop-letter-with-gallery .shop-letter-photo img:nth-child(5){transform:translateY(-3%)rotate(-4deg)}.shop-letter-with-gallery .shop-letter-photo img:nth-child(6){transform:translateY(1%)rotate(3deg)}.shop-letter-wheel .shop-letter-content{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-self:stretch;align-items:center;min-height:0;padding-top:8px}.shop-letter-wheel .shop-letter-paper:before{background:linear-gradient(90deg,#101424db 2%,#101424b8 76%,#0000);top:-24px;bottom:-20px;left:-16px;right:-16px;-webkit-mask-image:linear-gradient(#0000,#000 13px calc(100% - 14px),#0000);mask-image:linear-gradient(#0000,#000 13px calc(100% - 14px),#0000)}.shop-letter-wheel .shop-letter-paper h2{color:#ffeedf;margin:.18em 0 .36em}.shop-letter-wheel .shop-letter-paper p{font-size:var(--wheel-fs,clamp(13px, calc(var(--letter-width) * .015), 17px));overflow-wrap:anywhere;line-height:1.58}.shop-letter-unfolded .shop-letter-content{grid-template-columns:minmax(0,3fr) minmax(0,1.15fr);align-self:end;align-items:end}.shop-letter-wheel.shop-letter-unfolded .shop-letter-content{align-self:end;align-items:end;padding-bottom:clamp(26px,11vh,132px)}.shop-letter-wheel.shop-letter-unfolded .shop-letter-paper p{font-size:clamp(15px, calc(var(--letter-width) * .0105), 19px);line-height:1.78}.shop-letter-unfolded .shop-letter-text{columns:2;column-gap:clamp(20px,2vw,36px)}.shop-letter-unfolded .shop-letter-text p{orphans:2;widows:2;margin:0 0 .65em}.shop-letter-wheel .shop-letter-photo:has(>img:nth-child(5)){align-items:center;gap:clamp(6px, calc(var(--letter-width) * .012), 18px);grid-template-columns:repeat(6,minmax(0,1fr))}.shop-letter-wheel .shop-letter-photo img:nth-child(-n+3){grid-column:span 2}.shop-letter-wheel .shop-letter-photo img:nth-child(4){grid-area:2/1/auto/4;justify-self:end}.shop-letter-wheel .shop-letter-photo img:nth-child(5){grid-area:2/4/auto/7;justify-self:start}.shop-letter-unfolded.shop-letter-wheel-single .shop-letter-text{columns:1}.shop-letter-wheel.shop-letter-wheel-scroll{overscroll-behavior:contain;overflow-y:auto}.shop-letter-wheel.shop-letter-wheel-scroll .shop-letter-content{align-self:start;align-items:start}@media (max-width:760px){body:not(.forced-landscape) .shop-letter-with-gallery .shop-letter-content{grid-template-columns:minmax(0,1fr)}body:not(.forced-landscape) .shop-letter-with-gallery .shop-letter-photo:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;width:100%;max-width:none}body:not(.forced-landscape) .shop-letter-with-gallery .shop-letter-photo img{max-width:100%;max-height:24vh}body:not(.forced-landscape) .shop-letter-with-gallery{overscroll-behavior:contain;overflow-y:auto}body:not(.forced-landscape) .shop-letter-unfolded .shop-letter-text{columns:1}body:not(.forced-landscape) .shop-letter-wheel .shop-letter-content{grid-template-columns:minmax(0,1fr)}body:not(.forced-landscape) .shop-letter-wheel .shop-letter-photo:has(>img:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.forced-landscape) .shop-letter-wheel .shop-letter-photo img{grid-area:auto;justify-self:center}}@keyframes letter-arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.shop-letter[open]{animation:none}}