@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#101b24;--glass:rgba(16,27,36,.85);--lime:#d5f66b;--white:#f8f5eb;--muted:#bdc8c9;--line:rgba(255,255,255,.14);font-family:'DM Sans',sans-serif;color:var(--white)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:hover{filter:brightness(1.1)}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:rgba(19,32,42,.5);border-radius:8px}button:active{transform:translateY(1px)}[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;height:100dvh;background:#a7cdd1;isolation:isolate}#world{display:block;width:100%;height:100%;outline:none;touch-action:none}.hud{position:absolute;z-index:2}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(17,28,42,.22),transparent 26%,transparent 68%,rgba(17,28,42,.28));z-index:1}.topbar{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:23px 28px;gap:20px;background:linear-gradient(rgba(14,25,35,.7),transparent)}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;letter-spacing:.03em;font-weight:700;font-size:1.3rem;white-space:nowrap}.brand img{width:37px;height:37px}.brand small{display:block;font:500 .625rem 'DM Sans',sans-serif;letter-spacing:.22em;color:var(--lime);margin-top:1px}.place-label{display:flex;align-items:center;gap:10px;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-shadow:0 1px 8px #243635}.sun-dot{width:8px;height:8px;border-radius:50%;background:#ffe296;box-shadow:0 0 16px #f4d371}.muted{opacity:.5}.header-controls{display:flex;gap:8px}.header-controls button{background:var(--glass);padding:9px 12px;font-size:.75rem}.header-controls #pause-button{width:38px;font-size:1rem}.mission-card{left:28px;top:104px;width:326px;padding:17px 18px 7px;background:var(--glass);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(18px);box-shadow:0 10px 45px #0a253014}.card-top{font-size:.625rem;letter-spacing:.1em;font-weight:700;display:flex;justify-content:space-between;padding-bottom:12px;color:var(--muted)}.card-top span:last-child{color:var(--lime)}.mission{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid var(--line)}.mission-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border:1px solid #ffffff28;border-radius:50%;color:var(--lime);font-size:1.125rem}.coin-symbol{color:#ffd778}.mission div{flex:1}.mission strong{display:block;font-size:.8rem;font-weight:600;line-height:1.3}.mission small{display:block;font-size:.625rem;color:var(--muted);line-height:1.5;margin-top:3px}.mission b{font-size:.75rem;font-weight:500;white-space:nowrap}.mission.done strong{color:var(--lime)}.mission.done .mission-symbol{background:var(--lime);color:var(--ink);border-color:var(--lime)}.camera-preview{right:28px;top:104px;width:258px;height:170px;border:2px solid #ffffff70;border-radius:12px;background:none;overflow:hidden;box-shadow:0 8px 32px #0e28373b;display:flex;flex-direction:column;justify-content:space-between;padding:0;text-align:left}.preview-caption,.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:.625rem;font-weight:700;letter-spacing:.12em;background:linear-gradient(#12242abd,transparent);pointer-events:none}.preview-caption span:last-child{font-size:.5rem;color:var(--lime);background:#14222abd;padding:3px 5px;border-radius:3px}.preview-bottom{background:linear-gradient(transparent,#12242acc);font-size:.5625rem}.view-label{right:29px;top:284px;font-size:.5625rem;letter-spacing:.14em;text-shadow:0 1px 6px #213b42;display:flex;gap:14px}.view-label span:last-child{opacity:.7}.map-card{left:28px;bottom:30px;width:166px;padding:8px;background:var(--glass);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(12px)}#minimap{display:block;width:100%;height:auto;border-radius:7px}.map-card>div{display:flex;justify-content:space-between;padding:9px 3px 2px;gap:8px;font-size:.5rem;letter-spacing:.12em;font-weight:600}.map-card>div span:last-child{color:var(--lime)}.desktop-controls{bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:11px 16px;background:var(--glass);border:1px solid var(--line);border-radius:11px;white-space:nowrap;font-size:.6875rem;color:var(--muted)}.desktop-controls span{display:flex;align-items:center;gap:6px}.desktop-controls button{border-radius:50%;width:23px;height:23px;font-size:.75rem;padding:0}kbd{font:600 .625rem 'DM Sans',sans-serif;padding:3px 5px;border:1px solid #ffffff45;border-bottom-width:2px;border-radius:4px;color:var(--white);white-space:nowrap}.interaction{bottom:116px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 17px;background:var(--glass);border:1px solid var(--lime);border-radius:9px;font-size:.8rem;white-space:nowrap}.interaction kbd{color:var(--lime)}.toast{left:50%;bottom:180px;transform:translate(-50%,14px);text-align:center;padding:13px 24px;border:1px solid #ffffff23;border-radius:12px;background:#132631e8;backdrop-filter:blur(15px);max-width:calc(100% - 40px);width:max-content;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast>span{color:var(--lime);font-size:.5625rem;letter-spacing:.16em;font-weight:700}.toast p{font-family:'Space Grotesk',sans-serif;font-size:.95rem;margin:6px 0 0}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;padding:7vh 9%;background:linear-gradient(90deg,#0e2332d9 0%,#0e23325e 55%,transparent 85%)}.welcome-card{max-width:520px;padding:10px 0}.overline{font-size:.625rem;font-weight:700;letter-spacing:.2em;color:var(--lime)}h1,h2{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.06em;line-height:1.02;margin:24px 0}h1{font-size:clamp(3.4rem,6.4vw,6.5rem)}h1 em{color:var(--lime);font-style:normal}h2{font-size:3.25rem}.welcome-card p{font-size:1rem;line-height:1.7;max-width:375px;color:#e0e9e8;margin-bottom:28px}.primary-button{display:block;background:var(--lime);border:0;border-radius:8px;padding:16px 24px;color:var(--ink);font-size:.875rem;font-weight:700;min-height:48px}.welcome-card small{display:block;font-size:.6875rem;color:#c5d2d0;line-height:1.5;margin-top:17px}.pause-overlay{background:#0d1c2cc9;backdrop-filter:blur(8px);justify-content:center;padding:20px;overflow:auto}.dialog-card{background:#142631;border:1px solid var(--line);border-radius:20px;padding:35px;max-width:470px;width:100%;box-shadow:0 25px 100px #00121d55}.dialog-card h2{margin:15px 0}.dialog-card>p{color:#cbd6d8;line-height:1.6;font-size:1rem}.control-list{margin:24px 0}.control-list>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.8rem}.control-list dt{color:var(--lime)}.control-list dd{margin:0;color:#d4ddde;text-align:right}.dialog-actions{display:grid;gap:10px;margin-top:24px}.secondary-button{min-height:46px;padding:12px 18px;font-size:.8rem}.dialog-card>a{display:block;text-align:center;color:#aebfc1;font-size:.75rem;margin-top:23px}.dialog-card>small{display:block;margin-top:19px;text-align:center;font-size:.625rem;color:#aebfc1}.complete-card{text-align:center}.completion-stamp{display:block;color:var(--lime);font-size:2.5rem;letter-spacing:15px;margin-top:20px}.souvenir{padding:18px;border:1px dashed #d5f66b70;transform:rotate(-3deg);margin:30px 10px;color:var(--lime);font-size:.625rem;letter-spacing:.2em}.souvenir strong{display:block;margin-top:7px;letter-spacing:0;font-size:1.1rem;font-weight:500}.touch-controls{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1100px){.desktop-controls{left:auto;right:24px;transform:none;gap:10px}.desktop-controls span{font-size:.625rem}.mission-card{width:290px}.place-label{font-size:.5625rem}.camera-preview{width:224px;height:148px}.view-label{top:263px}.map-card{width:144px}}
@media(pointer:coarse){.touch-controls{display:flex;inset:auto 24px 30px;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-controls>*{pointer-events:auto}.desktop-controls{display:none}#joystick{width:112px;height:112px;border-radius:50%;border:1px solid #ffffff77;background:#152e4366;position:relative;touch-action:none}#joystick-knob{width:48px;height:48px;position:absolute;left:31px;top:31px;border-radius:50%;background:#e4ecd7c2;border:2px solid #fff;pointer-events:none}.touch-actions{display:flex;gap:13px;align-items:flex-end}.touch-actions button{width:61px;height:61px;border-radius:50%;background:#17333fd9;border-color:#e1edce88;font-size:.625rem;font-weight:700;touch-action:none}.touch-actions button:last-child{width:70px;height:70px;color:var(--lime)}.map-card{bottom:169px;width:122px}.toast{bottom:155px}.interaction{bottom:240px}}
@media(max-width:680px){.topbar{padding:17px 16px;gap:8px}.brand{font-size:1rem;gap:8px}.brand img{width:29px;height:29px}.brand small{font-size:.5rem;letter-spacing:.15em}.place-label{display:none}.header-controls button{font-size:.625rem;padding:8px}.header-controls #pause-button{width:32px}.mission-card{left:16px;top:83px;width:222px;padding:11px 12px 3px}.card-top{font-size:.5rem;padding-bottom:8px;letter-spacing:.05em}.mission{padding:8px 0;gap:7px}.mission-symbol{flex-basis:22px;height:22px;font-size:.875rem}.mission strong{font-size:.6875rem}.mission small{display:none}.mission b{font-size:.625rem}.camera-preview{right:16px;top:83px;width:122px;height:89px;border-radius:9px}.preview-caption{padding:6px;font-size:.4375rem;letter-spacing:.06em}.preview-caption span:last-child{font-size:.375rem;padding:2px}.preview-bottom{padding:5px 6px;font-size:.4375rem}.preview-bottom kbd{font-size:.4375rem;padding:1px 3px}.view-label{top:181px;right:16px;font-size:.4375rem;display:block}.view-label span:last-child{display:none}.map-card{left:16px;width:110px;border-radius:10px;padding:5px}.map-card>div{font-size:.4375rem;padding:7px 1px 2px;letter-spacing:.03em}.toast{width:calc(100% - 34px);padding:12px 14px;bottom:155px}.toast p{font-size:.875rem}.interaction{font-size:.6875rem;padding:10px 12px;bottom:225px}.overlay{padding:20px 28px}.welcome-card{margin-top:40px}h1{font-size:3.9rem}.welcome-card p{font-size:.875rem;line-height:1.7;max-width:295px}.welcome-card small{max-width:230px;font-size:.625rem}.primary-button{padding:15px 20px;font-size:.875rem}.dialog-card{padding:25px;max-height:calc(100dvh - 30px);overflow:auto}.dialog-card h2{font-size:2.7rem}.dialog-card>p{font-size:.875rem}.control-list>div{font-size:.75rem}.desktop-controls{bottom:16px;left:16px;right:16px;justify-content:center;flex-wrap:wrap;gap:9px}.desktop-controls span{font-size:.5625rem}.desktop-controls kbd{font-size:.5625rem}.touch-controls{inset:auto 18px 24px}.mission-card,.camera-preview{transition:opacity .3s}body.welcoming .mission-card,body.welcoming .camera-preview,body.welcoming .view-label{opacity:0;pointer-events:none}}
@media(max-width:370px){.mission-card{width:204px}.camera-preview{width:100px}.mission strong{font-size:.625rem}.brand{font-size:.875rem}}
@media(max-height:570px) and (orientation:landscape){.topbar{padding:10px 20px}.mission-card{top:65px;width:270px;padding:10px 12px}.mission{padding:7px 0}.mission small{display:none}.camera-preview{top:65px;height:115px;width:180px}.view-label{top:188px}.map-card{width:105px;bottom:20px}.welcome-card{margin:10px 0}.welcome-card h1{font-size:3.5rem;margin:12px 0}.welcome-card p{font-size:.875rem;margin:12px 0}.welcome-card small{margin-top:10px}.touch-controls{bottom:16px}.touch-controls #joystick{width:96px;height:96px}.touch-controls #joystick-knob{left:23px;top:23px}.map-card{display:none}.toast{bottom:130px}.interaction{bottom:80px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.toast{transition:none}}

/* Legible controls over the moving scene. */
.mission-card{width:350px}.card-top{font-size:.75rem;letter-spacing:.035em}.mission strong{font-size:.875rem}.mission small{font-size:.75rem;line-height:1.45}.mission b{font-size:.8125rem}.desktop-controls{font-size:.8125rem}.desktop-controls kbd,kbd{font-size:.75rem}.preview-caption,.preview-bottom{font-size:.75rem;letter-spacing:.04em}.preview-caption span:last-child{font-size:.625rem}.view-label{font-size:.6875rem;letter-spacing:.06em}.header-controls button{font-size:.8125rem}.place-label{font-size:.75rem;letter-spacing:.1em}.toast>span{font-size:.75rem;letter-spacing:.08em}.map-card>div{font-size:.625rem;letter-spacing:.02em}.overline{font-size:.75rem;letter-spacing:.12em}.welcome-card small{font-size:.75rem}.control-list>div{font-size:.875rem}.dialog-card>a{font-size:.875rem}.dialog-card>small{font-size:.75rem}
@media(max-width:1100px){.mission-card{width:315px}.card-top{font-size:.6875rem}.desktop-controls{gap:10px}.desktop-controls span{font-size:.75rem}.place-label{font-size:.625rem}}
@media(max-width:680px){.mission-card{width:222px}.card-top{font-size:.5625rem;letter-spacing:.02em}.mission strong{font-size:.75rem}.mission b{font-size:.75rem}.preview-caption,.preview-bottom{font-size:.625rem;letter-spacing:0}.preview-caption span:last-child{display:none}.preview-bottom kbd{font-size:.625rem}.view-label{font-size:.5625rem}.header-controls button{font-size:.75rem}.toast>span{font-size:.625rem}.map-card>div{font-size:.5rem}.touch-actions button{font-size:.75rem}.desktop-controls span,.desktop-controls kbd{font-size:.625rem}.welcome-card small{font-size:.75rem}}
@media(max-width:370px){.mission-card{width:204px}.mission strong{font-size:.6875rem}.mission b{font-size:.6875rem}}

.map-card{text-align:left;color:var(--white);cursor:pointer}.map-card:hover{border-color:#d5f66b88}.city-map-dialog{width:min(860px,100%);max-width:860px;max-height:calc(100dvh - 32px);overflow:auto;padding:26px}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.map-heading h2{font-size:2.3rem;margin:10px 0 20px}.map-heading>button{width:42px;height:42px;font-size:1.7rem;flex-shrink:0}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:25px}.map-layout canvas{width:100%;height:auto;max-height:65vh;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#1b3038}.map-notes h3{font-size:1rem;margin:0 0 18px;font-family:'Space Grotesk',sans-serif}.map-notes p{font-size:.875rem;line-height:1.5;color:#bfcfd0;margin:0 0 17px}.map-notes strong{color:#f3f2e5;font-weight:600}.map-key{display:grid;gap:9px;margin:20px 0;font-size:.875rem}.map-key>span{display:flex;align-items:center;gap:10px}.map-key i{font-style:normal;width:19px;text-align:center;font-size:1.1rem}.key-you,.key-tour{color:#d5f66b}.key-coin{color:#ffe18a}.key-bird{color:#b9d2e1}.key-crumb{color:#e5dab7}.map-notes .map-hint{font-size:.75rem;color:#9fb6bc}.control-list dd{max-width:205px}
@media(max-width:650px){.city-map-dialog{padding:20px}.map-layout{grid-template-columns:1fr;gap:20px}.map-layout canvas{max-height:52vh}.map-heading h2{font-size:1.8rem}.map-heading .overline{font-size:.5625rem}.map-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.map-notes>h3,.map-hint,.map-key{grid-column:1/-1}.map-notes p{font-size:.8125rem;margin:0}.map-key{grid-template-columns:1fr 1fr;margin:0;gap:8px;font-size:.8125rem}.map-notes>h3{margin:0}.control-list dd{max-width:160px}}