:root{font-family:Inter Variable,Noto Sans TC Variable,sans-serif;color:#355376;background:#d9e6f4;font-synthesis:none;--blue: #527cbb;--muted: #718ba5;--glass: rgba(249, 252, 255, .76);--border: rgba(255, 255, 255, .9);--radius: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--edge: 24px}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #5798dc;outline-offset:4px}#viewport{position:fixed;inset:0}#viewport canvas{display:block;touch-action:none}#viewport canvas:focus{outline:none}#intro{--intro-progress: 0;position:fixed;inset:0;z-index:35;width:100%;height:100%;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 24px);border:0;border-radius:0;background:#fff;color:#355376;display:grid;place-items:center;opacity:1;visibility:visible;touch-action:manipulation;will-change:opacity}#intro .intro-title{font-size:clamp(28px,6vw,54px);font-weight:700;letter-spacing:-.045em;opacity:calc(1 - var(--intro-progress));will-change:opacity}#intro .intro-title i{font-style:normal;font-weight:300;letter-spacing:.035em}#intro.is-revealing{opacity:calc(1 - var(--intro-progress))}#intro.is-complete{opacity:0;visibility:hidden;pointer-events:none}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:0 8px 35px #4c78a015;border-radius:var(--radius)}.topbar{position:fixed;inset:0 0 auto;pointer-events:none;z-index:15}.wordmark{position:absolute;top:calc(var(--safe-top) + var(--edge));left:50%;transform:translate(-50%);max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 32px);padding:0;pointer-events:auto;color:inherit;text-align:center;font-size:clamp(23px,3vw,32px);font-weight:inherit;margin:0;opacity:1;transition:left .65s ease,transform .65s ease,font-size .65s ease,opacity .65s ease}.wordmark-button{display:block;padding:0;border:0;background:none;text-align:inherit}.brand-name{display:flex;align-items:baseline;justify-content:center;gap:.34em;white-space:nowrap;letter-spacing:-.04em}.brand-name b{font-weight:700}.brand-name i{font-style:normal;font-weight:300;letter-spacing:.035em}.brand-subtitle{display:block;font-size:9px;font-weight:500;letter-spacing:.2em;margin-top:7px;transition:opacity .4s ease,max-height .6s ease;max-height:20px}.wordmark.is-compact{left:calc(var(--safe-left) + var(--edge));transform:none;font-size:14px;opacity:.83;text-align:left}.wordmark.is-compact .brand-subtitle{opacity:0;max-height:0;overflow:hidden}.round{width:44px;height:44px;border-radius:50%;border:1px solid #ffffffd9;background:#ffffffa0;font-size:19px;display:grid;place-items:center}#help-button{position:fixed;right:calc(var(--safe-right) + var(--edge));bottom:calc(var(--safe-bottom) + var(--edge));z-index:16}#day-night-button{position:fixed;right:calc(var(--safe-right) + var(--edge));bottom:calc(var(--safe-bottom) + var(--edge) + 112px);z-index:16;overflow:hidden;color:#52749c}.day-night-icon{position:absolute;transition:opacity .3s ease,transform .3s ease}.moon-icon{font-size:22px;opacity:1;transform:rotate(-10deg) scale(1)}.sun-icon{font-size:18px;opacity:0;transform:rotate(-35deg) scale(.62)}#day-night-button.is-night .moon-icon{opacity:0;transform:rotate(25deg) scale(.62)}#day-night-button.is-night .sun-icon{opacity:1;transform:rotate(0) scale(1)}#day-night-button.is-night{color:#ffe59c;background:#243d66c7;border-color:#8db4e778}.text-version-trigger{position:fixed;right:calc(var(--safe-right) + var(--edge) + 54px);bottom:calc(var(--safe-bottom) + var(--edge) + 13px);z-index:16;min-width:52px;min-height:44px;padding:0 4px;border:0;background:transparent;color:#607d9d;font-size:10px;line-height:44px;letter-spacing:.08em;text-decoration:underline;text-decoration-color:#7894b375;text-underline-offset:3px;opacity:.76}.text-version-trigger:hover{opacity:1}#music-control{position:fixed;right:calc(var(--safe-right) + var(--edge));bottom:calc(var(--safe-bottom) + var(--edge) + 56px);z-index:16;display:flex;align-items:center;gap:10px}.music-hint{padding:8px 12px;border-radius:12px;font-size:12px;white-space:nowrap;pointer-events:none}.music-hint[hidden]{display:none}#music-button{color:#52749c}#music-button.needs-gesture{box-shadow:0 0 0 5px #ffffff4d,0 8px 35px #4c78a026}.music-bars{width:18px;height:17px;display:flex;align-items:flex-end;justify-content:center;gap:2px}.music-bars i{width:3px;height:7px;border-radius:3px;background:currentColor;transform-origin:bottom}.music-bars i:nth-child(2){height:14px}.music-bars i:nth-child(3){height:10px}#music-button.is-playing .music-bars i{animation:music-level .75s ease-in-out infinite alternate}#music-button.is-playing .music-bars i:nth-child(2){animation-delay:-.45s}#music-button.is-playing .music-bars i:nth-child(3){animation-delay:-.2s}@keyframes music-level{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}#map-panel{position:fixed;top:calc(var(--safe-top) + 86px);left:calc(var(--safe-left) + var(--edge));width:64px;height:64px;padding:4px;overflow:hidden;border-radius:50%;z-index:14;transition:width .35s ease,height .35s ease,border-radius .35s ease,padding .35s ease}.map-top{display:none;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:600;white-space:nowrap}#minimap{display:block;width:54px;height:47px;margin:auto}#map-caption{display:none;border-top:1px solid #bed0e04d;padding-top:10px;font-size:12px;color:var(--muted);text-align:left;white-space:nowrap}#map-panel.is-expanded{width:192px;height:218px;border-radius:22px;padding:15px}#map-panel.is-expanded .map-top{display:flex}#map-panel.is-expanded #minimap{width:160px;height:140px;margin:4px 0}#map-panel.is-expanded #map-caption{display:block}#overview-exit{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 28px);z-index:18;transform:translate(-50%);min-height:44px;padding:10px 18px;border-radius:14px;color:#355474}#overview-exit[hidden]{display:none}#welcome{position:fixed;left:50%;top:calc(var(--safe-top) + 28vh);transform:translate(-50%);text-align:center;pointer-events:none;transition:opacity .8s;width:min(600px,calc(100vw - var(--safe-left) - var(--safe-right) - 40px))}#welcome>span{font-size:clamp(22px,3vw,38px);font-weight:500;letter-spacing:-1px}#welcome p{font-size:14px;margin-top:14px;color:var(--muted);line-height:1.8}#camp-guide{--guide-x: 50vw;--guide-y: 50vh;--guide-angle: 0deg;position:fixed;left:var(--guide-x);top:var(--guide-y);z-index:17;width:42px;height:42px;display:grid;place-items:center;transform:translate(-50%,-50%) scale(.86);border:1px solid #ffffffc2;border-radius:50%;background:#f7fbff9e;color:#557ba8;box-shadow:0 6px 24px #426d9717;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}#camp-guide.is-visible,#camp-guide[aria-hidden=false]{opacity:.66;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s}.camp-guide-arrow{display:block;font-size:22px;line-height:1;transform:rotate(var(--guide-angle))}.camp-guide-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#yeti-bubbles,.yeti-bubble-layer{position:fixed;inset:0;z-index:11;overflow:hidden;pointer-events:none;contain:strict}.yeti-bubble{position:absolute;left:clamp(calc(var(--safe-left) + 86px),var(--bubble-x, 50vw),calc(100vw - var(--safe-right) - 86px));top:clamp(calc(var(--safe-top) + 64px),var(--bubble-y, 50vh),calc(100dvh - var(--safe-bottom) - 24px));max-width:min(250px,calc(100vw - var(--safe-left) - var(--safe-right) - 28px));padding:9px 13px;transform:translate(-50%,calc(-100% - 12px));border:1px solid #ffffffdc;border-radius:15px 15px 15px 5px;background:#f8fbffe8;box-shadow:0 6px 22px #355d861c;color:#355376;font-size:13px;font-weight:550;line-height:1.45;overflow-wrap:anywhere;text-align:center;white-space:normal;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:yeti-bubble-in .2s ease-out;will-change:left,top}.yeti-bubble[hidden]{display:none}.yeti-bubble:after{content:"";position:absolute;left:18px;bottom:-6px;width:11px;height:11px;border-right:1px solid #ffffffdc;border-bottom:1px solid #ffffffdc;background:#f8fbffe8;transform:rotate(45deg)}.yeti-bubble[data-kind=emotion]{min-width:42px;padding:7px 10px;border-radius:999px;font-size:20px;line-height:1}.yeti-bubble[data-kind=emotion]:after{left:12px}@keyframes yeti-bubble-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px)) scale(.92)}}footer{position:fixed;bottom:calc(var(--safe-bottom) + var(--edge));left:calc(var(--safe-left) + var(--edge));right:calc(var(--safe-right) + 88px);display:flex;justify-content:space-between;align-items:center;gap:24px;pointer-events:none;transition:opacity .25s}.camp-open footer{opacity:0}.location-label{display:flex;gap:12px;align-items:center}.location-line{height:32px;width:3px;border-radius:3px;background:#7a9dc8;flex-shrink:0}.location-label strong{font-size:15px;font-weight:500;display:block}.location-label small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.desktop-controls{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}kbd{font-family:inherit;border:1px solid #adc0d36b;border-radius:6px;background:#ffffff40;padding:6px;font-size:10px}.desktop-controls>span{margin-left:12px}#loading{position:fixed;inset:0;z-index:40;background:#edf4fc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 16px)}#loading.is-model-only{inset:auto 50% calc(var(--safe-bottom) + 22px) auto;z-index:36;width:min(260px,72vw);padding:8px 12px;transform:translate(50%);gap:6px;background:transparent;pointer-events:none}#loading.is-model-only .loading-mark,#loading.is-model-only .loading-brand{display:none}#loading.is-model-only p{margin:0;font-size:11px;text-align:center}#loading.is-model-only .loading-progress{width:100%}#loading .loading-brand{font-size:clamp(22px,5vw,32px);font-weight:700;letter-spacing:-.04em;text-align:center}.loading-brand span{font-weight:300;letter-spacing:.035em}#loading p{font-size:14px;color:var(--muted)}.loading-mark{font-size:44px;color:#7199c9;animation:float 2s ease-in-out infinite}.loading-progress{width:min(220px,58vw);height:3px;overflow:hidden;border-radius:999px;background:#b9cee33d}.loading-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9dbce0,#527cbb);transform-origin:left center;animation:loading-progress 1.25s ease-in-out infinite}.loading-progress.is-determinate span{width:100%;animation:none;transform:scaleX(var(--loading-ratio, 0));transition:transform .16s ease-out}@keyframes float{50%{transform:translateY(-8px)}}@keyframes loading-progress{0%{transform:translate(-115%)}to{transform:translate(250%)}}.overlay-dialog{color:inherit;width:min(440px,calc(100vw - var(--safe-left) - var(--safe-right) - 40px));max-width:none;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px);padding:34px;overflow-y:auto;overscroll-behavior:contain}.overlay-dialog::backdrop{background:#6e8cab50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-dialog[open]{animation:dialog-in .22s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}.dialog-close{position:absolute;right:12px;top:12px}.eyebrow{font-size:11px;letter-spacing:2px}h1{font-weight:500;font-size:30px}.overlay-dialog h2{margin:8px 44px 20px 0;font-weight:500;font-size:30px}.overlay-dialog p{font-size:15px;line-height:1.7}.guide-sections{display:grid;gap:16px}.guide-sections section{padding-top:14px;border-top:1px solid #9bb4ca45}.guide-sections h3{margin:0;font-size:13px;font-weight:650;letter-spacing:.08em}.guide-sections p{margin:7px 0 0}.model-note{color:var(--muted)}.text-version-dialog{width:min(620px,calc(100vw - var(--safe-left) - var(--safe-right) - 40px))}.dialog-lede{margin:-12px 0 20px;color:var(--muted)}.text-product-list{list-style:none;margin:0;padding:0;border-top:1px solid #9bb4ca45}.text-product{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #9bb4ca45}.text-product-number{padding-top:3px;color:#7791ab;font-size:10px;font-weight:650;letter-spacing:.12em}.text-product h3{margin:0;font-size:18px;font-weight:550}.text-product p{margin:4px 0 0;color:#617b96;font-size:13px}.text-product-link{display:inline-block;margin-top:9px;color:#476e9f;font-size:12px;font-weight:600;text-underline-offset:3px}.dialog-actions{display:flex;align-items:stretch;gap:8px;margin-top:20px}.primary.secondary{background:#e5eef7;color:#45698e}.primary{border:0;border-radius:12px;padding:12px 18px;min-height:44px;background:#5c80b6;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;white-space:nowrap}.primary:disabled{opacity:.55;cursor:default}#product-card[hidden]{display:none}#product-card{position:fixed;left:calc(50% + (var(--safe-left) - var(--safe-right)) / 2);bottom:calc(var(--safe-bottom) + var(--edge));width:min(560px,calc(100vw - var(--safe-left) - var(--safe-right) - 48px));max-height:30vh;max-height:30dvh;padding:20px 24px;display:flex;align-items:flex-start;gap:24px;overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translate(-50%,calc(100% + 200px));transition:opacity .28s ease,transform .28s ease;pointer-events:none;z-index:12}#product-card.is-open{opacity:1;transform:translate(-50%);pointer-events:auto}.card-content{flex:1;min-width:0}.card-title{display:flex;align-items:center;gap:10px}.card-icon{color:var(--camp-accent);font-size:22px}#product-card h2{font-size:22px;margin:0;line-height:1.25;font-weight:500;letter-spacing:-.6px;overflow-wrap:anywhere}#product-card p{font-size:14px;margin:8px 0 0;line-height:1.6;color:#617b96}.card-action{align-self:center;display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.card-action .primary{background:var(--camp-accent)}.card-action small{font-size:10px;color:var(--muted)}#joystick{display:none;position:fixed;left:calc(var(--safe-left) + 24px);bottom:calc(var(--safe-bottom) + 24px);width:104px;height:129px;pointer-events:none;user-select:none;z-index:13}#joystick.is-active{display:block}.joy-ring{width:104px;height:104px;border:1px solid #ffffffdc;background:#fff3;border-radius:50%;box-shadow:0 8px 30px #6991b616;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.joy-center{position:absolute;left:30px;top:30px;width:42px;height:42px;border-radius:50%;background:#f9fcffcc;border:1px solid white;box-shadow:0 3px 14px #688ebd22}.joy-caption{font-size:11px;display:block;text-align:center;margin-top:9px;color:#718ba5}@media(max-width:700px),(pointer:coarse){:root{--edge: 16px}.brand-subtitle{font-size:8px}.desktop-controls{display:none}.overlay-dialog{width:calc(100vw - var(--safe-left) - var(--safe-right) - 24px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);padding:28px 20px 20px}.overlay-dialog h2{font-size:26px}.dialog-actions{flex-direction:column}.dialog-actions .primary,#help-dialog>.primary{width:100%}footer{left:calc(var(--safe-left) + 152px);right:calc(var(--safe-right) + 76px);bottom:calc(var(--safe-bottom) + 28px)}.location-label{gap:8px}.location-label strong{font-size:12px}.location-label small{display:none}#welcome p{font-size:13px;max-width:270px;margin:12px auto}#product-card{bottom:calc(var(--safe-bottom) + 166px);padding:14px 16px;gap:12px;width:calc(100vw - var(--safe-left) - var(--safe-right) - 32px)}#product-card h2{font-size:18px}#product-card p{font-size:13px;margin-top:6px}.card-action .primary{padding:10px 14px;gap:8px}.yeti-bubble{left:clamp(calc(var(--safe-left) + 70px),var(--bubble-x, 50vw),calc(100vw - var(--safe-right) - 70px));top:clamp(calc(var(--safe-top) + 56px),var(--bubble-y, 50vh),calc(100dvh - var(--safe-bottom) - 178px));max-width:min(220px,calc(100vw - var(--safe-left) - var(--safe-right) - 24px));font-size:12px}}@media(max-height:500px)and (orientation:landscape){#map-panel{top:calc(var(--safe-top) + 54px)}#map-panel.is-expanded{width:132px;height:143px;padding:10px}#map-panel.is-expanded #minimap{width:110px;height:96px}#map-panel.is-expanded .map-top{font-size:8px;letter-spacing:.3px}#map-panel.is-expanded #map-caption{display:none}.wordmark{font-size:23px}.wordmark.is-compact{font-size:13px}#product-card{bottom:calc(var(--safe-bottom) + 16px);width:min(500px,calc(100vw - var(--safe-left) - var(--safe-right) - 300px));padding:10px 14px}#product-card h2{font-size:16px}#product-card p{font-size:12px;line-height:1.4}#joystick{bottom:calc(var(--safe-bottom) + 12px)}#welcome{max-width:350px}footer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}