@font-face{font-family:ArcadeMono;src:local("SFMono-Regular"),local("Menlo"),local("Consolas");font-display:swap}
:root{--ink:#234332;--cream:#fff9e9;--mono:ArcadeMono,"Courier New",monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#c2ded0;color:var(--ink);font-family:Arial,sans-serif}.arcade,.stage{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden}.stage canvas#game{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ef994c;outline-offset:3px}
.hud{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:208px;display:flex;align-items:center;gap:24px;color:#294b38;font:bold 18px var(--mono);pointer-events:none;z-index:3;text-shadow:0 1px #fff3bb60}.hud-life{display:flex;align-items:center;gap:7px}#hero-avatar,#boss-avatar{width:46px;height:46px;image-rendering:pixelated}#hearts{font-size:25px;color:#d55f48;letter-spacing:2px}.hud-coins{display:flex;align-items:center;gap:8px}.coin-icon{width:13px;height:18px;background:#efbd50;border:2px solid #bd883c;box-shadow:inset 3px 0 #fff1a4}.hud-progress{margin-left:auto;width:160px;font:8px var(--mono);letter-spacing:.5px}.progress-track{height:4px;background:#fcf6da60;margin-top:7px}.progress-track i{height:100%;display:block;width:0;background:#527d52}#timer{font-size:14px}.tools{position:absolute;right:max(17px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:flex;gap:5px;z-index:6}.tools button{height:33px;width:33px;border:1px solid #456c4930;background:#f4f6df70;color:#3d654b;border-radius:7px;font-size:21px;line-height:27px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.tools button:hover,.tools button[aria-pressed=true]{background:#345f48;color:#fff5d9}.boss-hud{position:absolute;left:50%;transform:translateX(-50%);top:84px;width:min(470px,65%);display:flex;align-items:center;gap:10px;z-index:3;pointer-events:none;color:#fff2da;font:10px var(--mono)}.boss-meter{flex:1}.boss-meter>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;gap:15px}.boss-track{height:10px;border:2px solid #e3d0a0;background:#1b2e3a}.boss-track i{height:100%;width:100%;display:block;background:#ec8a53;transition:width .15s}#boss-cue{font-size:8px;color:#ffd77c}.stage.boss-scene .hud{color:#fff4d8;text-shadow:none}.stage.boss-scene .progress-track i{background:#e0bb69}.stage.boss-scene .tools button{background:#324a4cd9;border-color:#b4c7a14d;color:#fff2d3}
.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#18392b38;z-index:10;padding:20px;backdrop-filter:blur(3px)}.overlay-card{background:#fff9eaf5;border-radius:10px;padding:35px 44px;text-align:center;box-shadow:0 10px 60px #14362d44;max-width:500px;width:100%}.start-tag{font:10px var(--mono);letter-spacing:1.6px;color:#8d967a;margin-bottom:13px}.overlay h1{font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 14px}.overlay p{font-size:14px;line-height:1.7;color:#6b7b5d;margin:0 0 23px}.primary-button{background:#df703f;border:0;border-radius:5px;border-bottom:4px solid #ab512d;color:#fff8e9;font-weight:700;padding:11px 19px;display:inline-flex;gap:35px;align-items:center;font-size:15px}.primary-button:hover{background:#ca5e32}.primary-button span{font-size:23px}.toast{position:absolute;bottom:22%;left:50%;transform:translate(-50%,8px);z-index:5;font:11px/1.5 var(--mono);background:#fff5ddeb;padding:10px 16px;box-shadow:0 3px 0 #315b3c30;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;text-align:center;max-width:85%;white-space:normal}.toast.show{opacity:1;transform:translate(-50%,0)}
.mobile-controls{display:none;position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));align-items:flex-end;justify-content:space-between;gap:15px;z-index:6;pointer-events:none}.mobile-controls>div{display:flex;gap:9px}.mobile-controls button{height:56px;width:63px;border:1px solid #d5e4bf65;border-bottom:4px solid #25463490;border-radius:9px;background:#f4f7e0aa;color:#31583f;font-size:22px;touch-action:none;user-select:none;-webkit-user-select:none;backdrop-filter:blur(7px);pointer-events:auto}.mobile-controls button.active{background:#5b865fe6;color:#fff8db;transform:translateY(2px);border-bottom-width:2px}.mobile-controls .run-control{width:51px;font:10px var(--mono)}.mobile-controls .jump-control{width:78px;background:#dc753ee0;border-color:#ffc8959c;color:#fff2d4;border-bottom-color:#9a492a;font-size:32px}
@media(pointer:coarse){.mobile-controls{display:flex}}@media(max-width:800px){.hud{left:16px;top:15px;right:173px;gap:15px;font-size:15px}#hero-avatar{width:39px;height:39px}#hearts{font-size:20px;letter-spacing:0}.hud-progress{display:none}.tools{top:20px;right:13px;gap:4px}.tools button{width:30px;height:30px;font-size:19px}#timer{font-size:11px;margin-left:auto}.boss-hud{width:65%;top:70px}.toast{font-size:10px;bottom:20%}.hud-coins{gap:5px}.coin-icon{width:11px;height:15px}}
@media(max-width:480px){.hud{left:10px;right:151px;gap:9px;top:10px}#hero-avatar{width:32px;height:32px}.hud-life{gap:0}#hearts{font-size:17px}#timer{display:none}.tools{top:13px;right:10px;gap:3px}.tools button{width:28px;height:28px;font-size:18px}.hud-coins{font-size:12px;gap:4px}.coin-icon{width:9px;height:12px}#fullscreen{display:none}.boss-hud{width:85%;top:57px;font-size:9px}.boss-hud canvas{width:38px;height:38px}.mobile-controls{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom))}.mobile-controls button{width:53px;height:53px}.mobile-controls .jump-control{width:66px}.mobile-controls .run-control{width:43px;font-size:9px}.mobile-controls>div{gap:7px}.overlay-card{padding:28px 23px}.overlay h1{font-size:29px}.overlay p{font-size:12px}.toast{font-size:9px;bottom:19%;width:max-content;max-width:90%;padding:8px 11px}}
@media(max-height:500px)and(pointer:coarse){.mobile-controls{bottom:9px}.mobile-controls button{width:48px;height:43px}.hud{top:8px}.tools{top:11px}.boss-hud{top:54px}.toast{bottom:25%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.speech-bubble{position:absolute;z-index:4;left:20%;top:35%;width:310px;max-width:calc(100% - 32px);text-align:left;background:#fff8e4;color:#344d38;border:2px solid #526c4d;border-radius:7px;padding:15px 17px;box-shadow:4px 4px 0 #2a493a30;font:14px/1.55 Arial,sans-serif;cursor:pointer;--tail-left:35px}.speech-bubble strong{display:block;font:9px var(--mono);letter-spacing:1px;color:#9a7144;margin-bottom:7px}.speech-bubble span{display:block}.speech-bubble::before,.speech-bubble::after{content:"";position:absolute;left:var(--tail-left);bottom:-16px;border:8px solid transparent;border-top-color:#526c4d}.speech-bubble::after{bottom:-13px;border-top-color:#fff8e4}.speech-bubble:hover{background:#fffaeb}.speech-bubble:hover::after{border-top-color:#fffaeb}
@media(max-width:480px){.speech-bubble{font-size:12px;width:265px;padding:12px 14px}.speech-bubble strong{font-size:8px}}
.toast{top:92px;bottom:auto}.stage.boss-scene .toast{top:145px}
.battle-dialogue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:8;width:min(650px,calc(100% - 36px));display:flex;gap:18px;padding:20px 22px;background:#fff8e9fa;color:#284b38;border:2px solid #54724e;border-radius:8px;box-shadow:5px 5px 0 #0f2d2c55}.battle-dialogue>img{width:72px;height:84px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;align-self:center}.dialogue-body{flex:1;min-width:0}.dialogue-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.6px}.dialogue-heading>span{color:#92977b;font-size:9px}.dialogue-body p{font:16px/1.55 Arial,sans-serif;min-height:50px;margin:11px 0 14px}.dialogue-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialogue-actions button{border:0;background:transparent;font:10px var(--mono);color:#8c957b;padding:7px 0}.dialogue-actions #dialogue-next{background:#2e5943;color:#fff6df;border-radius:4px;padding:9px 15px;font-size:11px;display:flex;gap:30px;align-items:center}.dialogue-actions #dialogue-next:hover{background:#48754e}.dialogue-actions #dialogue-skip:hover{color:#294c38}.stage.in-dialogue .toast,.stage.in-dialogue .mobile-controls{visibility:hidden}
@media(max-width:600px){.battle-dialogue{width:calc(100% - 24px);bottom:18px;padding:15px 14px;gap:12px}.battle-dialogue>img{width:52px;height:66px}.dialogue-body p{font-size:14px;min-height:65px;margin:9px 0 10px}.dialogue-heading{font-size:8px;letter-spacing:.2px}.dialogue-heading>span{font-size:8px}.dialogue-actions #dialogue-next{padding:9px 12px;font-size:10px;gap:22px}}