:root{font-family:system-ui,'Yu Gothic',sans-serif;color:#435745;background:#101010;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{height:100svh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px max(24px,calc((100% - 1120px)/2));padding-top:calc(16px + env(safe-area-inset-top));background:#101010;color:#fff;border-bottom:5px solid #ffe100}.app-brand{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;text-decoration:none;font-size:32px;font-weight:900;letter-spacing:.01em;line-height:1.4}.brand-icon{width:38px;height:38px;margin-right:10px}.header-tagline{font-size:16px;font-weight:700;line-height:1.6;text-align:right;min-width:0;letter-spacing:.03em}.tagline-highlight{display:inline-block;background:#ffe100;color:#101010;border-radius:2px;padding:1px 8px;margin:0 6px}.site-header a:focus-visible,.site-footer a:focus-visible{outline:2px solid #ffe100;outline-offset:3px}
main{min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,64px);padding:8px 16px;background:radial-gradient(#708b6220 1px,transparent 1px),#eee8d3;background-size:12px 12px;overflow:hidden}.side-brand,.right{width:215px;flex-shrink:0;max-height:100%;overflow:auto;scrollbar-width:thin}.eyebrow{font:9px monospace;color:#81936c;letter-spacing:1.5px}h1{font-size:40px;font-weight:900;letter-spacing:2px;margin:20px 0 8px;color:#4b694e;white-space:nowrap}.catch{font-weight:700;font-size:11px}em{font-style:normal;color:#a0765b}p{font-size:12px;line-height:2.1;color:#7e846d}.stages{border-left:3px dotted #bcc8a4;color:#879073;padding-left:15px;line-height:2.3;font-size:11px;margin:24px 0}.stages strong{color:#ab768d}.side-brand>small{font-size:9px;line-height:2;color:#899177}.cabinet{width:300px;flex-shrink:0;min-width:0;min-height:0;border:4px solid #a5b797;background:#f5edda;box-shadow:5px 5px 0 #d2d4ba;display:flex;flex-direction:column;--game-scale:1}.game-hud{height:48px;flex:0 0 48px;display:flex;justify-content:space-between;gap:6px;padding:8px 10px;border-bottom:1px solid #cbd1b3;background:#f6f1df;overflow:hidden}.game-hud>div{display:flex;flex-direction:column;gap:3px;min-width:0}.game-hud small{font-size:9px;color:#8f987b;white-space:nowrap}.game-hud span{font-size:11px;font-weight:bold;color:#4d6856;white-space:nowrap}.game-hud>div:first-child{flex:1}.game-hud #name{overflow:hidden;text-overflow:ellipsis}#lives{color:#c78182;font-size:14px}.viewport{position:relative;width:100%;aspect-ratio:480/760;overflow:hidden;flex-shrink:0}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none;user-select:none}.game-controls{height:44px;flex:0 0 44px;padding:0 7px;display:flex;align-items:center;gap:5px;border-top:1px solid #cbd1b3;background:#f6f1df}.game-controls>span{font-size:9px;color:#6c7e60;flex:1;white-space:nowrap}.game-controls button{padding:5px 8px;height:36px;min-width:36px;font-size:10px;white-space:nowrap}button{font:inherit;cursor:pointer;border:2px solid #9caf8c;color:#57734f;background:#e6edd8;box-shadow:2px 2px 0 #c8d0b7}button:hover{background:#d3e3c6}button:focus-visible{outline:2px solid #5c7c63;outline-offset:2px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#f8f3dcc5,#f8f3dcef);padding:calc(16px * var(--game-scale));color:#4b684f}.overlay .kicker{font-size:calc(9px * var(--game-scale));letter-spacing:calc(2px * var(--game-scale));color:#a18c6e}.overlay h2{font-size:calc(44px * var(--game-scale));font-weight:900;letter-spacing:calc(2px * var(--game-scale));line-height:1.35;margin:calc(16px * var(--game-scale)) 0;color:#4c7054;text-shadow:2px 2px 0 #d5dfbf;white-space:nowrap}.overlay p{font-size:calc(12px * var(--game-scale));line-height:1.9;margin:calc(10px * var(--game-scale)) 0}.overlay button{width:88%;padding:calc(14px * var(--game-scale)) 4px;font-size:calc(13px * var(--game-scale));margin-top:calc(12px * var(--game-scale));letter-spacing:1px;flex-shrink:0}.overlay .primary{background:#718e68;border-color:#5f7e59;color:#fff9e5;font-weight:bold}.overlay .instructions{font-size:calc(11px * var(--game-scale));margin-bottom:0}.music-credit{font-size:9px;line-height:1.8}.music-credit a{color:#657e58}.overlay .music-credit{font-size:calc(9px * var(--game-scale));margin:calc(8px * var(--game-scale)) 0}.ending h2{font-size:calc(36px * var(--game-scale));margin:calc(10px * var(--game-scale)) 0;line-height:1.25}.ending>p{margin:calc(8px * var(--game-scale)) 0}.ending button{padding:calc(11px * var(--game-scale)) 3px;margin-top:calc(9px * var(--game-scale))}.ending{background:#f8f3dcef}#ending-scene{width:88%;height:auto;aspect-ratio:320/96;max-width:320px;border:2px solid #c4cda8;flex-shrink:0}#bossbar{position:absolute;top:8px;left:6%;width:88%;padding:5px;background:#fff5dbcc;color:#704c69;font-size:9px;font-weight:bold}progress{width:100%;height:6px;display:block;margin-top:4px;accent-color:#ba8d9f}#toast{position:absolute;top:34%;left:0;width:100%;text-align:center;pointer-events:none;white-space:pre-line;font-size:calc(12px * var(--game-scale));line-height:2;font-weight:bold;letter-spacing:1px;color:#fffbe2;text-shadow:1px 1px 0 #5c5e60,-1px -1px 0 #5c5e60}.right h2{font-size:24px;line-height:1.7;margin:20px 0;color:#577357}.record{border-block:1px solid #cbd1b6;padding:18px 0}.record small{display:block;font-size:9px;color:#8b957a}.record strong{display:block;font:30px monospace;letter-spacing:3px;margin-top:8px;color:#6c8663}.bestiary{margin-top:16px}.bestiary>div{display:grid;grid-template-columns:36px 1fr;align-items:center;margin:12px 0}.animal-icon{grid-row:span 2;font-size:26px}.bestiary b{font-size:11px;color:#698262}.bestiary small{font-size:9px;color:#909780}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:20px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#101010;color:#fff;border-top:3px solid #ffe100;font-size:12px;line-height:1.7}.footer-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;text-align:center}.footer-line{width:100%;text-align:center}.footer-brand{color:#fff;text-decoration:none;white-space:nowrap}.footer-brand:after{content:' ｜ ';white-space:pre}.footer-domain{display:block;width:fit-content;margin:0 auto;color:#b8b8b8;font-size:12px;letter-spacing:.03em;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff40}.footer-domain:hover{color:#ffe100}.footer-home{display:flex;align-items:center;justify-content:center;width:44px;height:44px;justify-self:end;align-self:center}.footer-home a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:2px;border-radius:8px}.footer-home img{width:40px;height:40px;object-fit:contain;border-radius:6px}.footer-home a:hover{opacity:.85}
@media(max-width:1050px){.right{display:none}}@media(max-width:720px){.side-brand{display:none}main{padding:6px 8px;gap:0}.site-header{padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top));gap:8px;border-bottom-width:3px}.app-brand{font-size:25px}.brand-icon{width:30px;height:30px;margin-right:6px}.header-tagline{font-size:11px;letter-spacing:0}.tagline-highlight{padding:1px 3px;margin:0 2px}.site-footer{padding:7px 12px;padding-bottom:calc(7px + env(safe-area-inset-bottom));gap:8px;grid-template-columns:minmax(0,1fr) 44px}.footer-copy{font-size:10px;gap:1px}.footer-domain{font-size:10px}.cabinet{border-width:2px;box-shadow:none}.game-hud{height:44px;flex-basis:44px;padding:6px 8px}.game-controls{height:44px;flex-basis:44px}}@media(max-width:350px){.app-brand{font-size:22px}.header-tagline{font-size:10px}.site-header{padding-inline:10px}.footer-copy{font-size:9px}.game-hud small{font-size:8px}.game-hud span{font-size:10px}.game-controls>span{font-size:8px}.game-controls button{padding-inline:6px}}@media(max-height:500px){.site-header{padding-block:4px}.site-footer{padding-block:3px}.app-brand{font-size:21px}.brand-icon{width:26px;height:26px}.site-footer{font-size:10px}.footer-copy{gap:0}.footer-domain{font-size:9px}.side-brand,.right{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.overlay p{font-size:max(9px,calc(12px * var(--game-scale)))}.overlay .instructions{font-size:max(9px,calc(11px * var(--game-scale)))}.overlay .music-credit{font-size:max(7px,calc(9px * var(--game-scale)))}.overlay button{font-size:max(10px,calc(13px * var(--game-scale)))}.compact .game-controls>span{display:none}.compact .game-controls{justify-content:space-evenly}
.animal-icon{width:30px;height:30px;image-rendering:pixelated;border-radius:4px}