@font-face{font-family:Arcade;src:url('assets/arcade.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{font-family:Arcade,'Courier New',monospace;color:#fff3ce;background:#151c29;font-synthesis:none;--cream:#fff3ce;--yellow:#ffcc4f;--ink:#202638;--pink:#f38179}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:flex;justify-content:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:5px}button:disabled{opacity:.7;cursor:wait}button{user-select:none;-webkit-user-select:none}#game{position:relative;width:100%;height:100dvh;min-height:320px;overflow:hidden;isolation:isolate;background:#334052}#world{width:100%;height:100%;display:block;touch-action:none;image-rendering:pixelated}.hidden{display:none!important}.screen-grain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#141b2b 3px,#141b2b 4px);mix-blend-mode:multiply}.topbar{position:absolute;z-index:8;top:max(18px,env(safe-area-inset-top));left:25px;right:25px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.small-brand{font-family:Arcade,monospace;font-size:13px;font-weight:bold;text-decoration:none;color:var(--cream);line-height:1.15;letter-spacing:-.5px;text-shadow:2px 2px #222c3c;pointer-events:auto}.small-brand span{display:block;color:var(--yellow)}.top-actions{display:flex;gap:9px;pointer-events:auto}.icon-button{height:38px;width:38px;border:2px solid #fff3ce6e;background:#243047a8;box-shadow:2px 3px #1521377d;border-radius:8px;font-size:22px;line-height:1}.overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center}.start-screen{background:linear-gradient(#1c233a27 0%,transparent 50%,#1c233a33 75%,#121c31c2 100%);justify-content:space-between;padding:100px 26px 25px;text-align:center}.title-group{transform:rotate(-2deg)}.eyebrow{display:block;font-size:12px;font-weight:bold;letter-spacing:2px;color:#ffe6c1}h1{font-size:clamp(36px,6.5vw,76px);line-height:1.13;margin:13px 0 12px;letter-spacing:-2px;text-shadow:3px 0 #35354a,-3px 0 #35354a,0 -3px #35354a,0 3px #35354a,4px 7px #35354a;color:#fff6d7;font-weight:900}h1 span{color:var(--yellow)}.tagline{font-size:clamp(12px,2.6vw,15px);font-weight:bold;text-shadow:1px 2px #263149;line-height:1.6}.start-bottom{width:min(430px,100%)}.primary-button{background:var(--yellow);color:#283047;border:3px solid #3d3442;box-shadow:0 5px 0 #a8693c,0 8px 0 #273047,0 9px 26px #0f19284d;padding:16px 24px;width:100%;font-size:18px;font-weight:900;border-radius:11px;letter-spacing:.8px;transition:transform .1s,filter .15s}.primary-button:active{transform:translateY(4px);box-shadow:0 1px 0 #a8693c,0 4px 0 #273047}.primary-button:hover{filter:brightness(1.08)}.tap-hint{font-size:12px;line-height:1.7;margin:22px auto 15px;max-width:330px;text-shadow:1px 2px #263149}.start-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:12px;color:#f4d9bd}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:bold;padding:10px 0}.chapter-selector{display:flex;gap:9px;justify-content:center;margin:0 0 19px}.chapter-selector button{background:#213047ce;border:2px solid #aabeae75;border-radius:7px;min-height:36px;min-width:39px;font-size:12px}.chapter-selector button.active{background:#fff0c9;color:#273047;border-color:#3d3442;box-shadow:0 3px #ae7960}.chapter-selector button.locked{opacity:.6}#hud{position:absolute;top:max(70px,calc(env(safe-area-inset-top) + 58px));left:25px;right:25px;z-index:4;max-width:620px;margin:auto;text-shadow:1px 2px #283146}.level-line{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:13px;margin-bottom:15px;letter-spacing:1px}.coin-counter{display:flex;gap:7px;align-items:center;font-size:18px}.item-icon{display:inline-block;image-rendering:pixelated;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.pressure-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px;letter-spacing:1px}.pressure-track{height:19px;border:3px solid #243047;border-radius:4px;background:#243047c9;box-shadow:0 2px #fff3ce50;position:relative;overflow:hidden}#pressure-fill{height:100%;width:22%;background:var(--yellow);transition:width .12s linear,background .2s}.pressure-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#26314950 calc(10% - 2px),#26314950 10%)}.distance-line{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.5;margin:10px 0 8px}.distance-line b{white-space:nowrap;color:#fff3ce}.route-track{height:3px;background:#fff3ce35}#route-fill{height:100%;background:#fff3ce;width:0}#controls{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:27px;right:27px;display:flex;justify-content:space-between;align-items:end;z-index:5;pointer-events:none}.duck-group,.jump-group{text-align:center;pointer-events:auto}#controls button{border:3px solid #fff1be;box-shadow:0 5px 0 #202c45,0 0 0 3px #25304874;display:grid;place-items:center;border-radius:50%;font-family:monospace;font-weight:bold;touch-action:none}#jump{width:88px;height:88px;background:#ffd158;color:#273047;font-size:50px}#duck{width:57px;height:57px;background:#344057cc;color:#fff1cb;font-size:33px}#controls button:active{transform:translateY(3px);filter:brightness(1.12)}#controls small{display:block;margin-top:12px;font-size:11px;font-weight:bold;letter-spacing:1px;text-shadow:1px 2px #203047}.control-hint{font-size:10px;line-height:1.8;text-align:center;margin:0 12px 19px;color:#ffedc9;text-shadow:1px 2px #203047;transition:opacity .7s}#toast{position:absolute;top:35%;left:10px;right:10px;z-index:5;text-align:center;font-size:clamp(15px,3vw,24px);font-weight:bold;color:#fff1ca;text-shadow:2px 2px #263047,0 3px #263047;pointer-events:none;opacity:0;transition:opacity .16s,transform .16s;transform:translateY(8px)}#toast.show{opacity:1;transform:translateY(0)}#intro-caption{position:absolute;z-index:6;top:17%;left:25px;right:25px;text-align:center;text-shadow:2px 3px #253047}#intro-kicker{font-size:12px;letter-spacing:2px;color:var(--yellow)}#intro-text{font-size:clamp(25px,4vw,43px);line-height:1.25;margin:18px auto;max-width:700px}#skip{margin-top:8px}#modal{background:#17213994;backdrop-filter:blur(3px);justify-content:center;padding:75px 23px 25px;z-index:7}.result-panel{background:#273347f2;border:3px solid #ead2a2;box-shadow:0 7px #101c30,0 0 0 5px #273347;border-radius:15px;padding:29px 24px 23px;width:min(440px,100%);text-align:center}.result-panel .eyebrow{color:#f6c867;font-size:11px}.result-panel h2{font-size:clamp(25px,5vw,37px);line-height:1.2;color:var(--yellow);margin:17px 0;letter-spacing:-1px}.result-panel p{font-size:13px;line-height:1.8;margin:0 0 20px}.result-panel>.text-button{display:block;margin:17px auto 0;color:#ead9b7}#modal-details{margin:0 0 23px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px dashed #9bada674;border-bottom:1px dashed #9bada674;padding:15px 0}.stats b{display:block;font-size:20px;color:#fff2c6}.stats span{font-size:10px}.help-grid{text-align:left;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;font-size:12px;line-height:1.6}.help-grid img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}#load-error{position:absolute;inset:auto 20px 30px;background:#253047;padding:20px;z-index:20;font-size:14px}#load-error button{margin-top:10px;color:#243047}body.playing .small-brand{opacity:.85}body.playing #game{cursor:default}
@media(min-aspect-ratio:4/3){.start-screen{padding:70px 60px 30px;align-items:flex-start;justify-content:center;text-align:left;gap:20px}.title-group{width:55%;margin-top:0}.title-group h1{font-size:clamp(40px,5.8vw,78px)}.start-bottom{width:370px;text-align:center}.chapter-selector{margin-bottom:10px}.tap-hint{margin:15px auto 8px}.start-footer{margin-top:4px}.start-screen .eyebrow{font-size:13px}#hud{top:24px;left:200px;right:155px}.level-line{margin-bottom:5px}.distance-line{margin-top:6px}#controls{bottom:20px}#jump{width:73px;height:73px}.control-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:0}#intro-caption{top:12%;left:6%;right:45%}#intro-text{font-size:31px}.result-panel{padding:20px 25px;max-width:480px}.result-panel h2{margin:10px 0}.result-panel p{margin-bottom:10px}#modal-details{margin-bottom:15px}.stats{padding:10px 0}#modal{padding-top:25px}}
@media(max-height:690px) and (max-aspect-ratio:4/3){.start-screen{padding-top:78px;padding-bottom:18px}.title-group h1{font-size:35px}.tagline{margin-top:5px}.title-group .eyebrow{font-size:10px}.tap-hint{margin-top:15px;margin-bottom:6px}.primary-button{padding:13px 20px}#hud{top:62px}.level-line{margin-bottom:8px}#controls{bottom:18px}#jump{width:72px;height:72px}}

.result-panel{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}.level-line{font-size:14px}.pressure-label{font-size:13px}.distance-line{font-size:12px}
@media(min-aspect-ratio:4/3){.result-panel{max-height:calc(100dvh - 40px)}}

@media(min-aspect-ratio:4/3) and (max-height:520px){.start-screen{padding:65px 26px 19px;gap:12px;justify-content:space-between}.title-group h1{font-size:34px;margin:7px 0}.title-group .eyebrow{font-size:10px;letter-spacing:1px}.tagline{font-size:11px;margin:5px 0}.start-bottom{width:320px}.start-bottom .tap-hint{display:none}.start-footer{margin-top:10px}.primary-button{padding:12px 18px;font-size:16px}.chapter-selector button{min-height:29px}.chapter-selector{gap:7px;margin-bottom:9px}}

.punch-group{text-align:center;pointer-events:auto}#punch{width:66px;height:66px;background:#d98f79;color:#263047;font-size:33px}.control-hint{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);margin:0;white-space:nowrap;pointer-events:none}#chapter-name{font-size:10px;line-height:1.6;margin:-8px auto 12px;max-width:370px;min-height:32px;text-shadow:1px 2px #203047}#music-hint{font-size:10px;margin:16px 0 0;color:#ffe0a0}@media(min-aspect-ratio:4/3){.control-hint{bottom:105px}#chapter-name{min-height:0;margin:0 0 9px}#music-hint{margin:10px 0 0}}@media(max-height:520px) and (min-aspect-ratio:4/3){#chapter-name{font-size:9px;line-height:1.3}#music-hint{display:none}.start-screen{gap:5px}.start-footer{margin-top:8px}.chapter-selector{margin-bottom:5px}}

.menu-sound{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:min(300px,calc(100% - 48px));text-align:center}.menu-sound button{width:100%;min-height:56px;padding:14px 18px;border:3px solid #fff0c9;border-radius:10px;background:#29374ff5;color:#ffda75;font-size:16px;font-weight:bold;box-shadow:0 5px 0 #152035,0 6px 22px #14203766}.menu-sound button:active{transform:translateY(2px)}.menu-sound small{display:block;margin-top:10px;font-size:12px;line-height:1.5;color:#fff0cb;text-shadow:1px 2px #203047}.menu-sound .sound-active{display:inline-block;padding:7px 12px;border-radius:7px;background:#233448c9;color:#ade6d2}@media(min-aspect-ratio:4/3){.menu-sound{left:74%;top:30%;width:270px}}@media(max-height:600px) and (max-aspect-ratio:4/3){.menu-sound{top:45%}.menu-sound button{min-height:46px;padding:10px;font-size:14px}.menu-sound small{margin-top:6px;font-size:11px}}