*{box-sizing:border-box} :root{--ink:#254c3d;--muted:#7d8c7b;--paper:#f6f4ea;--lime:#b6e780;--green:#4ca468} body{margin:0;background:var(--paper);color:var(--ink);font-family:'Yu Gothic','Meiryo',system-ui,sans-serif}body::before{content:'';position:fixed;inset:0;z-index:-1;background-image:radial-gradient(#254c3d15 .6px,transparent .6px);background-size:6px 6px}main{max-width:1192px;margin:auto;padding:0 32px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d0a03e;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #254c3d22}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:27px;font-weight:900;letter-spacing:-1px}.brand canvas{width:36px;height:45px;image-rendering:pixelated}.brand-sub{display:block;font-size:8px;letter-spacing:2.1px;margin-top:0}.edition{font-size:11px;letter-spacing:.17em;margin-left:auto;margin-right:32px}.tools{display:flex;gap:9px}.tools button{background:transparent;border:1px solid #254c3d33;border-radius:50px;height:34px;min-width:34px;font-size:14px}.tools button:first-child{padding:0 14px}.tools button span{font-size:10px;margin-left:4px}.heading{display:flex;align-items:center;justify-content:space-between;padding:30px 0 24px}.eyebrow{font-family:monospace;font-size:10px;letter-spacing:2px;margin:0 0 10px;font-weight:bold}h1{font-size:29px;letter-spacing:.035em;margin:0;font-weight:800}h1 i{font-style:normal;color:#86a349;font-size:33px;margin-left:14px}.badge{font:9px monospace;letter-spacing:1px;border:1px solid #254c3d33;border-radius:5px;padding:10px 12px}.badge b{border-left:1px solid #254c3d33;padding-left:9px;margin-left:9px}.game-shell{border:2px solid #254c3d;border-radius:13px;overflow:hidden;background:var(--ink);box-shadow:0 9px 0 #dedfce,0 15px 36px #254c3d12}.hud{height:58px;display:flex;align-items:center;gap:22px;padding:0 22px;color:#f3f3dc}.level-label{display:flex;align-items:center;gap:14px}.level-label>span{color:#b8d490;font:11px monospace;letter-spacing:2px}.level-label>b{font-size:13px}.counters{margin-left:auto;display:flex;align-items:center;gap:28px;font:14px monospace}.counters b{font-weight:normal;letter-spacing:2px}.stars{color:#f6d77e}#hearts{color:#e69a84;font-size:19px;white-space:nowrap}.keepsakes{color:#c6dbb6}#pause{background:#ffffff0d;border:1px solid #ffffff28;color:#fff;border-radius:6px;width:30px;height:30px}.screen{position:relative;aspect-ratio:16/9;background:#daebd7}#game{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline-offset:-4px}.location{position:absolute;top:18px;left:20px;font:9px monospace;letter-spacing:1.5px;color:#3c675c;pointer-events:none}.location span{margin-left:8px}.game-footer{display:flex;align-items:center;justify-content:space-between;color:#e4ecd6;padding:12px 20px;font-size:10px;letter-spacing:.06em}.game-footer b{font-weight:400}#power-status{font-family:monospace;color:#c4e58e}.status-dot{display:inline-block;background:#b6e780;width:5px;height:5px;margin-right:9px;border-radius:50%}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#173e302d;backdrop-filter:blur(1px);padding:16px}.overlay[hidden]{display:none}.modal{width:430px;text-align:center;background:#faf7eefa;border:2px solid #315442;box-shadow:7px 7px 0 #254c3d4a;padding:25px 28px 22px;border-radius:4px;max-height:100%;overflow:auto}.modal .eyebrow{font-size:8px;letter-spacing:1.7px}.modal canvas{image-rendering:pixelated;width:64px;height:75px;margin:4px 0 1px}h2{font-size:27px;margin:4px 0 14px;letter-spacing:.06em}.modal p:not(.eyebrow):not(.modal-foot){font-size:12px;line-height:2;color:#637261;margin:0 0 18px}.primary{display:block;width:100%;padding:15px 20px;background:var(--ink);color:#f4f5df;border:0;border-radius:3px;font-size:13px;font-weight:bold;box-shadow:0 4px 0 #142f25}.primary:hover{background:#39634a}.primary span{float:right;color:#c2e99a}.secondary{border:0;background:none;text-decoration:underline;font-size:11px;padding:14px 0 0}.secondary[hidden]{display:none}.modal-foot{font:7px monospace;letter-spacing:1.2px;margin:19px 0 0;color:#8a907d}.toast{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#fff8e9ee;border:1px solid #476b50;border-radius:30px;padding:9px 17px;white-space:nowrap;font-size:11px;opacity:0;transition:opacity .15s;pointer-events:none}.toast.show{opacity:1}.under-game{display:flex;align-items:center;justify-content:space-between;padding:21px 0 17px;font-size:10px;color:#7a8876;gap:12px}.under-game p{margin:0;display:flex;align-items:center;gap:8px}kbd{border:1px solid #bbc3ae;border-bottom-width:2px;padding:3px 6px;border-radius:3px;font:9px monospace;color:#4f6554;background:#fcfcf5}.route{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:3px 0 24px}.route-item{display:flex;align-items:center;border:1px solid #cdd3c1;border-radius:6px;padding:18px 20px;gap:14px;background:#faf9f155;opacity:.62}.route-item.active{background:#e7edda;border-color:#91a780;opacity:1}.route-number{font:19px monospace;color:#8ba07b}.route-item small{font:8px monospace;letter-spacing:1px;display:block;margin-bottom:6px}.route-item b{font-size:12px;letter-spacing:.08em}.route-symbol{margin-left:auto;font-size:26px;color:#91a780}.page-footer{display:flex;justify-content:space-between;font:9px monospace;color:#96a08d;padding:0 0 22px}.touch-controls{display:none;padding:12px 15px;justify-content:space-between;border-top:1px solid #ffffff20;touch-action:none;user-select:none}.touch-controls>div{display:flex;gap:10px;align-items:center}.touch-controls button{border:1px solid #a9c19788;background:#446952;color:#f1f5dc;border-radius:10px;width:48px;height:45px;box-shadow:0 3px 0 #152f25;touch-action:none}.touch-controls button:active{transform:translateY(2px);background:#648857}.touch-controls .jump{background:#b5df86;color:#254c3d;width:58px;font-size:24px;line-height:18px}.touch-controls small{display:block;font:8px monospace}.touch-controls .spark{font-size:23px;color:#f5d481}.touch-controls .skate{font-size:10px}.game-shell:fullscreen{border-radius:0}.modal.help-mode{width:470px}.help-mode #hero-avatar{display:none}.help-mode h2{font-size:21px}
@media(pointer:coarse){.touch-controls{display:flex}}
@media(max-width:700px){main{padding:0 13px}.topbar{height:70px}.brand{font-size:23px}.brand canvas{width:30px;height:38px}.edition,.badge{display:none}.heading{padding:22px 0 18px}h1{font-size:21px}h1 i{font-size:23px;margin-left:5px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hud{height:48px;padding:0 11px;gap:9px}.level-label{gap:6px;flex-direction:column;align-items:flex-start}.level-label>span{font-size:8px}.level-label>b{font-size:10px}.counters{gap:12px;font-size:10px}.counters b{letter-spacing:0}#hearts{font-size:14px}.game-footer{padding:11px 10px;font-size:9px;gap:8px}#power-status{font-size:8px}.under-game{font-size:9px}.under-game>span{display:none}.under-game p{flex-wrap:wrap;gap:5px}kbd{font-size:8px}.route{gap:6px}.route-item{padding:12px 8px;gap:6px}.route-item b{font-size:9px;letter-spacing:0}.route-item small{font-size:6px;letter-spacing:0}.route-number{font-size:13px}.route-symbol{display:none}.page-footer{font-size:7px}.page-footer>span:last-child{display:none}.touch-controls{display:flex}.screen{aspect-ratio:4/3}#game{object-fit:cover}.location{top:10px;left:10px;font-size:7px}.modal{padding:14px 16px;width:330px}.modal canvas{width:44px;height:51px}.modal .eyebrow{font-size:6px}h2{font-size:20px;margin:2px 0 9px}.modal p:not(.eyebrow):not(.modal-foot){font-size:10px;line-height:1.8;margin-bottom:12px}.primary{font-size:11px;padding:12px}.modal-foot{font-size:5px;margin-top:13px}.overlay{padding:10px}.toast{font-size:9px;max-width:95%;white-space:normal;text-align:center}.help-mode{max-height:100%}}
@media(prefers-reduced-motion:reduce){.toast{transition:none}}
.game-shell{scroll-margin-top:10px}
.stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;margin:3px 0 28px}
.stage-card{display:grid;grid-template-columns:32px minmax(0,1fr);align-content:center;gap:8px 10px;min-height:122px;padding:16px;background:#e6ece1;border:1px solid #a5b8a5;border-radius:6px;color:#345b4b;text-decoration:none}
.stage-card:hover{background:#dbe8d4;border-color:#617f60}.stage-card.active{background:#d5e5cb;border-color:#486b48;box-shadow:inset 0 0 0 1px #486b48}
.stage-number{font:25px monospace;align-self:center}.stage-info{min-width:0}.stage-info small{display:block;font:8px monospace;letter-spacing:.5px;margin-bottom:7px}.stage-info b{display:block;font-size:13px}.stage-info>span{display:block;font-size:10px;line-height:1.6;margin-top:5px}.stage-go{grid-column:2;font-size:10px;font-weight:bold;text-align:right}
@media(max-width:700px){.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage-card{grid-template-columns:24px minmax(0,1fr);padding:12px 10px;gap:7px;min-height:140px}.stage-number{font-size:20px}.stage-info small{font-size:7px;letter-spacing:0;overflow-wrap:anywhere}.stage-info b{font-size:11px}.stage-info>span{font-size:9px}}
.game-shell>.toast{position:static;transform:none;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;height:44px;padding:7px 16px;border:0;border-radius:0;background:#e6ecdb;color:#345442;font-size:11px;line-height:16px;white-space:normal;text-align:center;overflow:auto}
@media(max-width:700px){.game-shell>.toast{height:52px;padding:7px 10px;font-size:10px;line-height:16px}}
@media(min-width:701px){.game-shell{max-width:calc((100svh - 115px)*16/9);margin-inline:auto}}
.sky-start{display:block;width:100%;margin-top:13px;padding:12px 10px;border:1px solid #809e94;background:#e5ede2;border-radius:3px;font-size:11px;font-weight:bold;color:#365d60}.sky-start:hover{background:#cfded3}.sky-start[hidden]{display:none}.sky-banner{display:flex;align-items:center;gap:20px;margin:-8px 0 25px;padding:20px 24px;background:#dce7e1;border:1px solid #9fb7aa;border-radius:6px;color:#345b5b;text-decoration:none}.sky-banner-icon{font-size:35px}.sky-banner small{display:block;font:8px monospace;letter-spacing:1.5px;margin-bottom:5px}.sky-banner b{font-size:18px;margin-right:18px}.sky-banner span>span{font-size:11px}.sky-banner strong{margin-left:auto;font-size:12px;white-space:nowrap}.sky-banner.active{background:#d2e3dc}.game-shell.sky-mode .location{color:#365e68}.sky-mode #item-count{color:#f4e9bc}.sky-mode .modal{border-color:#477071}.sky-mode .primary{background:#365d60}.sky-mode #hero-avatar{width:48px;height:56px}
@media(max-width:700px){.sky-banner{padding:15px 12px;gap:10px}.sky-banner b{font-size:15px}.sky-banner span>span{display:block;font-size:9px;margin-top:4px}.sky-banner strong{font-size:10px}.sky-banner small{font-size:6px}.sky-start{padding:9px;font-size:10px;margin-top:10px}.sky-mode .modal{padding:10px 13px}.sky-mode #hero-avatar{width:34px;height:40px}.sky-mode h2{font-size:18px}.sky-mode .modal-foot{margin-top:10px}}
@media(max-width:700px){.modal:not(.help-mode) #hero-avatar,.modal:not(.help-mode) .modal-foot{display:none}.modal:not(.help-mode){padding:12px 13px}.modal:not(.help-mode) .eyebrow{margin-bottom:8px}.sky-mode .modal:not(.help-mode) h2{font-size:17px}}