*{box-sizing:border-box} :root{font-family:Trebuchet MS,Arial,sans-serif;color:#fff7dc;background:#102820;font-synthesis:none}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 0,#244f3b 0,#122e28 55%,#0b211c 100%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffe098;outline-offset:4px}.shell{max-width:1440px;margin:auto;padding:0 36px 14px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff5d3;font-size:24px;font-weight:900;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px;color:#bbcfb8}.brand-mark{display:flex;position:relative;align-items:center;justify-content:center;width:46px;height:48px;font:bold italic 39px Georgia,serif;color:#ffb745;transform:rotate(-7deg)}.brand-mark span{position:absolute;right:-5px;top:-8px;font-size:19px}.top-actions{display:flex;align-items:center;gap:26px}.local-best{display:flex;align-items:baseline;gap:7px;font-size:12px;letter-spacing:1px;color:#acc8b5}.local-best strong{font-size:22px;color:#fff5d3;letter-spacing:0}.icon-button{border:1px solid #5e806d;color:#e1ecdc;background:transparent;border-radius:9px;padding:10px 14px;font-size:14px}.icon-button:hover{background:#31543e}.game-wrap{height:min(70vh,740px);min-height:440px;position:relative;overflow:hidden;border-radius:22px;border:5px solid #30543b;box-shadow:0 0 0 1px #64825a55,0 22px 70px #00130a80;background:#8bd7d5}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:24px;left:25px;display:flex;align-items:center;gap:12px;pointer-events:none}.score-pill,.distance-pill{background:#193c2ae8;color:#fff5d4;border:1px solid #effdc248;box-shadow:0 3px 0 #14342450;display:flex;align-items:center;border-radius:12px;padding:9px 15px;gap:9px}.score-pill>span:first-child{font-size:27px}.score-pill strong,.distance-pill strong{font-size:26px;font-variant-numeric:tabular-nums}.hud-label{font-size:10px;letter-spacing:1.4px;color:#d3e1b9}.distance-pill{background:#ffffe5da;color:#2d503c;padding:11px 15px;gap:3px}.distance-pill span{font-size:14px}.pause-button{position:absolute;right:23px;top:23px;width:45px;height:45px;border:1px solid #ffffdf70;background:#193c2ae8;color:#fff5d4;border-radius:12px;font-size:23px;font-weight:bold}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;background:linear-gradient(90deg,#17462f16,#143b252e,#17462f08);transition:opacity .15s}.overlay.hidden{opacity:0;pointer-events:none}.start-card{width:min(490px,100%);text-align:center;background:#fff9e8f5;color:#25452b;padding:32px 34px 26px;border-radius:23px;border:2px solid #fff;box-shadow:0 10px 0 #355b3550,0 30px 65px #153d2e30;transform:rotate(-1deg)}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#61734a}h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,65px);line-height:.95;letter-spacing:-2px;margin:17px 0 18px}h1 em{font-style:italic;color:#e87725;display:block}#message{font-size:16px;line-height:1.55;max-width:340px;margin:0 auto 24px;color:#5b6c4f}.primary{color:#342d14;background:#ffbe4c;border:2px solid #a35b1d;border-bottom-width:5px;padding:15px 33px;border-radius:12px;font-size:18px;font-weight:900;box-shadow:0 4px 0 #553d1820;min-width:215px;transition:transform .1s,background .1s}.primary:hover{background:#ffce70;transform:translateY(-2px)}.primary:active{transform:translateY(2px)}.card-hint{font-size:12px;line-height:1.5;color:#768267;margin:18px 0 0}.zone-tag{position:absolute;bottom:20px;left:24px;font-size:10px;font-weight:900;letter-spacing:2px;color:#ffffd5b8;pointer-events:none}.controls{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:88px}.key-help{display:flex;gap:24px;align-items:center;font-size:13px;color:#b5cdbb;flex-wrap:wrap}.key-help span{white-space:nowrap}kbd{font:11px Trebuchet MS,sans-serif;color:#e5efdb;border:1px solid #66816e;border-bottom-width:3px;border-radius:5px;padding:5px 7px;margin-right:3px}.jump-button{border:1px solid #698766;border-bottom:4px solid #102b20;background:#345d3c;color:#f0f6d8;border-radius:11px;padding:13px 24px;font-weight:900;letter-spacing:1px;touch-action:none;user-select:none}.jump-button:hover{background:#457648}.jump-button span{margin-left:20px;color:#f7c260}.toast{position:absolute;top:96px;left:50%;transform:translate(-50%,10px);background:#fff4d3;color:#4a5624;padding:9px 18px;border-radius:99px;font-size:14px;font-weight:bold;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){.shell{padding:0 12px 12px}.topbar{height:79px}.brand{font-size:19px;gap:8px}.brand small{font-size:9px;letter-spacing:2px}.brand-mark{width:34px;font-size:32px}.top-actions{gap:12px}.local-best{font-size:10px}.local-best strong{font-size:17px}.icon-button{font-size:12px;padding:9px}.game-wrap{height:calc(100svh - 182px);min-height:390px;max-height:760px;border-width:3px;border-radius:17px}.hud{left:14px;top:15px;gap:7px}.score-pill,.distance-pill{padding:7px 10px;gap:6px}.score-pill strong,.distance-pill strong{font-size:21px}.hud-label{display:none}.pause-button{top:15px;right:14px;width:39px;height:39px}.start-card{padding:27px 22px 22px}.overlay{padding:22px}.eyebrow{font-size:9px}.controls{gap:12px;min-height:85px}.key-help{gap:13px;font-size:11px;flex:1}.key-help>span:first-child,.desktop-extra{display:none}.jump-button{padding:16px 22px;min-width:145px}.zone-tag{font-size:9px;left:18px;bottom:16px}.toast{top:75px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.boost-pill{position:absolute;top:87px;left:25px;background:#ffdc64;color:#4a3913;padding:9px 13px;border:2px solid #fff3b1;border-radius:11px;box-shadow:0 3px 0 #845f2355;pointer-events:none}.boost-pill[hidden]{display:none}.boost-pill>span{font-weight:900;font-size:12px;letter-spacing:.8px}.boost-pill strong{margin-left:15px;font-size:17px;font-variant-numeric:tabular-nums}.boost-pill small{display:block;font-size:9px;letter-spacing:.7px;margin-top:2px}@media(max-width:700px){.boost-pill{top:70px;left:14px;padding:7px 10px}.boost-pill>span{font-size:10px}.boost-pill strong{font-size:15px}.boost-pill small{font-size:8px}.toast{top:137px;width:max-content;max-width:90%;text-align:center}}

.controls{flex-wrap:wrap;padding:14px 0;gap:12px}.key-help{gap:16px}.touch-controls{display:flex;gap:7px}.touch-controls button{touch-action:none;user-select:none;min-width:44px;min-height:46px;border:1px solid #698766;border-bottom:4px solid #102b20;border-radius:10px;background:#345d3c;color:#fff2c7;font-size:20px;font-weight:bold}.touch-controls .jump-button{font-size:14px;min-width:95px;padding:12px}.touch-controls button:active{background:#659451;transform:translateY(2px)}.ladder-hint{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);background:#213e2ee6;border-radius:8px;padding:8px 14px;font-size:12px;color:#ffe3a4;pointer-events:none;white-space:nowrap}@media(max-width:700px){.key-help{display:none}.controls{justify-content:center}.touch-controls{width:100%;justify-content:space-between}.touch-controls button{flex:1}.touch-controls .jump-button{flex:2}.game-wrap{height:calc(100svh - 175px)}}

.points-pill{background:#173d31e8;border:1px solid #effdc248;border-radius:12px;padding:7px 13px;display:grid;line-height:1;color:#fff5d4;box-shadow:0 3px 0 #14342450}.points-pill small{font-size:8px;letter-spacing:1.4px;color:#bcd4b7}.points-pill strong{font-size:20px;font-variant-numeric:tabular-nums;margin-top:4px}.meter{display:block;height:4px;margin-top:6px;border-radius:9px;background:#684b2660;overflow:hidden}.meter b{display:block;height:100%;width:100%;background:#fff8bd;border-radius:inherit}.combo-pill{position:absolute;top:89px;left:25px;padding:9px 13px;border-radius:11px;background:#153c31e8;border:1px solid #ffe89980;box-shadow:0 3px 0 #14342460;pointer-events:none}.combo-pill[hidden],.milestone[hidden]{display:none}.combo-pill strong{color:#ffd75d;font-size:21px;margin-right:8px}.combo-pill span{font-weight:900;font-size:10px;letter-spacing:1px}.combo-pill .meter{width:155px;background:#ffffff25}.combo-pill .meter b{background:linear-gradient(90deg,#ff9f35,#ffe866)}.boost-pill:not([hidden])~.combo-pill{top:151px}.milestone{position:absolute;top:23%;left:50%;transform:translateX(-50%) rotate(-1deg);display:grid;text-align:center;padding:11px 24px;border-radius:13px;background:#fff7dff0;color:#34513a;border:2px solid #fff;box-shadow:0 7px 0 #3b633d55;pointer-events:none;animation:milestone-in .35s ease-out}.milestone small{font-weight:900;letter-spacing:1.7px;font-size:9px}.milestone strong{font:italic 30px Georgia,serif;color:#e8782c}@keyframes milestone-in{from{opacity:0;transform:translate(-50%,-18px) scale(.85)}to{opacity:1;transform:translateX(-50%) rotate(-1deg)}}
@media(max-width:700px){.points-pill{display:none}.combo-pill{top:71px;left:14px}.combo-pill strong{font-size:17px}.combo-pill .meter{width:125px}.boost-pill:not([hidden])~.combo-pill{top:129px}.milestone{top:25%;padding:9px 18px}.milestone strong{font-size:25px}}