@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/play/hello-mr-magpie/assets/fraunces-latin-600-normal-BFCDtZfi.woff2)format("woff2"),url(/play/hello-mr-magpie/assets/fraunces-latin-600-normal-DL5QCzvS.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/play/hello-mr-magpie/assets/fraunces-latin-700-normal-CEOla-zY.woff2)format("woff2"),url(/play/hello-mr-magpie/assets/fraunces-latin-700-normal-DTjk5d1Q.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/play/hello-mr-magpie/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/play/hello-mr-magpie/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/play/hello-mr-magpie/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/play/hello-mr-magpie/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/play/hello-mr-magpie/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/play/hello-mr-magpie/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/play/hello-mr-magpie/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/play/hello-mr-magpie/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}:root{color:#183643;font-synthesis:none;--ink:#183643;--paper:#fff4dd;--coral:#e9785c;--line:#18364325;--shadow:0 3px 0 #17364312, 0 8px 26px #19374514;background:#76bec3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{touch-action:none;width:100%;height:100dvh;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;font:600 15px DM Sans,sans-serif;transition:transform .16s,background .16s,box-shadow .16s}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #c64f38}button:active{transform:translateY(2px)}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}[hidden]{display:none!important}#world{outline:none;width:100%;height:100%;position:fixed;inset:0}#game-ui{pointer-events:none;position:fixed;inset:0}#game-ui button,#game-ui a{pointer-events:auto}.hud{top:max(24px, env(safe-area-inset-top));left:max(28px, env(safe-area-inset-left));right:max(28px, env(safe-area-inset-right));justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute}.brand{color:var(--paper);text-shadow:0 1px 8px #17364399;min-width:210px;font:600 25px/1.05 Fraunces,serif}.brand span{letter-spacing:.02em;margin-top:8px;font:500 13px DM Sans,sans-serif;display:block}.counters{justify-content:center;align-items:center;gap:8px;display:flex}.deeds{background:var(--paper);box-shadow:var(--shadow);white-space:nowrap;border-radius:30px;align-items:center;gap:15px;min-height:48px;padding:10px 20px;font:600 17px Fraunces,serif;display:flex}.deeds strong{color:#c35a40;font:700 22px DM Sans,sans-serif}.deeds i{color:var(--ink);font:500 16px DM Sans,sans-serif}#timer{background:var(--ink);color:var(--paper);font-variant-numeric:tabular-nums;border-radius:24px;min-height:48px;padding:14px;font-size:14px}#timer.urgent{background:#a83e34}.hud-actions{gap:8px;display:flex}.icon-button{background:var(--paper);width:48px;height:48px;box-shadow:var(--shadow);border:0;border-radius:14px;place-items:center;display:grid}.icon-button:hover{background:#fffaf0}.quest-panel{width:max-content;max-width:min(430px,100% - 340px);box-shadow:var(--shadow);text-align:center;background:#fff4ddf5;border-radius:16px;padding:13px 22px 14px;transition:opacity .18s;position:absolute;bottom:65px;left:50%;transform:translate(-50%)}.quest-panel h2{margin:0 0 4px;font:600 20px/1.2 Fraunces,serif}.quest-panel p{margin:0;font-size:13px;line-height:1.4}.chance-track{background:#18364318;border-radius:5px;height:4px;margin-top:6px;overflow:hidden}.chance-track div{background:#508579;border-radius:5px;width:100%;height:100%}#chance{margin-top:7px}#chance-copy{font-size:11px;font-weight:600}.chirp-wrap{bottom:max(39px, env(safe-area-inset-bottom));right:max(35px, env(safe-area-inset-right));text-align:center;position:absolute}.chirp-button{background:var(--paper);width:104px;height:104px;box-shadow:var(--shadow);border:5px double #ddcfad;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font:600 22px Fraunces,serif;display:flex}.chirp-button svg{width:43px;height:43px}.chirp-button.ready{animation:2s infinite chirp-glow}.chirp-button:hover{background:#fffaf0}.chirp-button:disabled{opacity:.65;animation:none}.key-hint{background:var(--paper);border-radius:6px;margin-top:8px;padding:4px 11px;font-size:11px;display:inline-block}.flight-tip{white-space:nowrap;color:var(--paper);text-shadow:0 1px 4px #183643;gap:10px;font-size:12px;display:flex;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.hint{color:var(--paper);text-align:center;background:#183643e8;border-radius:20px;max-width:430px;padding:10px 18px;font-size:13px;transition:opacity .3s;position:absolute;top:94px;left:50%;transform:translate(-50%)}.hint:empty{opacity:0}.speech{background:var(--paper);width:max-content;max-width:min(280px,100vw - 32px);box-shadow:var(--shadow);text-align:center;z-index:2;border-radius:16px;padding:13px 19px;font:600 18px/1.3 Fraunces,serif;position:absolute;top:40%;left:50%;transform:translate(-50%,-100%)}.speech:after{content:"";border-top:10px solid var(--paper);border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.compass{color:var(--paper);text-shadow:0 1px 5px var(--ink);flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%)}.compass svg{background:#183643aa;border-radius:50%;width:36px;height:36px;padding:7px}.encounter-playing .quest-panel,.encounter-playing .hint,.encounter-playing .compass{opacity:0;visibility:hidden}.joystick{left:max(28px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;text-align:center;touch-action:none;width:112px;height:140px;color:var(--paper);font-size:12px;display:none;position:absolute}.joystick-base{background:#fff4dd33;border:2px solid #fff4dd88;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;box-shadow:0 5px 25px #18364322}.joystick-knob{background:#fff4dddd;border:1px solid #fff;border-radius:50%;width:49px;height:49px;box-shadow:0 3px 8px #18364322}.joystick span{margin-top:8px;display:inline-block}.title-screen{touch-action:pan-y;pointer-events:none;background:linear-gradient(90deg,#e9f0e9 0%,#e9f0e9f5 23%,#e9f0e9d9 38%,#e9f0e966 52%,#0000 65%);position:fixed;inset:0;overflow-y:auto}.title-screen button,.title-screen a{pointer-events:auto}.title-nav{z-index:1;justify-content:space-between;align-items:center;margin:22px 4.5vw;display:flex;position:relative}.title-nav a{align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.title-nav svg{width:18px;height:18px}.text-button{background:0 0;border:0;align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.title-copy{z-index:1;width:47%;max-width:510px;margin:8vh 0 65px 9%;position:relative}.title-copy h1{letter-spacing:-.06em;margin:0 0 24px;font:700 clamp(56px,6.3vw,96px)/.92 Fraunces,serif}.title-dot{color:var(--coral)}.tagline{margin:0 0 17px;font:600 24px Fraunces,serif}.intro{color:#3d5a61;margin:0 0 22px;font-size:16px;line-height:1.65}.wander-note{color:#3d5a61;margin:0 0 12px;font-size:13px}.primary-button{background:var(--ink);color:var(--paper);border:0;border-radius:12px;justify-content:center;align-items:center;gap:34px;min-height:56px;padding:17px 26px;font-size:17px;display:inline-flex;box-shadow:0 5px #18364326}.primary-button:hover{background:#285465;transform:translateY(-1px)}.challenge-button{background:0 0;border:0;align-items:center;gap:10px;min-height:44px;margin-top:12px;padding:9px 0;font-size:12px;display:flex}.challenge-button span{color:#4c686a;font-size:11px;font-weight:400}.challenge-button svg{width:17px;height:17px}.challenge-button:hover{color:#b74c34}.title-links{color:#4c686a;align-items:center;gap:20px;margin-top:2px;font-size:11px;display:flex}.title-links button{text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:0;font-size:12px;text-decoration:underline}.best{margin-top:10px;font-size:12px;font-weight:600}.best:empty{display:none}.title-footer{color:#274852;z-index:1;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:fixed;bottom:17px;left:4.5vw;right:4.5vw}.title-footer button{background:#eff3eec4;border:0;border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:8px 11px;font-size:12px;display:flex}.title-footer svg{width:14px;height:14px}dialog{background:var(--paper);width:min(510px,100vw - 32px);color:var(--ink);touch-action:pan-y;border:0;border-radius:23px;max-height:calc(100dvh - 36px);padding:34px;overflow:auto;box-shadow:0 18px 90px #18364350}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17364378}dialog h2{letter-spacing:-.025em;margin:8px 0 18px;font:600 36px/1.05 Fraunces,serif}dialog p{margin:12px 0;font-size:14px;line-height:1.6}dialog .close-modal{float:right;border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;margin:-15px -15px 4px 10px;display:grid}dialog .primary-button{width:100%;margin-top:18px}dialog .secondary-button{border:1px solid var(--line);background:0 0;border-radius:10px;width:100%;min-height:48px;margin-top:10px;padding:14px}.controls-list{grid-template-columns:74px 1fr;gap:12px 15px;margin:24px 0;font-size:13px;display:grid}.controls-list b{font-weight:700}#modal.map-dialog{width:min(560px,100vw - 32px);padding:26px}.map-dialog h2{margin:0 40px 8px 0;font-size:30px}.map-dialog .map-intro{margin:0 0 12px;font-size:13px;line-height:1.45}.mini-map{width:min(100%,360px);margin:12px auto 8px;position:relative}.mini-map>svg{aspect-ratio:56/55;stroke:none;stroke-width:0;border-radius:13px;width:100%;height:auto;display:block}.mini-map .map-label{fill:#284e55;font:500 1.55px DM Sans,sans-serif}.mini-map .map-number{fill:#183643;font:700 1.9px DM Sans,sans-serif}.mini-map p,.map-attribution{color:#49696d;margin:7px 0 0;font-size:10px;line-height:1.45}.mini-map a,.map-attribution a{text-underline-offset:2px}.map-pins{aspect-ratio:56/55;pointer-events:none;width:100%;position:absolute;top:0;left:0}.map-pin{border:2px solid var(--paper);background:var(--paper);width:44px;height:44px;color:var(--ink);pointer-events:auto;border-radius:50%;place-items:center;padding:0;font:700 16px DM Sans,sans-serif;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 7px #1836432a}.map-pin[data-select=pier]{margin-top:-4px;margin-left:4px}.map-pin[data-select=balloon]{margin-top:3px;margin-left:-4px}.map-pin[data-select=arcade]{margin-top:3px;margin-left:3px}.map-pin:hover{background:#fffaf0;box-shadow:0 0 0 3px #18364330}.map-pin:active{transform:translate(-50%,-50%)scale(.95)}.map-pin.selected,.map-pin[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--paper);box-shadow:0 0 0 2px var(--ink);z-index:2}.map-pin.done{color:#3a6051;box-shadow:none;background:#bdd1b0;border-color:#d3dfc1}.map-pin.done.selected,.map-pin.done[aria-pressed=true]{box-shadow:0 0 0 2px #3a6051}.map-selection{min-height:68px;padding:10px 0 2px}.map-selection h3{margin:0 0 4px;font:600 21px/1.2 Fraunces,serif}.map-selection p{margin:0;font-size:12px;line-height:1.4}.map-actions{background:var(--paper);box-shadow:0 -7px 12px var(--paper);gap:10px;padding:13px 0 0;display:flex;position:sticky;bottom:-1px}.map-actions .primary-button,.map-actions .secondary-button{flex:1;gap:8px;width:auto;min-height:48px;margin:0;padding:12px 14px;font-size:13px}.map-actions .secondary-button{flex:.85}.result-stats{border-block:1px solid var(--line);text-align:center;grid-template-columns:repeat(3,1fr);margin:25px 0;padding:20px 0;display:grid}.result-stats strong{font:600 30px Fraunces,serif;display:block}.result-stats span{font-size:11px}.toast{opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);z-index:8;text-align:center;border-radius:14px;max-width:90%;padding:13px 22px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px)}.toast:empty{display:none}.toast.show{opacity:1;transform:translate(-50%)}.error{z-index:20;background:var(--paper);padding:10vh 10vw;position:fixed;inset:0}.error h1{font:600 48px Fraunces,serif}.error a{margin-top:25px;display:block}.error p{max-width:550px;line-height:1.6}@keyframes chirp-glow{50%{box-shadow:0 0 0 7px #fff4dd25,0 0 0 13px #fff4dd10}}@media (hover:none),(pointer:coarse){.joystick{display:block}.flight-tip,.key-hint{display:none}.quest-panel{bottom:max(172px, calc(env(safe-area-inset-bottom) + 150px))}.chirp-wrap{bottom:max(46px, calc(env(safe-area-inset-bottom) + 26px))}}@media (min-width:1600px){.title-copy{margin-top:11vh}.title-copy h1{font-size:104px}}@media (max-height:760px) and (min-width:701px){.title-copy{margin-top:3vh;margin-bottom:65px}.title-copy h1{margin-bottom:17px;font-size:68px}.title-copy .tagline{font-size:21px}.intro{margin-bottom:16px}.title-nav{margin-top:13px;margin-bottom:10px}.title-footer{bottom:9px}}@media (max-width:700px){.title-screen{pointer-events:auto;background:linear-gradient(#0000 0% 20%,#e9f0e9b3 30%,#e9f0e9f5 39%,#e9f0e9 48%)}.title-nav{margin:max(12px, env(safe-area-inset-top)) 20px 12px}.title-nav a,.title-nav .text-button{background:#fff4ddc4;border-radius:9px;padding:7px 10px}.title-copy{width:calc(100% - 52px);max-width:480px;margin:29vh 26px 48px}.title-copy h1{letter-spacing:-.055em;max-width:350px;margin-bottom:18px;font-size:clamp(51px,11vw,70px)}.title-copy h1 br{display:block}.tagline{margin-bottom:12px;font-size:21px}.intro{margin-bottom:15px;font-size:14px;line-height:1.5}.wander-note{margin-bottom:11px;font-size:12px}.title-copy .primary-button{width:100%;padding:15px}.challenge-button{justify-content:center;width:100%;margin-top:9px}.title-links{justify-content:center;margin-top:0}.title-footer{margin:-24px 26px max(18px, env(safe-area-inset-bottom));gap:12px;font-size:10px;position:relative;bottom:0;left:0;right:0}.title-footer button{flex-shrink:0;padding:8px;font-size:10px}.best{text-align:center}.hud{top:max(14px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));align-items:center;gap:8px}.brand{display:none}.counters{justify-content:flex-start;gap:6px}.deeds{gap:9px;min-height:44px;padding:10px 13px;font-size:13px}.deeds strong{font-size:18px}.deeds i{font-size:13px}#timer{min-height:44px;padding:13px 9px;font-size:12px}.hud-actions{gap:5px}.icon-button{border-radius:13px;width:44px;height:44px}.icon-button svg{width:21px;height:21px}.hint{top:max(77px, calc(env(safe-area-inset-top) + 63px));width:max-content;max-width:calc(100% - 40px);padding:9px 13px;font-size:11px}.quest-panel{bottom:max(171px, calc(env(safe-area-inset-bottom) + 151px));border-radius:14px;width:calc(100% - 48px);max-width:370px;padding:11px 16px 12px}.quest-panel h2{margin-bottom:3px;font-size:18px}.quest-panel p{font-size:12px;line-height:1.35}#chance{margin-top:6px}#chance-copy{font-size:10px}.chirp-wrap{right:max(23px, env(safe-area-inset-right));bottom:max(46px, calc(env(safe-area-inset-bottom) + 26px))}.chirp-button{width:98px;height:98px;font-size:21px}.chirp-button svg{width:40px;height:40px}.joystick{left:max(23px, env(safe-area-inset-left));display:block}.compass{top:max(131px, calc(env(safe-area-inset-top) + 116px));font-size:10px;left:auto;right:22px;transform:none}.speech{max-width:min(230px,100vw - 32px);padding:11px 16px;font-size:16px}.flight-tip,.key-hint{display:none}.toast{font-size:12px;bottom:18px}.result-stats strong{font-size:26px}dialog{padding:25px}dialog h2{font-size:30px}#modal.map-dialog{padding:22px 20px}.map-dialog h2{font-size:27px}.map-dialog .map-intro{margin-bottom:8px;font-size:12px}.mini-map{margin-top:8px}.map-selection{min-height:62px;padding-top:8px}.map-selection h3{font-size:20px}.map-actions{gap:8px;padding-top:10px}.map-actions .primary-button,.map-actions .secondary-button{padding:11px 10px;font-size:12px}}@media (max-width:374px){.hud{gap:5px;left:12px;right:12px}.deeds{gap:6px;padding-inline:10px;font-size:12px}.deeds strong{font-size:17px}.hud-actions,.counters{gap:4px}#timer{padding-inline:7px}.title-copy{width:calc(100% - 44px);margin-left:22px;margin-right:22px}.title-footer{margin-inline:22px}}@media (max-height:760px) and (max-width:700px) and (orientation:portrait){.title-copy{margin-top:25vh;margin-bottom:32px}.title-copy h1{margin-bottom:14px}.tagline{margin-bottom:10px;font-size:20px}.intro{margin-bottom:12px}.title-footer{margin-top:-16px}.mini-map{width:min(100%,101.818dvh - 327.855px)}.map-dialog .map-intro{max-width:250px}}@media (max-height:600px) and (orientation:landscape){.title-nav{margin:8px 4.5vw 0}.title-copy{width:48%;margin:8px 0 40px 6%}.title-copy h1{margin-bottom:10px;font-size:45px}.title-copy h1 br{display:none}.tagline{margin-bottom:8px;font-size:18px}.intro{margin-bottom:9px;font-size:12px;line-height:1.4}.wander-note{margin-bottom:8px;font-size:11px}.primary-button{min-height:44px;padding:10px 20px;font-size:15px}.challenge-button{min-height:44px;margin-top:2px;font-size:11px}.challenge-button span{font-size:10px}.title-links{margin-top:-5px}.title-footer{font-size:10px;bottom:5px}.title-footer button{font-size:10px}.best{margin-top:0}.hud{top:max(10px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));align-items:center}.brand{min-width:180px;font-size:20px}.brand span{margin-top:4px;font-size:10px}.deeds{gap:10px;min-height:44px;padding:9px 15px;font-size:14px}.deeds strong{font-size:19px}.deeds i{font-size:14px}.icon-button{width:44px;height:44px}#timer{min-height:44px;padding:12px}.quest-panel{bottom:max(18px, env(safe-area-inset-bottom));width:min(380px,100% - 340px);max-width:calc(100% - 320px);padding:10px 15px}.quest-panel h2{margin-bottom:3px;font-size:17px}.quest-panel p{font-size:11px}#chance-copy{font-size:10px}.joystick{bottom:max(4px, env(safe-area-inset-bottom));left:max(23px, env(safe-area-inset-left))}.chirp-wrap{bottom:max(28px, env(safe-area-inset-bottom));right:max(26px, env(safe-area-inset-right))}.chirp-button{width:88px;height:88px;font-size:19px}.chirp-button svg{width:35px;height:35px}.hint{padding:8px 14px;font-size:11px;top:72px}.compass{top:113px;left:auto;right:44px;transform:none}.speech{font-size:16px}.flight-tip,.key-hint{display:none}#modal.map-dialog{width:min(670px,100vw - 40px);padding:20px}.map-dialog #modal-content{grid-template-columns:minmax(0,1fr) minmax(210px,1fr);align-items:start;column-gap:22px;display:grid}.map-dialog .close-modal{margin:0;position:absolute;top:23px;right:23px}.map-dialog h2{grid-column:2;margin-right:44px;font-size:25px}.map-dialog .map-intro{grid-column:2;margin:0;font-size:12px}.mini-map{grid-area:1/1/5;width:min(100%,101.818dvh - 124.218px);margin:0}.mini-map p{font-size:9px}.map-attribution{grid-area:5/1;margin:6px 0 0;font-size:9px}.map-selection{grid-column:2;padding-top:10px}.map-selection h3{font-size:20px}.map-selection p{font-size:11px}.map-actions{box-shadow:none;grid-column:2;gap:7px;padding-top:8px;display:grid;position:static}.map-actions .primary-button,.map-actions .secondary-button{width:100%;min-height:44px;padding:10px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}.chirp-button.ready{animation:none}}