@charset "UTF-8";
:root{--ink:#243c48;--muted:#6b7f87;--blue:#eaf4f6;--deep:#267167;--yellow:#ffd257;--orange:#f28251;--paper:#fffefb;--line:#d9e5e8;--font:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;font-family:var(--font);color:var(--ink);font-synthesis:none;font-size:16px;background:var(--blue)}
*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#ccdde3 0.7px,transparent 0.7px);background-size:16px 16px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #247ca3;outline-offset:4px}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit}svg.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}h1,h2,p{margin:0}small{font-size:.8125rem}b,strong{font-weight:700}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:99}.skip:focus{top:10px}
.site-header{height:92px;max-width:1536px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6e5e9}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:900;letter-spacing:1px}.brand-symbol{width:46px;height:46px;border-radius:15px;background:var(--yellow);display:grid;place-items:center;transform:rotate(-7deg);box-shadow:0 3px 0 #e2b94a}.brand-symbol .icon{width:27px;height:27px;stroke-width:2.5}.brand-note{display:block;font-size:11px;letter-spacing:1px;font-weight:500;margin-top:4px;color:var(--muted)}nav{display:flex;gap:22px;align-items:center}.nav-button{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;padding:8px 0}.nav-count{width:22px;height:22px;border-radius:50%;font-size:12px;background:#d9e9eb;display:grid;place-items:center}.icon-button{width:36px;height:36px;display:inline-flex;justify-content:center;align-items:center;border-radius:10px;flex:none}.icon-button:hover{background:#e7eff0}.site-header>.icon-button{border:1px solid var(--line)}main{max-width:1536px;padding:34px 52px 18px;margin:auto}.trip-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8125rem;margin-bottom:12px}.city-pill{background:#d6ece5;color:#277265;font-size:.8125rem;padding:4px 12px;border-radius:6px;font-weight:700}.crumb-line{height:2px;width:13px;background:#9aafb7}h1{font-size:34px;letter-spacing:1px;line-height:1.5;font-weight:900}.title-sun{color:#eab349;margin-left:12px;font-size:38px;display:inline-block;vertical-align:-2px}.trip-heading p{color:var(--muted);font-size:.9375rem;margin-top:7px;line-height:1.8}.ticket{background:var(--paper);display:flex;gap:18px;align-items:center;padding:17px 19px;border-radius:6px;box-shadow:0 4px 15px #58717d0b;position:relative;text-align:left;transform:rotate(2deg);border:1px solid #e4ebed}.ticket-code{font-weight:900;font-size:30px;color:#35756f;border-right:1px dashed #bfd3d4;padding-right:16px;letter-spacing:-1px}.ticket b{font-size:14px;display:block}.ticket small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.ticket .icon{width:17px;margin-left:8px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:25px;align-items:start}.play-panel{background:var(--paper);border:1px solid #e0e9eb;border-radius:20px;overflow:hidden;box-shadow:0 10px 35px #45657809}.game-toolbar{padding:18px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ed;gap:10px}.progress-label,.toolbar-right{display:flex;gap:9px;align-items:center}.progress-label{font-size:.9375rem}.progress-label b{font-size:19px;margin-left:5px}.search-dot{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff2c8}.search-dot .icon{width:16px}.muted{color:var(--muted)}.progress-dots{display:flex;gap:5px;margin-left:5px}.progress-dots i{width:8px;height:8px;border-radius:50%;background:#e4eae9;transition:.3s}.progress-dots i.done{background:#408b70}.time{font-variant-numeric:tabular-nums;font-size:14px;margin-right:6px}.time.urgent{color:#b54732;font-weight:700}.toolbar-right .icon-button{width:32px;height:32px}.view-bar{padding:14px 22px;display:flex;align-items:center;justify-content:space-between}.segmented{display:flex;gap:3px;background:#eff3f1;border-radius:8px;padding:3px}.segmented button{padding:6px 11px;font-size:.8125rem;border-radius:6px;color:#75847c}.segmented button.selected{background:white;box-shadow:0 1px 4px #344f4014;color:#2b655b;font-weight:700}.view-help{font-size:12px;color:#819087}.scenes{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;padding:0 18px}.scene-frame{min-width:0;margin:0;border:1px solid #e7e9dd;border-radius:10px;overflow:hidden;position:relative;background:#f6f5e8}.scene-frame figcaption{padding:9px 11px;display:flex;justify-content:space-between;align-items:center;background:#f8f8ef;gap:4px}.photo-label{font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:7px}.photo-label:before{content:"";height:6px;width:6px;background:#5c9480;border-radius:50%}.photo-label.altered-label:before{background:#e88e57}.photo-note{font-size:10px;color:#819086}.viewport{aspect-ratio:3/2;position:relative;overflow:hidden;cursor:crosshair;touch-action:pan-y;background:#deecdf;user-select:none}.viewport.zoomed{touch-action:none;cursor:grab}.viewport.dragging{cursor:grabbing}.scene-content{width:100%;height:100%;position:relative;transform-origin:0 0;will-change:transform}.scene-base{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;-webkit-user-drag:none}.difference-patch{position:absolute;inset:0;pointer-events:none;transition:opacity .6s ease;width:100%;height:100%}.difference-patch.found{opacity:0}.found-ring{position:absolute;border:3px solid #fffbe8;outline:2px solid #418972;border-radius:50%;background:#62bd9112;pointer-events:none;animation:found-pop .45s both;box-shadow:0 0 0 3px #3d816b33}.found-ring:after{content:"✓";position:absolute;right:-7px;bottom:-4px;background:#347765;color:#fff;font-weight:900;font-size:11px;border:2px solid #fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.hint-region{position:absolute;border-radius:50%;border:3px dashed #fff2aa;background:#ffe26024;pointer-events:none;animation:hint-pulse 1.1s ease-in-out infinite}.miss-mark{position:absolute;width:28px;height:28px;margin:-14px;border:2px solid #e77451;border-radius:50%;pointer-events:none;animation:miss-pop .7s forwards}.scenes.single{grid-template-columns:1fr}.scenes.single #original-frame{display:none}.scenes.single .viewport{max-height:530px}.scene-effect{position:absolute;pointer-events:none;opacity:0}.motion-on:not(.game-paused) .scene-effect{opacity:1}.sunlight{inset:0;background:linear-gradient(123deg,transparent 15%,#fff8c32b 30%,transparent 42%);animation:sunlight 10s ease-in-out infinite;mix-blend-mode:screen}.steam{width:4%;height:11%;border-radius:50%;background:radial-gradient(ellipse,#ffffff75,transparent 70%);filter:blur(3px);animation:steam 3s ease-out infinite}.steam.two{animation-delay:-1.5s}.dust{width:3px;height:3px;background:#ffffd6;border-radius:50%;animation:dust 9s ease-in-out infinite;box-shadow:50px 20px #ffffc65c,-30px 55px #ffefb76e}.game-paused .scene-effect{animation-play-state:paused;opacity:0}.scene-controls{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px dashed #dce5df;justify-content:space-between}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls .icon-button{height:28px;width:27px;border:1px solid #e0e7df;border-radius:6px}.zoom-controls .icon{width:15px;height:15px}#zoom-level{font-size:11px;min-width:37px;text-align:center;color:#73837a}.text-button{font-size:.8125rem;color:#49786a;padding:8px}.drag-tip{font-size:11px;color:#84958d}.motion-button{display:flex;align-items:center;gap:5px;font-size:11px;color:#658376;padding:7px;background:#eff6ef;border-radius:6px}.motion-button .icon{width:13px;height:13px}.motion-button[aria-pressed=false]{color:#88958c;background:#f2f2ed}.game-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px}.game-actions p{display:flex;align-items:center;gap:7px;font-size:.8125rem;line-height:1.8;color:#7c8c83}.game-actions p>.icon{width:15px;height:15px;flex:none}.hint-button{background:var(--yellow);display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 13px;border-radius:9px;font-size:.8125rem;font-weight:700;box-shadow:0 2px 0 #ddb74f}.hint-button .icon{width:17px}.hint-button>span:last-child{border-left:1px solid #deb33e;padding-left:8px;font-size:12px}.travel-aside{display:flex;flex-direction:column;gap:17px}.guide-note{background:#e0ece0;border:1px solid #d3e2d5;border-radius:15px;padding:20px 18px 14px}.guide-top{display:flex;align-items:center;gap:9px}.guide-badge{display:grid;place-items:center;width:37px;height:37px;background:#fafcee;border-radius:50%;color:#49826a;flex:none}.guide-top .eyebrow{font-size:10px;color:#6a8b77}.guide-top h2{font-size:15px;margin-top:4px;letter-spacing:.2px}.guide-top .icon-button{margin-left:auto;width:26px;height:26px}.guide-top .icon-button .icon{width:16px}.guide-note>p{font-size:.8125rem;line-height:1.9;margin:15px 0 10px;color:#617864}.sound-wave{display:flex;gap:3px;align-items:center;height:26px}.sound-wave i{width:3px;height:6px;background:#7ca086;border-radius:2px}.sound-wave i:nth-child(2n){height:13px}.sound-wave i:nth-child(3n){height:19px}.sound-wave span{font-size:10px;color:#74917c;margin-left:7px}.audio-on .sound-wave i{animation:wave .8s ease-in-out alternate infinite}.audio-on .sound-wave i:nth-child(2n){animation-delay:-.3s}.discovery-note{background:var(--paper);padding:20px 19px;border:1px solid #e2e8e1;border-radius:14px;position:relative}.discovery-note:before{content:"";position:absolute;left:calc(50% - 28px);top:-8px;background:#f3dda794;width:56px;height:15px;transform:rotate(-3deg)}.note-heading{display:flex;justify-content:space-between;align-items:center}.note-heading h2{font-size:15px}.note-heading>span{font-size:11px;color:#729180;background:#edf4eb;padding:3px 7px;border-radius:5px}.discovery-note>p{color:#869187;font-size:11px;margin-top:7px}.discovery-list{list-style:none;margin:17px 0 15px;padding:0;display:flex;flex-direction:column;gap:9px}.discovery-item{display:flex;align-items:center;gap:10px;font-size:.8125rem;min-height:32px}.discovery-token{height:29px;width:29px;flex:none;display:grid;place-items:center;background:#f0f3eb;border-radius:8px;color:#a4af9d;font-size:13px}.discovery-item .unknown{color:#9da69c;letter-spacing:2px;font-size:12px}.discovery-item button{font-size:12px;color:#367564;padding:4px 0;text-align:left;flex:1}.discovery-item .icon{width:14px;height:14px}.discovery-item.discovered .discovery-token{background:#e1efe2;color:#50815e}.stamp-outline{display:flex;align-items:center;gap:10px;padding:13px 8px 1px;border-top:1px dashed #dce4d5;color:#a1ac9c;line-height:1.8;font-size:10px}.stamp-outline>.icon{width:25px;height:25px;flex:none}.stamp-outline b{font-size:11px;font-weight:500}.stamp-outline.completed{color:#b66249}.route-teaser{text-align:left;display:flex;align-items:center;gap:10px;padding:4px 4px}.route-teaser-icon{width:31px;height:31px;background:#dceaf0;border-radius:50%;display:grid;place-items:center;color:#6b8d9c}.route-teaser b{font-size:11px;font-weight:600;display:block}.route-teaser small{display:block;font-size:10px;color:#88a0a8;margin-top:5px}.route-teaser>.icon{width:15px;height:15px;margin-left:auto}.page-footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#879fa7;padding:22px 3px 0}
.start-cover{position:absolute;inset:0 18px;z-index:5;display:flex;align-items:center;justify-content:center;background:#324f523b;backdrop-filter:blur(3px);border-radius:11px;padding:12px}.start-postcard{background:#fffef7;box-shadow:0 10px 45px #1b3c4933;padding:26px 32px;border:1px solid #dbe2d4;border-radius:5px;max-width:390px;width:100%;position:relative;transform:rotate(-1deg)}.start-eyebrow{font-size:11px;color:#7c927e;letter-spacing:1px;margin-bottom:9px!important}.start-postcard h2{font-size:27px;line-height:1.5;margin-bottom:11px}.start-postcard>p:not(.start-eyebrow){font-size:12px;color:#7e8a76;line-height:1.85}.mini-stamp{position:absolute;right:23px;top:25px;width:53px;height:53px;border:2px solid #de916d;outline:1px solid #de916d;outline-offset:-6px;border-radius:50%;color:#d18662;text-align:center;display:grid;align-content:center;font-size:12px;line-height:1.5;transform:rotate(12deg)}.play-options{display:flex;gap:17px;margin:17px 0 13px;font-size:12px}.play-options label{display:flex;align-items:center;gap:4px}.play-options input{accent-color:#347868;margin:0;width:14px;height:14px}.primary-button{background:var(--yellow);border-radius:10px;padding:13px 23px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:15px;box-shadow:0 3px 0 #dbb347;min-height:46px}.primary-button>.icon{width:18px}.start-postcard>.primary-button{width:100%;margin-bottom:14px}.start-postcard>small{font-size:10px;color:#9a9e90;display:block;text-align:center}
dialog{color:var(--ink);background:var(--paper);border:1px solid #d8e1df;border-radius:21px;padding:0;box-shadow:0 25px 100px #183b4b3b;max-height:calc(100dvh - 40px);max-width:calc(100vw - 32px);overflow:auto}dialog::backdrop{background:#23455080;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .2s ease-out}.close-button{position:absolute;right:13px;top:12px;background:#fffefbe8;z-index:2;border:1px solid #dbe4de}.dialog-heading{padding:34px 35px 23px}.eyebrow{font-size:.75rem;letter-spacing:1px;color:#639080}.dialog-heading h2{font-size:28px;margin:9px 0 12px}.dialog-heading p{font-size:.875rem;color:var(--muted);line-height:1.8}.knowledge-dialog{width:470px}.knowledge-banner{height:170px;background:#dde9d9;position:relative;overflow:hidden}.knowledge-crop{width:100%;height:100%;background-repeat:no-repeat;background-size:250%;filter:saturate(.85)}.knowledge-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fffefb,transparent 40%)}.knowledge-stamp{position:absolute;bottom:10px;right:30px;z-index:1;border:2px solid #b9684c;outline:1px solid #b9684c;outline-offset:-6px;color:#b9684c;width:66px;height:66px;border-radius:50%;display:grid;align-content:center;text-align:center;transform:rotate(12deg);font-weight:700;font-size:14px;line-height:1.5;background:#fffdf4ab}.knowledge-body{padding:6px 30px 27px}.knowledge-body h2{font-size:27px;margin:10px 0 13px}.knowledge-summary{font-size:16px;line-height:1.9;color:#5d706e}.dialect-line{display:flex;align-items:center;gap:12px;background:#edf4eb;border:1px solid #e3ecdf;padding:14px;border-radius:10px;margin:19px 0;color:#397261}.dialect-line>div{flex:1}.dialect-line b{display:block;font-size:14px}.dialect-line small{display:block;font-size:12px;color:#7e9384;margin-top:5px}.dialect-line>.icon{width:19px}.dialect-line .icon-button{width:28px;height:28px}details{margin:12px 0 22px;border-top:1px dashed #d8e3d9;padding-top:13px}summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#557461;list-style:none}summary::-webkit-details-marker{display:none}summary .icon{width:15px}details[open] summary .icon{transform:rotate(45deg)}details p{font-size:14px;line-height:1.95;color:#667b6e;padding-top:14px}details a{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:#427d73;text-decoration:none}details a .icon{width:13px}.knowledge-body>.primary-button{width:100%}.pause-note{display:block;text-align:center;font-size:11px;color:#98a296;margin-top:13px}.route-dialog{width:840px}.route-layout{display:grid;grid-template-columns:140px 1fr;border-top:1px solid #e2e9e3;min-height:410px}#city-tabs{padding:16px 13px;background:#f2f6ef;display:flex;flex-direction:column;gap:4px}#city-tabs button{text-align:left;padding:10px 14px;border-radius:7px;font-size:14px}#city-tabs button[aria-selected=true]{background:#dcece0;color:#2f7765;font-weight:700}#city-tabs button>small{font-size:10px;margin-left:6px;color:#779f80}#city-routes{padding:22px 26px}.city-intro{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.city-intro h3{font-size:23px;margin:0}.city-intro p{color:#829082;font-size:12px;margin-top:6px}.city-code{font-size:30px;font-weight:900;color:#c9dccc}.itinerary{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:0}.itinerary li{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e5ebe1;border-radius:8px;min-width:0}.itinerary li.available{border-color:#a6c8b2;background:#eff7e9}.itinerary-index{font-size:12px;color:#a6b3a1}.itinerary li b{font-size:13px;font-weight:500;display:block}.itinerary li small{font-size:10px;color:#9ca99a;display:block;margin-top:4px}.itinerary li button{font-size:12px;color:#398064;margin-left:auto;white-space:nowrap;padding:8px}.itinerary li.available small{color:#699c75}.notebook-dialog{width:650px}#notebook-content{padding:0 35px 32px}.empty-notebook{padding:30px;background:#f4f6ed;border:1px dashed #cdddc9;border-radius:10px;text-align:center;color:#91a088;font-size:14px;line-height:2}.notebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.notebook-card{text-align:left;padding:17px;border-radius:8px;background:#f4f5ea;border:1px solid #e0e5d4}.notebook-card>span{font-size:11px;color:#7e997f}.notebook-card h3{font-size:18px;margin:10px 0}.notebook-card p{font-size:12px;line-height:1.8;color:#7a8874}.notebook-card b{display:block;font-size:11px;color:#57886c;margin-top:14px}.settings-dialog{width:490px;padding-bottom:27px}.setting-row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:15px 32px}.setting-row b{display:block;font-size:14px}.setting-row small{display:block;font-size:12px;color:#7a8f85;margin-top:6px}.setting-row input[type=range]{width:145px;accent-color:#447b65}.setting-row input[type=checkbox]{width:21px;height:21px;accent-color:#447b65}.settings-note{font-size:12px;color:#91a296;margin:19px 32px 0;line-height:1.9}.compact-dialog{text-align:center;padding:40px;width:350px}.dialog-illustration{display:grid;place-items:center;margin:0 auto 18px;width:64px;height:64px;border-radius:50%;background:#e8f1e1;color:#5b8565}.dialog-illustration .icon{width:30px;height:30px}.compact-dialog h2{font-size:24px}.compact-dialog p{font-size:13px;color:#7f9482;line-height:1.8;margin:14px 0 25px}.compact-dialog>.primary-button{width:100%}.result-dialog{text-align:center;width:450px;padding:40px 34px 30px}.result-stamp{width:142px;height:142px;margin:0 auto 26px;border:3px solid #cc7755;outline:1px solid #cc7755;outline-offset:-9px;display:flex;flex-direction:column;justify-content:center;gap:6px;border-radius:50%;color:#c97553;transform:rotate(-12deg);background:#fff6e5}.result-stamp span{font-size:16px;letter-spacing:3px}.result-stamp b{font-size:29px}.result-stamp small{font-size:11px;letter-spacing:3px}.result-dialog h2{font-size:24px;margin-bottom:14px}.result-dialog>p{font-size:14px;color:#768d79;line-height:1.8}.result-stats{display:flex;justify-content:center;gap:37px;margin:25px 0}.result-stats b{font-size:23px;display:block;color:#367c66}.result-stats span{font-size:11px;color:#9ba794;display:block;margin-top:7px}.result-dialog>.primary-button{width:100%;margin-bottom:9px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#243c48ed;color:white;padding:13px 23px;border-radius:10px;max-width:90vw;text-align:center;font-size:14px;line-height:1.7;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes found-pop{0%{transform:scale(1.3);opacity:0}75%{transform:scale(.94)}100%{transform:scale(1);opacity:1}}@keyframes miss-pop{to{transform:scale(1.5);opacity:0}}@keyframes hint-pulse{50%{opacity:.4}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{to{height:4px}}@keyframes sunlight{50%{opacity:.3;transform:translateX(4px)}}@keyframes steam{0%{transform:translateY(8px) scale(.6);opacity:0}25%{opacity:.6}100%{transform:translateY(-18px) scale(1.3);opacity:0}}@keyframes dust{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(8px,-12px);opacity:.9}}
@media(min-width:1500px){.viewport{aspect-ratio:4/3}.scene-base{object-fit:fill}.scene-content{aspect-ratio:3/2}.game-actions{min-height:80px}.start-postcard{padding-top:35px;padding-bottom:28px}}
@media(max-width:1150px){.site-header{padding:0 30px}main{padding:26px 30px}.game-layout{grid-template-columns:minmax(0,1fr) 247px;gap:19px}.ticket{display:none}h1{font-size:30px}.scenes{grid-template-columns:1fr}.viewport{aspect-ratio:16/9}.photo-note{font-size:11px}.start-postcard{max-width:330px;padding:29px 27px}.start-cover{align-items:center}.game-actions{align-items:flex-start}.game-actions p{font-size:12px}.progress-dots{display:none}.drag-tip{display:none}.guide-top h2{font-size:13px}.guide-note{padding:17px 13px}.discovery-note{padding:18px 15px}.scenes.single .viewport{aspect-ratio:3/2}}
@media(max-width:760px){.site-header{height:76px;padding:0 20px}.brand{font-size:20px;gap:9px}.brand-symbol{width:38px;height:38px;border-radius:12px}.brand-symbol .icon{width:23px;height:23px}.brand-note{font-size:9px;letter-spacing:0}.site-header nav{gap:8px}.nav-button{font-size:0;gap:0;padding:8px}.nav-button .icon{width:22px;height:22px}.nav-count{display:none}.site-header .icon-button{width:28px}.site-header #route-button{display:none}main{padding:23px 14px 15px}.trip-heading{padding:0 5px;margin-bottom:20px}.breadcrumb{font-size:11px;margin-bottom:9px}h1{font-size:28px;letter-spacing:.5px}.title-sun{font-size:30px;margin-left:8px}.trip-heading p{font-size:13px;line-height:1.85;max-width:330px}.game-layout{grid-template-columns:1fr;gap:19px}.game-toolbar{padding:13px 15px}.view-bar{padding:12px 13px}.view-help{font-size:10px}.segmented button{font-size:12px;padding:6px 9px}.scenes{padding:0 10px;gap:10px}.viewport{aspect-ratio:3/2}.scene-frame figcaption{padding:7px 10px}.photo-note{font-size:10px}.start-cover{inset:0 10px;padding:14px}.start-postcard{padding:28px 24px;max-width:310px}.start-postcard h2{font-size:27px}.start-postcard>p:not(.start-eyebrow){font-size:13px}.start-postcard>small{font-size:10px}.play-options{font-size:13px;gap:15px;margin-top:22px;margin-bottom:17px}.start-postcard>.primary-button{padding:14px}.progress-dots{display:flex;gap:4px;margin-left:4px}.progress-dots i{width:6px;height:6px}.progress-label{gap:6px;font-size:13px}.time{font-size:13px;margin-right:0}.toolbar-right{gap:3px}.search-dot{width:27px;height:27px}.progress-label b{font-size:18px}.scene-controls{padding:10px 14px}.game-actions{padding:13px 14px;gap:9px;align-items:center}.game-actions p{font-size:11px;line-height:1.9}.game-actions p>.icon{display:none}.hint-button{padding:10px;font-size:12px;gap:5px}.hint-button .icon{width:14px}.travel-aside{display:grid;grid-template-columns:1fr;gap:17px}.guide-note{padding:18px 20px}.guide-top h2{font-size:17px}.guide-top .eyebrow{font-size:11px}.guide-top .icon-button{width:36px;height:36px}.guide-note>p{font-size:13px;margin:12px 0 6px}.sound-wave span{font-size:11px}.discovery-note{padding:23px 22px}.note-heading h2{font-size:17px}.discovery-note>p{font-size:12px}.discovery-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.discovery-item button{font-size:12px}.route-teaser{padding:5px}.route-teaser b{font-size:13px}.route-teaser small{font-size:11px}.route-teaser-icon{width:40px;height:40px}.page-footer{flex-direction:column;gap:7px;text-align:center;font-size:10px;padding-top:23px}.dialog-heading{padding:32px 22px 20px}.dialog-heading h2{font-size:25px}.dialog-heading p{font-size:13px}.route-layout{grid-template-columns:1fr}#city-tabs{flex-direction:row;overflow:auto;padding:12px;gap:4px}#city-tabs button{white-space:nowrap;padding:8px 11px}#city-tabs button small{display:none}#city-routes{padding:20px 17px}.itinerary{gap:8px}.itinerary li{padding:11px 9px;gap:6px;flex-wrap:wrap}.itinerary li b{font-size:12px}.itinerary li button{padding:3px;margin-left:19px}.city-intro h3{font-size:21px}.knowledge-body{padding:5px 24px 24px}.knowledge-body h2{font-size:25px}.knowledge-summary{font-size:15px}.knowledge-banner{height:145px}.knowledge-dialog{max-height:calc(100dvh - 24px)}.setting-row{padding:15px 22px;gap:13px}.setting-row input[type=range]{width:110px}.setting-row small{max-width:170px;font-size:11px}.settings-note{margin:16px 22px 0}.result-dialog{padding:35px 23px 25px}.result-dialog h2{font-size:22px}.notebook-grid{grid-template-columns:1fr}#notebook-content{padding:0 22px 25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scene-effect{display:none}}
.keyboard-target{position:absolute;opacity:0;border-radius:12px;padding:0;pointer-events:none}.keyboard-target:focus-visible{opacity:1;background:#fff3bd20;outline:3px dashed #ffcf52;outline-offset:2px}.viewport{aspect-ratio:3/2!important}.view-help,.photo-label,.segmented button,.progress-label,.hint-button{font-size:14px}.guide-top .eyebrow,.discovery-note>p,.discovery-item button,.discovery-item .unknown,.route-teaser b,.motion-button{font-size:12px}
.view-bar{gap:8px}.segmented{flex-shrink:0}.segmented button{white-space:nowrap}.view-help{font-size:12px;text-align:right;white-space:nowrap}