@import url('https://fonts.googleapis.com/css2?family=Rye&family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;600;700&display=swap');
:root{--paper:#f1d9a9;--ink:#38271c;--rust:#9a3f20}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#5f492f;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible{outline:3px solid #e9a232;outline-offset:4px}[hidden]{display:none!important}#viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:0}#viewport.dragging{cursor:grabbing}#world{position:absolute;top:0;left:0;width:1536px;height:1024px;transform-origin:0 0;will-change:transform}#town{display:block;width:100%;height:100%;user-select:none;pointer-events:none}#turtle{position:absolute;width:43px;height:54px;border:0;padding:0;background:none;transform:translate(-50%,-100%);touch-action:none;-webkit-tap-highlight-color:transparent;cursor:inherit}#turtle img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(1px 2px 1px #38271c60)}#turtle.found{cursor:pointer}#turtle.found:before{content:'';position:absolute;inset:-10px;border:1px dashed #ffe7a0;border-radius:50%;background:#ffc05b15}.target-label{display:none;position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);white-space:nowrap;font-size:5px;font-weight:700;padding:3px 5px}.found .target-label{display:block}.boop img{animation:boop .18s ease-out}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #392a2760;border:9px solid #31241920}.hud{position:absolute;top:0;left:0;right:0;padding:24px 28px;display:flex;justify-content:space-between;align-items:start;pointer-events:none;background:linear-gradient(#2f231990,transparent)}.hud>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;color:#f9e5bd;text-shadow:1px 2px 3px #312419;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:27px;letter-spacing:1px;line-height:1}.brand .star{font-size:44px;color:#e4b057}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;margin-top:9px;font-weight:600}.top-right{display:flex;gap:12px;align-items:center}.score{background:#30241deb;color:var(--paper);border:1px solid #d9ac6670;padding:12px 20px;display:flex;gap:13px;min-width:160px;box-shadow:3px 4px 0 #2f22194d}.shell{font-size:31px;color:#dca64d}.score strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:29px;line-height:1}.score small{font-size:7px;letter-spacing:1.4px;display:block;margin-top:5px}.square{background:var(--paper);width:46px;height:46px;border:1px solid #513a25;box-shadow:3px 3px 0 #30241d50;font-size:22px}.square:hover,.paper-button:hover,.zoom-controls button:hover{background:#ffe8bd}.location-tag{position:absolute;top:113px;left:33px;color:#fff1d3;text-shadow:1px 1px 4px #30241d;font-size:9px;font-weight:700;letter-spacing:2px;pointer-events:none}.location-tag span{display:block;font-size:6px;letter-spacing:1px;margin-top:5px}.mini-poster{position:absolute;left:30px;bottom:30px;transform:rotate(-3deg);box-shadow:4px 6px 12px #30241d55;border:1px solid #62472a;background:var(--paper);padding:7px}.mini-poster button{display:flex;align-items:center;gap:12px;background:none;border:1px solid #86674790;padding:8px;text-align:left}.mini-poster img{width:51px;height:59px;object-fit:cover;filter:sepia(.3);border:1px solid #523c26}.mini-poster b{font-family:'Rye',Georgia,serif;font-size:23px;letter-spacing:1px;display:block}.mini-poster small{display:block;font-size:6px;font-weight:700;letter-spacing:1px;margin-top:6px}.tools{position:absolute;right:28px;bottom:28px;display:flex;flex-direction:column;align-items:end;gap:9px}.tool-row{display:flex;gap:9px}.paper-button{background:var(--paper);border:1px solid #60432a;box-shadow:3px 3px 0 #30241d50;padding:13px 17px;font-size:11px;font-weight:700}.zoom-controls{display:flex;border:1px solid #60432a;box-shadow:3px 3px 0 #30241d50;background:var(--paper)}.zoom-controls button{border:0;background:none;height:39px;padding:0 16px;font-size:20px}.zoom-controls button+button{border-left:1px solid #60432a50}#reset-view{font-size:14px}#zoom-level{font-size:9px;margin-left:5px;font-weight:700}.bottom-note{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);color:#fff2cc;background:#30241dc9;padding:8px 12px;font-size:7px;letter-spacing:1.2px;white-space:nowrap;pointer-events:none}dialog{color:var(--ink);border:0;overflow:visible}dialog::backdrop{background:#1d201776;backdrop-filter:blur(2px)}.wanted{width:354px;max-width:calc(100vw - 38px);padding:12px;background:#edcf97;box-shadow:5px 10px 40px #21180ca0;transform:rotate(-2deg);background-image:radial-gradient(#80582e18 1px,transparent 1px);background-size:4px 4px}.pin{position:absolute;top:0;left:50%;width:11px;height:11px;border-radius:50%;background:#61452f;box-shadow:1px 2px 4px #30241d;z-index:2}.poster-inner{border:2px solid #614225;padding:20px 20px 15px;text-align:center;outline:1px solid #614225;outline-offset:-5px}.overline{font-size:8px;letter-spacing:1.7px;font-weight:700;margin:0 0 10px}.wanted h1{font-family:'Rye',Georgia,serif;font-size:54px;font-weight:400;line-height:1.05;margin:0 0 7px;letter-spacing:1px}.rule{border-top:2px solid #614225;border-bottom:1px solid #614225;padding:7px 0;font-size:7px;letter-spacing:1.1px;font-weight:700}.mugshot{height:173px;position:relative;margin:13px 0;overflow:hidden;border:3px solid #614225}.mugshot img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:sepia(.28) contrast(1.08)}.mugshot span{position:absolute;bottom:9px;right:2px;border:2px solid var(--rust);color:var(--rust);background:#f1d9a9d9;font-size:12px;font-weight:900;line-height:1.1;transform:rotate(-12deg);padding:4px 7px}.wanted h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;margin:9px 0 2px;line-height:1}.crime{font-family:Georgia,serif;font-style:italic;font-size:14px;margin:8px 0}.description{font-size:10px;line-height:1.65;margin:12px 0}.primary{border:1px solid #38271c;background:var(--ink);color:var(--paper);padding:14px 18px;box-shadow:2px 3px 0 #76532d;letter-spacing:1.2px;font-size:10px;font-weight:700;width:100%}.primary:hover{background:#614225}.poster-foot{display:block;font-size:6px;letter-spacing:1px;margin-top:13px}.paper{background:var(--paper);box-shadow:5px 8px 0 #38271c65;border:1px solid #614225}.menu{width:410px;max-width:calc(100% - 28px);padding:30px;max-height:90dvh;overflow:auto}.menu h2{font-family:'Rye',Georgia,serif;font-size:30px;font-weight:400;margin:8px 0 20px}.close{position:absolute;right:12px;top:8px;font-size:25px;border:0;background:none}.menu-tabs{display:flex;border-bottom:1px solid #806039;margin-bottom:20px}.menu-tabs button{background:none;border:0;padding:10px 12px;font-size:11px}.menu-tabs .selected{background:var(--ink);color:var(--paper)}.panel{font-size:12px;line-height:1.65}.panel ol{padding-left:20px}.panel li{margin-bottom:14px}.muted{font-size:10px;opacity:.7}.links{display:flex;flex-direction:column;gap:8px}.links button{background:#fff2cf50;border:1px solid #80603970;padding:10px;text-align:left}.links small{float:right;font-size:9px}.badge{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #80603950;opacity:.45}.badge.unlocked{opacity:1}.badge span{font-size:30px;color:var(--rust)}.badge b{display:block;font-size:11px}.badge small{font-size:9px}#status{position:absolute;top:112px;left:50%;transform:translateX(-50%);background:#30241def;color:var(--paper);border:1px solid #b78b4c;padding:13px 22px;text-align:center;font-size:12px;max-width:calc(100% - 40px);pointer-events:none;opacity:0;transition:opacity .25s}#status.visible{opacity:1}#streak{position:absolute;top:105px;right:30px;padding:8px 14px;background:var(--rust);color:var(--paper);font-size:9px;letter-spacing:1px}#streak b{font-size:15px;margin-left:8px}#hint-ring{display:none;position:absolute;width:180px;height:140px;transform:translate(-50%,-65%);border:3px dashed #ffe7a0;border-radius:50%;box-shadow:0 0 20px #ffc260;background:#ffbc4825;pointer-events:none}.hinting #hint-ring{display:block}.reveal-flash img{filter:drop-shadow(0 0 6px #fff)!important}#achievement{position:absolute;top:180px;left:50%;transform:translateX(-50%) rotate(-3deg);display:flex;align-items:center;gap:14px;background:var(--paper);border:2px solid var(--rust);outline:1px solid var(--paper);outline-offset:3px;padding:16px 22px;pointer-events:none;box-shadow:4px 5px 16px #30241d80;white-space:nowrap}#achievement>span{font-size:35px;color:var(--rust)}#achievement small{font-size:8px;letter-spacing:1.6px;display:block}#achievement b{font-family:'Barlow Condensed',sans-serif;font-size:24px}.float{position:absolute;color:#ffe6a3;font-weight:900;text-shadow:1px 2px 0 #38271c;font-size:22px;pointer-events:none;animation:float .8s ease-out forwards;z-index:10}.dust{border:2px solid #ffdfa685;border-radius:50%;width:18px;height:18px;animation:dust .4s ease-out forwards}.dust-wind{position:absolute;top:850px;left:360px;color:#e7b97580;font-size:45px;animation:wind 18s linear infinite;pointer-events:none}#loading{position:absolute;inset:0;background:#302619;color:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:30}#loading h2{font-family:'Rye',Georgia,serif;font-size:22px;font-weight:400}#loading p{font-size:12px}.loading-star{font-size:50px;color:#dca64d;animation:spin 8s linear infinite}progress{width:190px;height:5px;accent-color:#dca64d}#retry{width:auto;margin-top:20px}@keyframes boop{50%{transform:scale(1.1,.91)}}@keyframes float{to{opacity:0;transform:translateY(-65px) rotate(9deg)}}@keyframes dust{to{opacity:0;transform:scale(2)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wind{to{transform:translate(1000px,-200px);opacity:0}}@media(max-width:700px){.hud{padding:16px}.brand{font-size:20px;gap:6px}.brand .star{font-size:30px}.brand small{font-size:6px;letter-spacing:1px;margin-top:6px}.score{padding:9px 12px;min-width:96px;gap:6px}.score strong{font-size:24px}.score small{font-size:5px;letter-spacing:.6px}.shell{font-size:23px}.top-right{gap:8px}.square{width:40px;height:40px}.location-tag{top:88px;left:20px;font-size:8px}.location-tag span{display:none}.mini-poster{left:16px;bottom:calc(18px + env(safe-area-inset-bottom));padding:4px}.mini-poster button{padding:5px;gap:7px}.mini-poster img{width:34px;height:42px}.mini-poster b{font-size:15px}.mini-poster small{font-size:5px;max-width:90px;line-height:1.6}.mini-poster button>span:last-child{display:none}.tools{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));gap:7px}.paper-button{padding:12px;font-size:9px}.zoom-controls button{height:35px;padding:0 12px}.bottom-note{bottom:115px;font-size:6px;letter-spacing:.6px}#status{top:130px;width:max-content;max-width:90%;font-size:11px}#streak{top:85px;right:16px;font-size:8px;padding:5px 8px}#escape{max-width:170px;font-size:8px}.wanted{width:320px;padding:10px}.poster-inner{padding:18px}.wanted h1{font-size:47px}.mugshot{height:145px}.wanted h2{font-size:27px}}@media(max-height:660px){.wanted{width:290px}.poster-inner{padding:13px}.wanted h1{font-size:40px}.mugshot{height:115px;margin:8px 0}.wanted h2{font-size:25px}.description{margin:7px 0}.crime{font-size:12px}.poster-foot{margin-top:9px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.float{display:none}}