@font-face{font-family:CampSans;src:url('assets/camp-font.woff') format('woff');font-display:swap;font-weight:400}
:root{--paper:#f8f3e7;--navy:#193b49;--gold:#ab823b;--muted:#75817f;--line:#ddd4c1;--green:#497467}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:CampSans,'Microsoft JhengHei','PingFang TC',sans-serif;min-height:100svh;display:grid;grid-template-rows:66px 1fr 70px;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.45}button:focus-visible{outline:3px solid #128da0;outline-offset:4px}button{touch-action:manipulation}button[hidden],[hidden]{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);gap:20px;background:#fbf7ee}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;padding:0;text-align:left;font-weight:700;font-size:18px;letter-spacing:1px;white-space:nowrap}.brand img{width:34px;height:34px}.brand small{font-size:13px;font-weight:500;margin-left:8px;letter-spacing:2px}.event-meta{font-size:12px;color:#697773;letter-spacing:1.4px}.event-meta span{padding:0 14px;color:#b5a685}nav{display:flex;align-items:center;gap:8px}.tool,.icon-tool{background:none;border:1px solid transparent;border-radius:8px;padding:8px 12px;font-size:12px}.tool:hover,.icon-tool:hover{background:#eee7d8;border-color:#ddd3bd}.icon-tool{font-size:20px;line-height:1;min-width:35px}.icon-tool:last-child{font-size:16px}.controlbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 28px;border-top:1px solid var(--line);background:#fbf7ee}.location{display:flex;align-items:center;gap:9px;min-width:180px;font-size:12px;white-space:nowrap}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #49746713}.saved-label{font-size:10px;color:var(--muted)}.primary-actions,.context-actions{display:flex;align-items:center;gap:10px}.primary,.secondary{border-radius:8px;font-size:13px;padding:11px 18px;border:1px solid var(--navy);white-space:nowrap;transition:background .15s}.primary{background:var(--navy);color:#fff9e9}.primary:hover{background:#285565}.secondary{background:transparent;border-color:var(--line)}.secondary:hover{background:#eee6d7}.context-actions button{font-size:12px;background:none;border:1px solid var(--line);padding:7px 11px;border-radius:20px}.context-actions button.active{background:var(--navy);color:white;border-color:var(--navy)}#presentation{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;position:relative;background:#eee7d9}.stage{position:relative;aspect-ratio:16/9;width:min(100vw,calc((100svh - 136px)*16/9));max-height:100%;overflow:hidden;background:#f8f3e7;isolation:isolate;container-type:inline-size;box-shadow:0 2px 30px #1e3e3f12}.screen{display:none;position:absolute;inset:0}.screen.active{display:block;animation:sceneIn .35s ease-out}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.scene-cta{position:absolute;right:3.5%;bottom:3.5%;border:1px solid #a58143;background:#fbf5e7f2;color:var(--navy);padding:.85em 1.5em;border-radius:6px;font-size:clamp(12px,1.12cqw,24px);box-shadow:0 6px 18px #2c3b3225;display:flex;gap:1.6em;align-items:center}.scene-cta:hover{background:white;transform:translateY(-2px)}#route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-stations{position:absolute;inset:0;pointer-events:none}.station{position:absolute;background:transparent;border:2px solid transparent;border-radius:14px;pointer-events:auto;transition:box-shadow .2s,border-color .2s;z-index:4}.station:hover,.station:focus-visible{border-color:#fff1a6;box-shadow:0 0 0 4px #d6a82d55,0 0 28px #ffe38755;outline:none;background:#ffffff08}.station::after{content:'前往';position:absolute;right:4%;bottom:-24px;font-size:11px;padding:3px 9px;border-radius:20px;background:#173e4de8;color:#fff5df;opacity:0;transition:opacity .2s;white-space:nowrap}.station:hover::after,.station:focus-visible::after{opacity:1}.station.current{border-color:#f8dd86;box-shadow:0 0 0 3px #b18c3b44}.station.completed::before{content:'✓';position:absolute;right:-8px;top:-8px;width:23px;height:23px;background:#365d4c;color:#fff2c6;border:2px solid #fff4ce;border-radius:50%;font-size:13px;display:grid;place-items:center;box-shadow:0 2px 8px #1233}.station.current::after{content:'進入';opacity:1}.mascot{position:absolute;width:4.3%;height:15%;transform:translate(-50%,-100%);pointer-events:none;z-index:6;will-change:left,top}.mascot img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:135%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2px 2px #182d3040);transform-origin:50% 90%;user-select:none}.mascot .feet-shadow{position:absolute;bottom:-.5%;left:10%;width:80%;height:5%;background:#243d3780;filter:blur(2px);border-radius:50%}.walking .mascot img{animation:walkBob .34s ease-in-out infinite alternate}.mascot:nth-child(2) img{animation-delay:-.11s}.mascot:nth-child(3) img{animation-delay:-.24s}.mascot:nth-child(4) img{animation-delay:-.06s}.celebrating .mascot img{animation:happyHop .65s ease-in-out 4}.celebrating .mascot:nth-child(2) img{animation-delay:.08s}.celebrating .mascot:nth-child(3) img{animation-delay:.15s}.celebrating .mascot:nth-child(4) img{animation-delay:.23s}.arrival{position:absolute;top:17%;left:50%;transform:translate(-50%,-8px);background:#faf4e5f5;color:var(--navy);padding:.6em 1.3em;border:1px solid #cba454;border-radius:30px;font-size:1.6cqw;box-shadow:0 3px 20px #493d251c;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}.arrival.show{opacity:1;transform:translate(-50%,0)}.skip-motion{position:absolute;right:2%;bottom:2%;background:#fbf5e7ed;border:1px solid #bfa36b;padding:8px 13px;border-radius:20px;font-size:12px;z-index:10}.search-heading{position:absolute;top:4%;left:0;right:0;text-align:center;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--gold)}.search-heading .eyebrow{font-size:1.35cqw}.search-heading h1{margin:.3em 0;font-size:3.3cqw;font-weight:600;letter-spacing:.08em}.john-target{position:absolute;left:57.5%;top:38%;width:9.6%;height:56%;background:transparent;border:0;border-radius:50%}.john-target:focus-visible{outline:3px dashed #e9bb4d;background:#ffffff12}.john-target.hint{box-shadow:0 0 30px 12px #ffe188b0;animation:hintPulse 1s ease-in-out infinite}.search-spotlight{position:absolute;inset:0;background:radial-gradient(ellipse 9% 28% at 62% 62%,transparent 50%,#132d49d9 100%);opacity:0;transition:opacity .5s;pointer-events:none}.john-search.found .search-spotlight{opacity:1}.john-search.found .search-heading{opacity:0;transition:opacity .25s}.speaker-reveal{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .65s}.speaker-reveal.revealed{opacity:1;pointer-events:auto}.summer-copy{clip-path:inset(0 0 0 42%)}#summer-copy-back{opacity:0;transition:opacity .45s .4s}#page-summer.flipped #summer-copy-back{opacity:1}#page-summer.flipped #summer-copy-front{opacity:0;transition:opacity .4s .4s}.flip-card{position:absolute;left:5.99%;top:5.74%;width:33.54%;height:88.52%;border:0;padding:0;background:transparent;perspective:1500px;border-radius:24px;overflow:visible}.flip-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.05s cubic-bezier(.2,.7,.2,1)}.flipped .flip-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:20px;box-shadow:0 5px 16px #293e3c22}.card-face img{display:block;width:100%;height:100%;object-fit:fill}.card-back{transform:rotateY(180deg)}.flip-card:hover:not(:disabled) .card-front{box-shadow:0 0 0 3px #c99d4355,0 5px 20px #293e3c25}.chest-button{position:absolute;left:5%;top:40%;width:44%;height:49%;border:0;background:transparent;border-radius:12px}.chest-button:hover{box-shadow:inset 0 0 40px #ffe8a550}.chest-open{opacity:0;transition:opacity .7s}#chest-scene.opening .chest-open{opacity:1}.chest-light{position:absolute;left:3%;top:18%;width:50%;height:70%;background:radial-gradient(ellipse,#fff5c6a6,transparent 65%);opacity:0;pointer-events:none;mix-blend-mode:screen;transform:scale(.5);transition:opacity .4s,transform 1.4s}#chest-scene.opening .chest-light{opacity:1;transform:scale(1.2)}#search-ripple{position:absolute;border:2px solid #e3b74e;border-radius:50%;width:4%;aspect-ratio:1;opacity:0;pointer-events:none}#search-ripple.show{animation:ripple .6s ease-out}.confetti{position:absolute;width:.45%;height:1.2%;background:#c49b46;left:var(--x);top:74%;animation:confettiFall 2.8s ease-out forwards;animation-delay:var(--delay);opacity:0;z-index:7;pointer-events:none}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,10px);background:#193b49ed;color:#fffaec;padding:12px 20px;border-radius:10px;max-width:90vw;text-align:center;font-size:13px;opacity:0;pointer-events:none;z-index:50;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d0bd94;border-radius:18px;padding:28px;background:#fcf8ef;color:var(--navy);max-width:min(640px,92vw);width:640px;box-shadow:0 30px 100px #132f3c45}dialog::backdrop{background:#122f3e99;backdrop-filter:blur(4px)}dialog h2{font-size:25px;font-weight:600;margin:5px 0 18px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.close-dialog{border:0;background:#eee5d3;border-radius:50%;width:32px;height:32px;font-size:24px;line-height:1}.quick-pages{display:flex;gap:8px;margin:5px 0 20px}.quick-pages button{border:1px solid var(--line);border-radius:20px;background:none;font-size:12px;padding:7px 13px}.journey-list{display:grid;gap:8px}.journey-item{display:flex;gap:14px;align-items:center;border:1px solid var(--line);padding:13px;border-radius:10px;background:transparent;text-align:left}.journey-item:hover{background:#eee6d5}.journey-item.current{border-color:#ae873e;background:#f2e9d7}.journey-number{font-family:Georgia,serif;font-size:26px;color:var(--gold);width:35px}.journey-title{font-size:15px}.journey-title small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.journey-status{margin-left:auto;font-size:11px;color:#567367}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:12px}.dialog-bottom label{display:flex;align-items:center;gap:7px}.text-button{border:0;background:none;color:#86724e;font-size:12px;text-decoration:underline;text-underline-offset:3px}.shortcuts{margin:0 0 24px}.shortcuts>div{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.shortcuts dd{margin:0}kbd{display:inline-block;font:12px monospace;background:#eee7d8;border:1px solid #d3c9b2;border-radius:4px;padding:3px 6px}dialog p{font-size:13px;line-height:1.8;color:#66736e}.confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.show-tools{position:fixed;bottom:12px;right:14px;opacity:.15;background:#fcf7e9e0;border:1px solid #c3ad82;padding:8px 12px;border-radius:20px;font-size:11px;z-index:20}.show-tools:hover,.show-tools:focus-visible{opacity:1}.focus-mode{grid-template-rows:1fr}.focus-mode .topbar,.focus-mode .controlbar{display:none}.focus-mode .stage{width:min(100vw,calc(100svh * 16/9))}.focus-mode .toast{bottom:22px}
@keyframes sceneIn{from{opacity:.6}to{opacity:1}}@keyframes walkBob{from{transform:translateX(-50%) translateY(0) rotate(-3deg)}to{transform:translateX(-50%) translateY(-8%) rotate(3deg)}}@keyframes happyHop{0%,100%{transform:translateX(-50%) translateY(0) rotate(0)}40%{transform:translateX(-50%) translateY(-38%) rotate(-7deg)}65%{transform:translateX(-50%) translateY(-32%) rotate(7deg)}}@keyframes hintPulse{50%{box-shadow:0 0 35px 18px #ffe188cc}}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes confettiFall{0%{transform:translate(0,0) rotate(0);opacity:1}35%{transform:translate(var(--dx),-180px) rotate(190deg);opacity:1}100%{transform:translate(var(--dx),150px) rotate(540deg);opacity:0}}
@media(max-width:900px){.topbar,.controlbar{padding-left:15px;padding-right:15px}.event-meta{display:none}.brand small{display:none}.saved-label{display:none}.location{min-width:0}.context-actions{gap:5px}.context-actions button{padding:6px 8px;font-size:11px}.primary,.secondary{padding:10px 12px;font-size:12px}.tool{padding:8px;font-size:11px}.controlbar{gap:8px}}
@media(max-width:600px){body{grid-template-rows:54px 1fr 110px}.topbar{gap:8px}.brand{font-size:14px}.brand img{width:28px}.tool{padding:6px;font-size:10px}nav{gap:1px}.controlbar{flex-wrap:wrap;align-content:center;gap:8px}.location{flex:1 1 35%;font-size:11px}.context-actions{justify-content:flex-end;flex:1 1 50%}.primary-actions{width:100%;justify-content:flex-end}.stage{width:min(100vw,calc((100svh - 164px)*16/9))}.shortcuts>div{grid-template-columns:105px 1fr}.toast{bottom:120px}.scene-cta{font-size:10px}.skip-motion{font-size:10px;padding:5px 8px}.focus-mode .stage{width:min(100vw,calc(100svh*16/9))}}
.flip-card:disabled{opacity:1;cursor:default}
.station[data-haspage="false"].current::after{content:'停留'}
.reduced-motion .screen.active{animation:none}.reduced-motion .flip-inner{transition-duration:.1s}.reduced-motion .walking .mascot img,.reduced-motion .celebrating .mascot img,.reduced-motion .confetti{animation:none}
@media(prefers-reduced-motion:reduce){.screen.active{animation:none}.flip-inner{transition-duration:.1s}.walking .mascot img,.celebrating .mascot img,.confetti{animation:none}}