html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block}#container-three{position:fixed;inset:0}#container-p5{display:none}#encounter-ui{position:fixed;inset:0;z-index:20;pointer-events:none;color:#dce9e6}#encounter-ui [hidden]{display:none!important}#encounter-ui button{pointer-events:auto;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}#encounter-ui button:focus-visible{outline:2px solid #b8dfd4;outline-offset:4px}#encounter-ui .copy-zh,#encounter-ui .copy-en{display:block}#encounter-ui .copy-en{font-size:.76em;letter-spacing:.025em;line-height:1.45;opacity:.63;margin-top:4px}.encounter-intro{position:absolute;left:clamp(28px,7.1vw,120px);bottom:clamp(64px,12vh,150px);width:min(640px,82vw);isolation:isolate}.encounter-intro:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#000911e0,#000c1485 36%,#000c140a 78%),linear-gradient(0deg,rgba(0,8,15,.83),transparent 68%)}.encounter-eyebrow{display:block;font-size:10px;letter-spacing:.26em;color:#a0bdbd}.encounter-intro .encounter-eyebrow .copy-en{font-size:9px;letter-spacing:.18em;margin-top:9px}.encounter-intro h1{margin:27px 0;font:400 clamp(38px,5.6vw,80px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:.1em}.encounter-intro h1 span{display:block;margin-top:16px;font-size:clamp(22px,2.2vw,29px);letter-spacing:.35em;color:#aac5c0}.encounter-intro p{max-width:34em;margin:0;font-size:13px;letter-spacing:.085em;line-height:1.9;color:#b1c3c4}.encounter-intro p .copy-en{font-size:12px;max-width:39em;letter-spacing:.02em;margin-top:9px}.encounter-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.encounter-enter{position:relative;border:1px solid rgba(154,206,193,.5);background:#56877b3b;padding:15px 35px;border-radius:40px;font-size:12px!important;letter-spacing:.08em;transition:background .2s}.encounter-enter:hover{background:#6a9e9261}.encounter-enter:disabled,.encounter-free:disabled{opacity:.4;cursor:wait!important}.encounter-free{position:relative;padding:12px 24px 12px 0;border:0;background:none;font-size:11px!important;letter-spacing:.06em}.encounter-free>span[aria-hidden]{position:absolute;right:0;top:13px;font-size:17px;color:#8bc6b7}.encounter-note{display:block;max-width:38em;margin-top:23px;font-size:9px;line-height:1.7;letter-spacing:.07em;color:#819b9b}.encounter-brand{position:absolute;top:max(32px,env(safe-area-inset-top));left:38px;display:flex;flex-direction:column;gap:16px;text-shadow:0 1px 12px #031019}.encounter-brand>span:first-child{font-size:10px;letter-spacing:.24em;color:#b2c8c4}.encounter-phase{padding-left:13px;border-left:1px solid #91c3b7;font-size:12px;line-height:1.5;letter-spacing:.08em}.encounter-phase .copy-en{font-size:9px!important;letter-spacing:.12em!important}.encounter-caption{position:absolute;bottom:max(126px,14vh);left:14%;right:14%;padding:16px 24px;text-align:center;opacity:0;transform:translateY(5px);transition:opacity 1.2s,transform 1.2s;text-shadow:0 2px 15px #000,0 0 32px #02151b}.encounter-caption.is-visible{opacity:1;transform:none}.encounter-caption .copy-zh{font-family:Songti SC,Georgia,serif;font-size:18px;letter-spacing:.09em;line-height:1.8}.encounter-caption .copy-en{font-size:14px!important;margin-top:8px!important;color:#c0d4d4;opacity:.88!important}.encounter-caption:before{content:"";position:absolute;inset:-12px -8vw;z-index:-1;background:radial-gradient(ellipse,rgba(0,10,17,.43),transparent 72%)}.encounter-toolbar{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:10px;text-shadow:0 1px 9px #000}.encounter-status{max-width:310px;font-size:10px;line-height:1.6;letter-spacing:.04em;color:#a0b8b6}.encounter-primary-actions{display:flex;gap:10px;align-items:center}.encounter-toolbar button{min-height:52px;padding:10px 21px;background:#05171da8;border:1px solid rgba(163,202,193,.22);border-radius:40px;font-size:11px;white-space:nowrap;transition:background .2s,border-color .2s}.encounter-toolbar button:hover{background:#1f4244c7;border-color:#9bcbbd}.encounter-toolbar .encounter-resume{color:#c8e9d7;border-color:#8cbcac;background:#31594fa3}.encounter-toolbar .encounter-navigator{padding-left:24px;padding-right:41px;position:relative}.encounter-navigator:after{content:"\2197";position:absolute;top:14px;right:17px;font-size:17px;color:#a7d7c7}.encounter-toolbar .encounter-sound{border-color:transparent;background:#03121852}.encounter-sound[aria-pressed=true]{color:#a7d7c7}.encounter-toolbar .copy-en{font-size:9px!important;margin-top:2px!important}.encounter-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#00080e66;cursor:default!important}.encounter-menu{position:absolute;pointer-events:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;right:28px;bottom:24px;padding:28px;border:1px solid rgba(161,200,188,.24);border-radius:28px;background:linear-gradient(145deg,#11282ffa,#04141bf7);box-shadow:0 20px 70px #0008}.encounter-menu header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.encounter-menu-eyebrow{color:#739a98;font-size:8px;letter-spacing:.18em}.encounter-menu h2{font-family:Songti SC,Georgia,serif;font-size:25px;font-weight:400;margin:10px 0 0;letter-spacing:.08em}.encounter-menu h2 .copy-en{font-family:system-ui,sans-serif;font-size:11px!important;letter-spacing:.04em!important}#encounter-ui .encounter-close{flex:none;width:42px;height:42px;padding:0;border:1px solid #9cbfb029;border-radius:50%;background:transparent;color:#acc8c1;font-size:25px;line-height:1}.encounter-menu-section{margin-top:22px}.encounter-menu h3{margin:0 0 13px;font-size:11px;font-weight:400;color:#8facaa;letter-spacing:.08em}.encounter-menu h3 .copy-en{display:inline!important;margin-left:10px;font-size:9px!important}.city-chapters{display:flex;gap:8px}#encounter-ui .city-chapters button{flex:1;position:relative;padding:12px 8px 12px 28px;text-align:left;border:1px solid #9dbbba24;border-radius:18px;background:transparent;font-size:12px}.city-chapters i{position:absolute;top:15px;left:9px;font:9px/1 system-ui;color:#6d9a95}#encounter-ui .city-chapters button[aria-pressed=true]{color:#d6eee3;border-color:#84b9a875;background:#77bea019}.encounter-destinations{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:4px}#encounter-ui .encounter-destinations button{position:relative;text-align:left;padding:15px 31px 15px 13px;min-width:0;border-radius:13px;font-size:12px;border:1px solid transparent;background:none;transition:background .2s,border-color .2s}.encounter-destinations button:after{content:"\2197";position:absolute;right:12px;top:15px;color:#80aea3}#encounter-ui .encounter-destinations button:hover,#encounter-ui .encounter-destinations button:focus-visible{border-color:#95bcb32d}.encounter-menu button:hover{color:#ddf8e9;background-color:#7ac7aa10!important}.encounter-actions-row{display:flex;gap:12px;padding-top:2px}#encounter-ui .encounter-actions-row button{flex:1;padding:12px 8px;border-radius:30px;border:1px solid #8fb9ab55;background:transparent;font-size:11px}.encounter-menu-hint{margin:20px 0 0;font-size:10px;line-height:1.7;color:#789997}.encounter-menu-hint .copy-en{font-size:9px!important;margin-top:6px!important}.navigation-open .encounter-caption,.navigation-open .encounter-toolbar{visibility:hidden}@media(max-width:640px){.encounter-intro{left:8vw;right:7vw;bottom:max(58px,10vh);width:auto}.encounter-eyebrow{font-size:8px;letter-spacing:.17em}.encounter-intro h1{font-size:clamp(34px,9.4vw,56px);margin:25px 0}.encounter-intro h1 span{font-size:24px;margin-top:14px}.encounter-intro p{font-size:12px;letter-spacing:.04em}.encounter-actions{gap:24px;margin-top:26px}.encounter-enter{padding:14px 25px}.encounter-note{margin-top:20px}.encounter-brand{left:22px;top:max(24px,env(safe-area-inset-top));gap:14px}.encounter-caption{left:4%;right:4%;bottom:156px;padding:12px 10px}.encounter-caption .copy-zh{font-size:15px}.encounter-caption .copy-en{font-size:12px!important}.encounter-toolbar{left:18px;right:18px;gap:13px;flex-direction:column;align-items:flex-start;bottom:max(20px,env(safe-area-inset-bottom))}.encounter-status{max-width:100%;font-size:9px}.encounter-status .copy-en{font-size:8px!important;margin-top:2px!important}.encounter-primary-actions{width:100%;justify-content:flex-end;gap:6px}.encounter-toolbar button{min-height:48px;padding:9px 16px;font-size:10px}.encounter-toolbar .encounter-sound{margin-left:auto;padding:9px 8px}.encounter-toolbar .encounter-navigator{padding-left:18px;padding-right:34px}.encounter-navigator:after{right:13px}.encounter-menu{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:24px;border-radius:25px;max-height:calc(100dvh - 32px)}.encounter-menu h3 .copy-en{margin-left:6px;letter-spacing:0}}@media(max-height:600px)and (min-width:641px){.encounter-intro{bottom:28px}.encounter-intro h1{font-size:43px;margin:15px 0}.encounter-intro h1 span{font-size:21px}.encounter-actions{margin-top:18px}.encounter-note{margin-top:12px}.encounter-caption{bottom:105px}}@media(prefers-reduced-motion:reduce){.encounter-caption{transition:opacity .3s;transform:none}}.encounter-quality{display:flex;align-items:center;gap:14px;margin:22px 0 0;font-size:11px;color:#a5bfc3;letter-spacing:.025em;pointer-events:auto}.encounter-quality select{font:inherit;letter-spacing:inherit;color:#d5e7e5;border:1px solid #537079;border-radius:5px;background:#0b242e;padding:7px 29px 7px 10px;max-width:220px;cursor:pointer}.encounter-quality select:focus-visible{outline:2px solid #bfdfd3;outline-offset:4px}.encounter-menu .encounter-quality{margin:22px 0 16px}@media(max-height:650px){.encounter-intro{bottom:35px}.encounter-intro h1{margin:15px 0;font-size:38px}.encounter-quality{margin-top:12px}.encounter-note{margin-top:14px}}