:root{--surface: #070b0f;--surface-container: #10181f;--on-surface: #e5e9e6;--on-surface-variant: #aeb9bd;--primary: #e8b775;--outline-variant: #42515a;--text-backplate: #070b0ff5;--shape-corner-m: 12px;--shape-corner-full: 999px;--m3e-type-body-md: 400 .82rem/1.7 system-ui, "Noto Sans SC", sans-serif;--m3e-type-title-md: 500 .94rem/1.5 system-ui, "Noto Sans SC", sans-serif;--m3e-type-display-sm: 400 clamp(2.2rem, 4vw, 3.5rem)/1.2 system-ui, "Noto Sans SC", sans-serif;--m3e-duration-short: .18s;--m3e-easing-standard: cubic-bezier(.2, 0, 0, 1);color-scheme:dark;font:var(--m3e-type-body-md);color:var(--on-surface);background:var(--surface)}*{box-sizing:border-box}body{margin:0}button,select,a,summary{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer;min-width:48px;min-height:48px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,#viewport:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--shape-corner-m)}button:hover,a:hover{color:var(--primary)}button:disabled{opacity:.48;cursor:default}[hidden]{display:none!important}#experience{height:100svh;min-height:480px;position:relative;overflow:hidden;isolation:isolate}.poster,#viewport,.vignette{position:absolute;inset:0;width:100%;height:100%}.poster{object-fit:contain;background:var(--surface)}#viewport{pointer-events:none;touch-action:auto}#viewport canvas{width:100%;height:100%;display:block;pointer-events:auto;touch-action:none;cursor:grab}#viewport canvas:active{cursor:grabbing}#viewport #hotspot{pointer-events:auto;touch-action:auto}#viewport canvas[hidden]{display:none}.vignette{pointer-events:none;background:linear-gradient(180deg,#03080b9e,transparent 23%,transparent 59%,#03080be8)}.masthead{position:absolute;top:max(25px,env(safe-area-inset-top));left:4.5%;right:4.5%;display:flex;gap:20px;align-items:center;justify-content:space-between;pointer-events:none}.identity,.header-actions{pointer-events:auto}.identity{display:inline-flex;gap:13px;align-items:center;text-decoration:none;color:inherit;font:var(--m3e-type-title-md);letter-spacing:.13em;min-height:48px}.mark{display:grid;place-content:center;width:34px;height:34px;border:1px solid var(--outline-variant);border-radius:var(--shape-corner-m);font-size:20px;color:var(--primary);letter-spacing:0}.header-actions{display:flex;align-items:center;gap:8px}.header-actions button{border-radius:var(--shape-corner-full)}.header-actions button:hover{background:#e8b7750a}#language{font-size:.74rem;letter-spacing:.08em}#recommend-view{font-size:.7rem;padding-inline:8px;white-space:nowrap;color:var(--primary)}#settings-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 12px}#settings-toggle span{font-size:.75rem;letter-spacing:.04em}.header-actions svg{width:21px;height:21px;display:block}.settings{position:absolute;z-index:3;top:87px;right:4.5%;width:min(330px,91%);padding:23px;background:#10181ff5;border:1px solid var(--outline-variant);border-radius:16px;box-shadow:0 18px 60px #0006;scrollbar-width:thin;scrollbar-color:var(--outline-variant) transparent}.settings label{display:block;color:var(--on-surface-variant);margin-bottom:7px;font-size:.76rem}.settings select{width:100%;background:var(--surface);padding:11px;border:1px solid var(--outline-variant);border-radius:8px}.settings #reset{display:block;margin-top:5px;padding-left:0;color:var(--primary)}.settings p{margin-bottom:0;color:var(--on-surface-variant)}.settings{max-height:calc(100svh - 113px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.settings select{min-height:48px;margin-bottom:17px}.settings input{accent-color:var(--primary)}.settings input[type=range]{width:100%;min-height:48px;margin:0}.settings .check-row{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:12px}.settings .check-row input{width:20px;height:20px;margin:0;flex:0 0 20px}.settings :disabled{opacity:.55;cursor:default}.settings output{float:right;font-variant-numeric:tabular-nums}.settings input:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.advanced-settings{border-top:1px solid #42515a80;border-bottom:1px solid #42515a80}.advanced-settings summary{cursor:pointer;min-height:48px;padding:13px 0;color:var(--on-surface-variant);font-size:.76rem}.advanced-settings summary:hover,.advanced-settings summary::marker{color:var(--primary)}.advanced-content{padding:0 0 16px}html:not(:lang(en)) .copy-en,html:lang(en) .copy-zh{display:none}.review-note,#keyboard-help{font-size:.72rem;line-height:1.7}#keyboard-help{border-top:1px solid #42515a80;padding-top:15px;margin-top:5px}#settings-close{display:block;width:100%;border:1px solid var(--outline-variant);border-radius:8px;margin-top:18px;font-size:.76rem}#reference-note{position:absolute;left:4.5%;top:92px;max-width:90%;margin:0;color:var(--on-surface-variant);background:#070b0fd9;border:1px solid #42515a80;padding:5px 10px;border-radius:6px;font-size:.7rem;pointer-events:none}#reference-note[hidden]{display:none}.footer{pointer-events:none;position:absolute;bottom:max(43px,env(safe-area-inset-bottom));left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.intro{min-width:0}.eyebrow{font:500 .62rem/1.4 ui-monospace,monospace;letter-spacing:.23em;color:var(--primary);margin:0 0 14px}h1{font:var(--m3e-type-display-sm);letter-spacing:.12em;margin:0 0 15px}#description{margin:0;letter-spacing:.08em;color:var(--on-surface-variant)}.journey{text-align:right;max-width:48%}.journey button{pointer-events:auto}.entry{font:var(--m3e-type-title-md);display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:10px 18px 10px 21px;border:1px solid #e8b77566;border-radius:var(--shape-corner-full);background:#070b0f66;color:var(--on-surface);min-height:52px}.entry:hover{background:#e8b77512;border-color:var(--primary)}.entry>[aria-hidden]{color:var(--primary);font-size:1.1rem}.entry[hidden]{display:none}#hint{font-size:.68rem;letter-spacing:.04em;color:var(--on-surface-variant);margin:15px 0 0}#hotspot{position:absolute;left:0;top:0;z-index:2;min-width:44px;width:44px;height:44px;padding:0;transform:translate(-50%,-50%);border-radius:var(--shape-corner-full)}.beacon{display:block;width:9px;height:9px;margin:auto;background:var(--primary);border-radius:var(--shape-corner-full);box-shadow:0 0 0 7px #e8b77518,0 0 19px #e8b7759c}#hotspot[aria-expanded=true] .beacon{box-shadow:0 0 0 10px #e8b77525,0 0 20px #e8b775}.hotspot-label{position:absolute;left:44px;top:10px;white-space:nowrap;font-size:.73rem;color:var(--primary);opacity:0;background:#070b0fbd;padding:2px 7px;border-radius:var(--shape-corner-m);transition:opacity var(--m3e-duration-short) var(--m3e-easing-standard)}#hotspot:hover .hotspot-label,#hotspot:focus-visible .hotspot-label,#hotspot[aria-expanded=true] .hotspot-label{opacity:1}#status{position:absolute;left:50%;top:23%;transform:translate(-50%);width:max-content;max-width:85%;margin:0;text-align:center;font-size:.75rem;color:var(--on-surface-variant);background:#070b0fd9;border-radius:var(--shape-corner-m);pointer-events:none}#status:not(:empty){padding:10px 16px;border:1px solid #42515a80}.no-script{position:absolute;top:25%;width:100%;text-align:center}@media(max-width:650px){.masthead{top:max(17px,env(safe-area-inset-top));left:24px;right:18px;gap:10px}.identity{gap:10px}.header-actions{gap:0}#settings-toggle{padding:0 8px;gap:6px}#settings-toggle span{font-size:.7rem}.settings{top:78px;right:18px;width:min(330px,calc(100% - 36px));padding:20px;max-height:calc(100svh - 100px - env(safe-area-inset-bottom))}#reference-note{left:24px;right:24px;top:82px;width:fit-content;max-width:calc(100% - 48px);font-size:.65rem}.vignette{background:linear-gradient(180deg,#03080ba6,transparent 23%,transparent 53%,#03080bf2)}.footer{bottom:max(26px,env(safe-area-inset-bottom));left:24px;right:24px;gap:24px;flex-direction:column;align-items:stretch}.eyebrow{margin-bottom:10px;font-size:.57rem}h1{font-size:clamp(2rem,9.3vw,2.7rem);margin-bottom:10px}#description{font-size:.75rem}.journey{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;max-width:none}.entry{gap:20px;padding:10px 15px 10px 18px;font-size:.82rem;min-height:48px;flex:0 0 auto}#hint{margin:0;max-width:15em;font-size:.62rem;line-height:1.8}.hotspot-label{display:none}}@media(max-width:360px){.masthead{left:18px;right:12px}#settings-toggle span{display:none}.footer{left:18px;right:18px}.journey{gap:14px}.entry{gap:12px;padding-inline:14px}}@media(max-height:500px){#experience{min-height:350px}.footer{bottom:18px;flex-direction:row;align-items:flex-end;gap:22px}.journey{display:block;text-align:right;max-width:60%}.eyebrow,#description{display:none}h1{font-size:1.7rem;margin:0}#hint{margin-top:8px;max-width:none}}@media(prefers-reduced-motion:reduce){.hotspot-label{transition:none}}a{color:inherit}.masthead{display:grid;grid-template-columns:auto 1fr auto;align-items:start}.masthead,.intro,.journey{isolation:isolate}.intro,.journey{position:relative}.masthead:before,.intro:before,.journey:before{content:"";position:absolute;inset:-8px -12px;z-index:-1;border-radius:var(--shape-corner-m);background:var(--text-backplate);pointer-events:none}.site-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;pointer-events:auto}.site-nav a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;font-size:.8rem}.footer{bottom:max(56px,env(safe-area-inset-bottom))}.journey{max-width:50%}.journey-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;pointer-events:auto}.journey-actions .entry{text-decoration:none;min-height:48px;font-size:.85rem}.primary-entry{background:var(--primary);color:var(--surface);border-color:var(--primary)}.primary-entry>[aria-hidden]{color:inherit}.primary-entry:hover{background:#f0c992;color:var(--surface)}#disable-3d{color:var(--on-surface-variant);padding:8px 10px;text-decoration:underline;text-underline-offset:4px}body[data-interactive=false] #viewport{pointer-events:none;touch-action:auto;cursor:default}body[data-interactive=true] #viewport{pointer-events:none;touch-action:auto}#experience{min-height:620px}.legal-footer{min-height:72px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 22px;padding:16px 24px;color:var(--on-surface-variant);font-size:.72rem;border-top:1px solid var(--outline-variant)}.legal-footer a{min-height:36px;display:inline-flex;align-items:center;gap:6px;text-underline-offset:4px}.legal-footer img{width:20px;height:20px;object-fit:contain}.no-script{top:auto;bottom:12px;left:4.5%;width:auto;max-width:90%;font-size:.72rem;color:var(--on-surface-variant);background:var(--text-backplate);text-align:left}@media(max-width:650px){.masthead{grid-template-columns:1fr auto;gap:4px 12px}.site-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;gap:4px 22px}.site-nav a{font-size:.75rem;min-height:44px}.header-actions{grid-column:2;grid-row:1}.settings{top:125px;max-height:calc(100svh - 150px - env(safe-area-inset-bottom))}#reference-note{top:126px}.footer{bottom:max(40px,env(safe-area-inset-bottom));gap:24px}.journey{display:block;max-width:none}.journey-actions{justify-content:flex-start;gap:10px}.journey-actions .entry{font-size:.78rem;gap:16px}#hint{max-width:none;margin-top:14px}h1{font-size:clamp(1.9rem,8.7vw,2.7rem);letter-spacing:.06em}#description{max-width:27em}.legal-footer{justify-content:flex-start;gap:4px 18px}}@media(max-height:500px)and (min-width:651px){#experience{min-height:480px}.footer{bottom:40px}}body[data-framing=presentation] .poster{top:var(--presentation-top, 132px);bottom:var(--presentation-bottom, 240px);height:max(1px,calc(100% - var(--presentation-top, 132px) - var(--presentation-bottom, 240px)));object-fit:contain}@media(max-width:650px){body[data-framing=presentation] .footer{gap:18px;bottom:max(30px,env(safe-area-inset-bottom))}body[data-framing=presentation] .eyebrow{margin-bottom:8px}body[data-framing=presentation] h1{font-size:clamp(1.8rem,8vw,2.3rem);margin-bottom:8px}body[data-framing=presentation] #hint{margin-top:10px}}@media(max-height:500px)and (min-width:651px){body[data-framing=presentation] #experience{min-height:350px}body[data-framing=presentation] .footer{bottom:max(18px,env(safe-area-inset-bottom));gap:22px}}