@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#173f4b;background:#eaf1e5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e3a823;outline-offset:4px}header{height:94px;background:#fff;display:flex;align-items:center;padding:0 3.5%;gap:32px;border-bottom:1px solid #dbe6dd}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#205547;font:800 24px/1 Outfit;letter-spacing:1px}.brand small{font-size:11px;letter-spacing:4.4px;display:block;margin-top:7px}.brand-mark{position:relative;font-size:36px;color:white;background:#24634e;padding:7px 14px;border-radius:12px}.brand-mark span{position:absolute;color:#ffd265;top:-2px;right:1px;font-size:27px}.top-stats{display:flex;gap:55px;margin:auto}.top-stats small{display:block;font-size:10px;font-weight:700;letter-spacing:1px;color:#829387;margin-bottom:6px}.top-stats strong{font:600 24px/1 Outfit;display:block}.top-stats>span:first-child strong{color:#b88d20}.city-stat{width:180px;position:relative}.city-stat strong{position:absolute;right:0;top:0;font-size:19px}.city-stat small{font-size:9px}progress{width:100%;height:7px;border:0;background:#e6ecdf;border-radius:9px;overflow:hidden}progress::-webkit-progress-bar{background:#e6ecdf}progress::-webkit-progress-value{background:#408b5d}progress::-moz-progress-bar{background:#408b5d}.icon-button{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #dce6de;font-size:20px;flex-shrink:0}main{max-width:1600px;margin:auto;padding:22px 24px 0}.game-shell{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:22px;box-shadow:0 9px 35px #2d603314;background:#d2e8ba;border:1px solid #ffffffb0}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.map-title{position:absolute;left:3.3%;top:5%;pointer-events:none}.map-title>span{font-size:10px;letter-spacing:2px;font-weight:800;color:#5e885d}.map-title h1{font-family:Outfit;font-size:clamp(24px,2.65vw,43px);line-height:1.05;letter-spacing:-1.1px;margin:14px 0;color:#315c45}.map-title p{font-size:12px;line-height:1.7;max-width:220px;color:#67805b}.phase-card{position:absolute;right:3%;bottom:10%;width:22%;min-width:235px;padding:22px;border-radius:19px;background:#fffdf5;box-shadow:0 9px 0 #a1b18344;border:1px solid #fff}.phase-card .eyebrow{font-size:10px;color:#638559}.phase-card h2{font:700 24px/1.1 Outfit;margin:13px 0 10px}.phase-card p{font-size:12px;line-height:1.65;color:#7d8972}.phase-meta{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #e7eadb;padding:13px 0;color:#708066}.phase-meta strong{color:#b3902a}.primary{background:#25674e;color:#fff;border:0;border-radius:10px;box-shadow:0 4px 0 #16422e;padding:14px 18px;font-size:14px;font-weight:700;width:100%;transition:transform .15s}.primary:hover{background:#1d583f;transform:translateY(-1px)}.secondary{background:#f0f4e6;border:1px solid #d4dfc5;border-radius:10px;padding:12px 17px}.text-button{padding:14px 0 0;background:transparent;border:0;font-size:11px;color:#718468;text-decoration:underline;width:100%}.map-node{position:absolute;width:7.4%;aspect-ratio:1;border:4px solid #fff9d8;border-radius:17px;background:#e0edc9;transform:translate(-50%,-50%);box-shadow:0 6px 0 #536c3650;padding:0;overflow:visible;transition:transform .2s;z-index:2}.map-node:hover{transform:translate(-50%,-54%)}.node-art{display:block;width:100%;height:100%;background-size:300% 200%;border-radius:12px;image-rendering:pixelated}.map-node:disabled{filter:grayscale(.8);opacity:.65;cursor:not-allowed}.map-node.active{border-color:#ffcf52;box-shadow:0 0 0 5px #ffe29b66,0 6px 0 #b48c3a;z-index:3}.map-node.done{border-color:#fff8d6}.node-number{position:absolute;right:-11px;top:-11px;background:#2c6850;border:3px solid #fff8d6;color:white;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:12px;font-weight:800}.active .node-number{background:#d4a239}.node-name{position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%);background:#fff9e8e8;border:1px solid #e2e4c7;border-radius:5px;padding:4px 7px;white-space:nowrap;font-size:10px;font-weight:600;color:#466047}.map-note{position:absolute;bottom:3%;left:3.3%;display:flex;align-items:center;gap:7px;font-size:10px;color:#6b805c}.legend-dot{height:6px;width:6px;background:#3d8658;border-radius:50%}.map-note button{background:transparent;border:0;text-decoration:underline;color:#597b4c;font-size:10px;margin-left:15px}.control-strip{display:flex;align-items:center;justify-content:space-between;padding:19px 8px;font-size:11px;color:#7c8b76;gap:15px}.control-strip b{font-size:9px;letter-spacing:1px;margin-right:12px;color:#4c7350}.desktop-keys{display:flex;gap:7px;align-items:center}kbd{font-family:inherit;background:#fff;padding:4px 6px;border-radius:4px;box-shadow:0 2px 0 #d3dec9;font-size:10px}footer{min-height:64px;background:#fff;margin-top:8px;padding:12px 3.5%;display:flex;align-items:center;gap:20px;font-size:10px;color:#86917e}footer>span:nth-child(2){margin-left:auto}footer img{height:39px;width:120px;object-fit:contain;filter:brightness(0) saturate(100%) invert(23%) sepia(57%) saturate(1531%) hue-rotate(192deg) brightness(87%) contrast(93%)}.platform-hud{position:absolute;top:0;left:0;width:100%;padding:18px 25px;background:linear-gradient(#143c5070,transparent);display:flex;align-items:flex-start;justify-content:space-between;color:white;text-shadow:0 2px 0 #29496c}.platform-hud>div:first-child span{font:700 18px Outfit;display:block}.platform-hud strong{display:block;margin-top:9px;color:#ffdee0;font-size:22px;letter-spacing:5px}.hud-center{display:flex;gap:30px;font-weight:700;align-items:center}.hud-center span:first-child{font-size:24px;color:#ffe17b}.hud-center span:last-child{font-size:11px;letter-spacing:1px}.tutorial{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:12px;background:#173c4ded;color:#fffce9;font-size:13px;max-width:90%;text-align:center;pointer-events:none;box-shadow:0 5px 0 #102b3e40}.touch-controls{position:absolute;inset:auto 16px 20px;display:flex;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:13px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;width:57px;height:57px;border-radius:50%;border:2px solid #ffffffb0;background:#1f3f6380;color:white;font-size:24px;font-weight:800;box-shadow:0 4px 0 #16395350}.touch-controls small{display:block;font-size:8px;letter-spacing:.7px;font-weight:600}#jump{background:#c650678f}#run{background:#276b808f}.touch-controls button.pressed{transform:translateY(3px);box-shadow:none}.eyebrow{font-size:11px;letter-spacing:1.7px;color:#66885c;font-weight:800}dialog{border:0;border-radius:23px;width:min(590px,calc(100% - 24px));padding:32px;color:#294b3e;box-shadow:0 25px 100px #17364e50}dialog::backdrop{background:#14384880;backdrop-filter:blur(5px)}.close{position:absolute;right:13px;top:13px}dialog h2{font:700 29px/1.15 Outfit;margin:16px 0}dialog p{font-size:14px;color:#75816e;line-height:1.7}.center{text-align:center}.celebration{font-size:52px;color:#cda537}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.score-grid>div{background:#f0f4e6;border-radius:12px;padding:19px}.score-grid strong{font:600 29px Outfit;display:block}.score-grid small{font-size:11px;color:#7d8b70}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button-row>*{flex:1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.detail-grid small{display:block;font-size:11px;color:#8a9781;margin-bottom:5px}.detail-grid strong{font-size:13px}.note{font-size:12px!important;background:#f0f4e7;padding:14px;border-radius:10px}.place-photo{width:100%;height:215px;object-fit:cover;border-radius:13px}.place-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.place-list button{background:#f2f5e7;border:1px solid #dce4cd;border-radius:10px;padding:14px;text-align:left;font-size:13px}.place-credit{font-size:10px!important}.checklist{padding:15px 18px;background:#f0f5e4;border-radius:12px;font-size:14px;line-height:2;color:#4d7050}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#173e40;color:white;border-radius:10px;padding:13px 24px;opacity:0;pointer-events:none;transition:.2s;z-index:20;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:1000px){.top-stats{gap:25px}.brand{font-size:20px}.city-stat{width:150px}.phase-card{min-width:200px;padding:17px;right:2%;bottom:9%}.phase-card h2{font-size:20px}.phase-card p{font-size:11px}.phase-card .primary{font-size:12px;padding:11px}.map-title h1{font-size:27px}.map-title p{max-width:175px;font-size:10px}.desktop-keys{display:none}.map-note{font-size:8px}.node-name{font-size:8px}}@media(max-width:700px){header{height:auto;min-height:117px;padding:15px;flex-wrap:wrap;gap:14px}.brand{font-size:18px}.brand small{font-size:8px;letter-spacing:3.5px}.brand-mark{font-size:27px;padding:6px 11px}.brand-mark span{font-size:20px}header>.icon-button{margin-left:auto}.top-stats{order:3;width:100%;justify-content:space-between;gap:15px}.top-stats small{font-size:8px}.top-stats strong{font-size:19px}.city-stat{width:130px}.city-stat small{font-size:7px}.city-stat strong{font-size:15px}main{padding:12px 10px 0}.game-shell{aspect-ratio:3/4;min-height:520px;border-radius:16px}.map-title{left:6%;top:4%}.map-title h1{font-size:27px;max-width:290px}.map-title h1 br{display:none}.map-title p{max-width:230px;font-size:11px;margin-top:7px}.phase-card{right:5%;bottom:7%;width:90%;min-width:0;padding:15px 18px;display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.phase-card .eyebrow{grid-column:1/-1}.phase-card h2{font-size:19px;margin:8px 0}.phase-card p{margin:5px 0;grid-column:1;grid-row:3;font-size:10px}.phase-meta{grid-column:2;grid-row:2;border:0;align-self:center;padding:0;font-size:10px}.phase-card .primary{grid-column:2;grid-row:3;font-size:12px;align-self:center}.phase-card .text-button{grid-column:1/-1;font-size:10px;padding-top:10px}.map-note{bottom:2%;left:5%;right:5%;font-size:7px;gap:5px}.map-note button{font-size:8px;margin-left:auto}.map-node{width:13%;border-width:3px;border-radius:12px}.node-art{border-radius:8px}.node-name{font-size:8px;padding:3px 5px;top:calc(100% + 6px)}.node-number{height:23px;width:23px;font-size:10px;border-width:2px;right:-8px;top:-8px}.control-strip{font-size:10px;line-height:1.7;padding:14px 5px}.control-strip b{display:block;font-size:9px}.game-shell.playing{aspect-ratio:4/3;min-height:330px}.platform-hud{padding:12px}.platform-hud>div:first-child span{font-size:12px}.platform-hud strong{font-size:16px;margin-top:5px}.hud-center{gap:10px;flex-direction:column}.hud-center span:first-child{font-size:18px}.hud-center span:last-child{font-size:8px}.platform-hud .icon-button{width:30px;height:30px;font-size:16px}.touch-controls{bottom:12px;left:12px;right:12px}.touch-controls button{width:47px;height:47px;font-size:19px}.touch-controls small{font-size:7px}.tutorial{bottom:30%;font-size:10px;padding:9px 14px}footer{flex-wrap:wrap;gap:10px;font-size:9px;padding:13px 16px}footer>span:nth-child(2){margin:0}footer img{margin-left:auto;width:95px;height:32px}.place-photo{height:180px}.place-list{grid-template-columns:1fr}dialog{padding:30px 22px}}@media(orientation:landscape) and (max-height:600px){body:has(.playing) header,body:has(.playing) footer,body:has(.playing) .control-strip{display:none}body:has(.playing) main{padding:0;max-width:none}.game-shell.playing{height:100dvh;min-height:0;aspect-ratio:auto;border-radius:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}