:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#27333b;background:#eaf8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sky: #119fcf;--sky-deep: #087dab;--sun: #ffe02f;--paper: #fffdf5;--ink: #27333b;--muted: #64727a;--line: #d5e7ea;--good: #138c45;--bad: #c93636}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #084fb6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.artwork-page{min-height:100dvh;width:100%}.artwork-stage{width:min(100%,550px);margin:0 auto;position:relative;line-height:0}.artwork-stage>img{display:block;width:100%;height:auto}.artwork-hotspot{position:absolute;display:block;padding:0;border:0;border-radius:7px;color:transparent;background:transparent;line-height:1}.artwork-hotspot:focus-visible{outline:3px solid #084fb6;outline-offset:1px;background:#ffffff1f}.home-hotspot.reservation{left:7.8%;top:58.6%;width:39.5%;height:6.1%}.home-hotspot.walks{left:52.7%;top:58.6%;width:39.5%;height:6.1%}.home-hotspot.footprint{left:7.8%;top:67.5%;width:39.5%;height:6.1%}.home-hotspot.challenge{left:52.7%;top:67.5%;width:39.5%;height:6.1%}.content-page{min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));background:#e7f6fb}.page-shell{width:min(100%,560px);margin:0 auto}.page-head{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:14px;color:#fff}.page-head h1{margin:0;font-size:21px;line-height:1.25;font-weight:800;text-shadow:0 1px 1px rgb(0 0 0 / 12%)}.back-button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:0 12px;border:1px solid rgb(255 255 255 / 55%);border-radius:12px;background:#fff;color:#14677f;font-weight:700}.page-content{display:grid;gap:14px}.paper-card{padding:20px;border:1px solid #d4e8ec;border-radius:20px;background:var(--paper);box-shadow:0 6px 18px #205d7014}.paper-card h2{margin:0 0 10px;font-size:19px;line-height:1.4}.paper-card p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.field{display:grid;gap:7px}.field label{font-size:14px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #bfd8df;border-radius:11px;color:var(--ink);background:#fff}.field textarea{min-height:110px;resize:vertical}.field input::placeholder{color:#97a8ad}.form-stack{display:grid;gap:13px}.row-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-button,.secondary-button,.warning-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border:0;border-radius:12px;font-weight:800;text-decoration:none}.primary-button{color:#fff;background:var(--good)}.secondary-button{color:#4b3500;background:var(--sun)}.warning-button{color:#fff;background:var(--bad)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.full-width{width:100%}.actions{display:flex;gap:10px}.actions>*{flex:1}.state-message{padding:13px 15px;border-radius:12px;background:#fff;color:#41545b;font-size:14px;line-height:1.55}.state-message.error{border:1px solid #e8aaaa;color:#9f2424;background:#fff6f4}.state-message.success{border:1px solid #a8d9ba;color:#176e36;background:#f2fff5}.list-card{display:grid;gap:6px;padding:16px;border:1px solid #d4e8ec;border-radius:15px;background:var(--paper);text-decoration:none}.list-card strong{font-size:16px}.list-card span{color:var(--muted);font-size:14px}.status-pill{display:inline-flex;width:fit-content;align-items:center;padding:4px 9px;border-radius:99px;color:#126f3d;background:#e4f7eb;font-size:12px;font-weight:700}.status-pill.cancelled{color:#657179;background:#edf0f1}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.metric{display:grid;gap:5px;min-width:0;padding:12px 6px;border-right:1px solid #d6dfdd}.metric:last-child{border-right:0}.metric span{color:var(--muted);font-size:12px}.metric strong{overflow-wrap:anywhere;color:#26373c;font-size:clamp(17px,5vw,24px)}.point-list{display:grid;gap:10px}.point-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border:1px solid #d4e8ec;border-radius:12px;background:#fffdf5;text-decoration:none}.point-row .number{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#129fce;font-weight:800}.point-row .arrow{color:#59717b;font-size:20px}.artwork-card{position:relative;width:min(100%,550px);margin:0 auto;line-height:0}.artwork-card>img{display:block;width:100%;height:auto}.artwork-card .return-preview,.artwork-card .return-notice{left:36%;top:92.8%;width:28%;height:4.5%}.walk-art .walk-first{left:5%;top:13.2%;width:90%;height:23.8%}.walk-art .walk-second{left:5%;top:39%;width:90%;height:23.8%}.walk-art .walk-third{left:5%;top:64.8%;width:90%;height:23.8%}.walk-art .walk-home{left:33%;top:91.8%;width:34%;height:5.2%}.challenge-art .challenge-video{left:51%;top:22%;width:42%;height:27%}.challenge-art .challenge-start{left:13%;top:50%;width:75%;height:25%}.challenge-art .challenge-home{left:34%;top:91.8%;width:32%;height:5%}.video-art .video-screen{position:absolute;left:27.7%;top:10%;width:55.5%;height:80%;border:0;background:#000;object-fit:contain}.video-art .video-back{left:4.5%;top:45%;width:9.5%;height:12%}.map-frame{position:relative;overflow:hidden;border-radius:16px;background:#fff}.map-frame>img{display:block;width:100%;height:auto}.map-hotspot{position:absolute;display:block;border:0;border-radius:50%;background:#ffffff12}.map-note{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.quiz-option{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 13px;border:1px solid #cddce1;border-radius:12px;color:var(--ink);background:#fff;text-align:left}.quiz-option[aria-checked=true]{border:2px solid #159cce;background:#e9f8ff}.quiz-option:disabled{cursor:default}.quiz-option.correct{border-color:#15904a;background:#eaf9ef}.quiz-option.wrong{border-color:#d04e4e;background:#fff0ee}.quiz-options{display:grid;gap:9px}.quiz-progress{display:flex;gap:5px}.quiz-progress span{height:6px;flex:1;border-radius:99px;background:#dce7ea}.quiz-progress span.done{background:#15904a}.quiz-progress span.current{background:#159cce}.music-toggle{display:block;margin:9px 0 0 auto;padding:6px 11px;border:1px solid rgb(255 255 255 / 72%);border-radius:99px;color:#164b5e;background:#fff;font-size:13px;font-weight:700}.result-score{margin:8px 0;color:#c52d55;font-size:46px;font-weight:900;line-height:1}.error-inline{color:#a52323!important}.confirm-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:22px;background:#111f268a}.confirm-panel{width:min(100%,390px);padding:20px;border-radius:17px;background:var(--paper);box-shadow:0 12px 32px #0f172a3d}.confirm-panel h2{margin:0 0 8px;font-size:19px}.confirm-panel p{margin:0 0 18px;color:var(--muted);line-height:1.6}.loading{color:var(--muted);text-align:center}@media(min-width:700px){.content-page{padding-top:24px}.artwork-page{background:#e7f6fb}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.activity-layout{position:relative;isolation:isolate;width:min(100%,550px);min-height:100dvh;margin:auto;overflow:hidden;background:#04b0ee}.activity-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.activity-brand{width:100%;aspect-ratio:1 / .42;overflow:hidden}.activity-brand img{display:block;width:100%;height:auto}.activity-clouds{position:absolute;bottom:0;width:100%;aspect-ratio:1 / .45;background-size:125% auto;background-position:center 89%;-webkit-mask-image:linear-gradient(transparent,#000 22%);mask-image:linear-gradient(transparent,#000 22%)}.activity-layout:not(.is-artwork){padding-top:min(42vw,231px)}.content-page{min-height:calc(100dvh - min(42vw,231px) - 64px);padding:0 20px 24px;background:transparent}.page-head{align-items:center;margin-bottom:22px}.page-head h1{font-size:22px;overflow-wrap:anywhere}.page-shell>.paper-card+.paper-card,.page-shell>.paper-card+.point-gallery{margin-top:16px}.page-shell>.full-width{margin-top:16px}.activity-footer{position:relative;padding:20px 12px max(24px,env(safe-area-inset-bottom));text-align:center;color:#184f69;font-size:12px;font-weight:600}.paper-card{background:#fffef9;border:1px solid #fff;border-radius:14px;box-shadow:0 5px #276f8f1f}.primary-button,.secondary-button,.warning-button{border-radius:8px;box-shadow:0 3px #39452d26}button:disabled{cursor:not-allowed;opacity:.6}.page-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:250px;padding:32px 22px;margin:16px 0;text-align:center;line-height:1.6}.page-state.compact{min-height:145px;padding:24px 18px}.page-state h2,.page-state p{margin:0}.page-state h2{font-size:21px}.page-state p{max-width:30em;font-size:14px}.page-state .secondary-button{margin-top:8px;min-width:144px}.state-kicker{color:#137197;font-size:12px;letter-spacing:.14em}.page-state.error{border-color:#f3d1bc}.state-spinner{width:28px;height:28px;border:3px solid #d6edf4;border-top-color:#0786ae;border-radius:50%;animation:state-spin .8s linear infinite}@keyframes state-spin{to{transform:rotate(360deg)}}.content-image{position:relative}.content-image img{display:block;width:100%;height:auto;border-radius:10px}.image-loading{padding:16px;background:#fff;text-align:center;color:#456475}.artwork-notification{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:5;width:min(calc(100% - 32px),500px);padding:16px;border:1px solid #e7d683;border-radius:12px;background:#fffdf3;box-shadow:0 6px 24px #204e6440;color:#35414a;font-size:14px;line-height:1.6;text-align:center}.artwork-notification p{margin:0 0 8px}.artwork-notification button{margin:0 4px}.quiz-option{border-radius:26px;background:#e1eaf4}.confirm-panel{border:5px solid #bf8433;background:#fff9d9}.result-card{border-top:7px solid #ffc631}.result-card.result-failed{border-top-color:#9b87be}@media(max-width:360px){.content-page{padding-inline:14px}.actions{flex-wrap:wrap}.actions>*{flex-basis:130px}}.artwork-page{min-height:0}.artwork-stage,.artwork-card{aspect-ratio:4000 / 8267}.source-after-actions{display:flex;justify-content:center;gap:14px;padding:16px;line-height:1.5}.source-after-actions a{min-height:44px;display:flex;align-items:center;padding:8px 20px;color:#332d0b;background:#fff000;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700}