@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--bg:#101723;--ink:#f7f5e9;--muted:#8f9bac;--orange:#ffb347;--mint:#9cf0cf}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button:disabled{opacity:.3;cursor:default}.game-shell{max-width:1180px;margin:0 auto;padding:26px 36px 20px}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.wordmark{display:flex;align-items:center;gap:7px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:29px;letter-spacing:1px;font-weight:800;color:var(--ink);text-decoration:none}.wordmark>span:last-child{color:var(--orange);margin-left:-6px}.logo-mark{display:grid;place-items:center;width:32px;height:34px;transform:skew(-10deg);border:2px solid var(--orange);color:var(--orange);font-size:25px;margin-right:5px}.top-note{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:700}.utilities{display:flex;gap:9px}.icon-button{border:1px solid #38404a;background:#1a2330;color:var(--ink);border-radius:9px;min-width:42px;height:39px;font-size:21px;display:flex;align-items:center;justify-content:center;gap:6px}.sound-state{font-size:9px;letter-spacing:.6px}.arena{position:relative;overflow:hidden;border-radius:15px;border:1px solid #45505e;background:#273846;box-shadow:0 22px 70px #0005;aspect-ratio:3/2;max-height:calc(100svh - 205px);min-height:380px}canvas{display:block;width:100%;height:100%;object-fit:fill}.hud{position:absolute;inset:25px 28px auto;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 9px #132230}.stat-label{font-weight:700;font-size:11px;letter-spacing:2px;color:#dde6df}.height-stat>div{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:57px;font-weight:700;line-height:1.05;margin:4px 0 7px}.unit{font-size:26px;color:#b0c0be}.best{font-size:10px;letter-spacing:1.3px;color:#bbccc8}.pace-stat{text-align:right}.pace-bars{display:flex;gap:4px;justify-content:flex-end;margin:13px 0 9px}.pace-bars i{height:5px;width:16px;background:#f1f3dd29;border-radius:2px}.pace-bars i.lit{background:var(--orange)}#pace{font-size:10px;font-weight:700;letter-spacing:1px;color:#e9d7b3}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#12233063,#132432a3 50%,#12233063);backdrop-filter:blur(2px)}.intro,.result,.paused{text-align:center;padding:20px 30px;max-width:460px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--mint)}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:110px;font-weight:900;letter-spacing:0;line-height:.79;margin:24px 0 22px;transform:rotate(-4deg);text-shadow:5px 7px 0 #152531}h1>span:first-child{color:var(--orange)}.title-dot{color:var(--orange);display:inline-block;transform:rotate(7deg)}.intro p,.paused p,.result p{font-size:16px;line-height:1.6;color:#d4dfdf;margin:0 0 20px}.primary-button{border:0;background:var(--orange);box-shadow:0 5px 0 #b96b31;color:#202b31;border-radius:7px;min-height:51px;padding:13px 26px;font-size:14px;font-weight:800;letter-spacing:1px;transition:transform .12s,background .12s}.primary-button:hover{background:#ffc46e;transform:translateY(-2px)}.primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 #b96b31}.primary-button span{font-size:23px;margin-left:25px}.mini-instructions{font-size:11px;color:#b5c9c6;margin-top:22px;line-height:1.7}.lava-label{position:absolute;bottom:13px;left:0;right:0;text-align:center;pointer-events:none;font-size:9px;letter-spacing:3px;font-weight:800;color:#682e2c}.game-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:var(--muted);font-size:12px}.key-help{display:flex;gap:22px}.key-help>span{display:flex;align-items:center;gap:5px}kbd{display:inline-block;border:1px solid #3d4855;border-bottom-width:3px;border-radius:5px;background:#1b2532;padding:4px 7px;font:11px 'DM Sans',sans-serif;color:#cbd3dc;min-width:25px;text-align:center}.footer-tip{font-size:12px}.how-to{font-size:12px;color:#82919e;text-align:center;line-height:1.7;margin:20px 0 0}.how-to strong{color:#b8c8ce;font-weight:500}.touch-controls{display:none;justify-content:space-between;margin-top:14px;gap:20px;touch-action:none;user-select:none}.touch-controls>div{display:flex;gap:10px}.touch-controls button{width:65px;min-height:54px;border:1px solid #3f505c;background:#233341;border-radius:10px;color:#e7f4ef;font-size:25px;touch-action:none;user-select:none}.touch-controls .jump-button{width:126px;font-size:14px;letter-spacing:1px;font-weight:800;background:#ffb347;color:#27333a;border-color:#ffb347}.jump-button span{margin-left:12px;font-size:22px}.touch-controls button.active{filter:brightness(1.4);transform:translateY(2px)}.hint-slot{min-height:36px;display:grid;place-items:center;margin-bottom:8px}.game-tip.hidden{display:block!important;visibility:hidden}.game-tip{width:max-content;max-width:100%;box-sizing:border-box;background:#142733ed;color:var(--mint);border:1px solid #526d70;border-radius:8px;padding:6px 12px;font-size:12px;text-align:center;white-space:normal;pointer-events:none}h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:58px;line-height:1;margin:20px 0;color:var(--ink)}.result-score{font:800 80px 'Barlow Condensed','Arial Narrow',sans-serif;color:var(--orange);margin-bottom:15px}.result-score>span:last-child{font:400 17px 'DM Sans',sans-serif;color:#cfdfdc}.hidden{display:none!important}
.arena{width:100%}
.pace-stat #level{display:block;font:800 25px 'Barlow Condensed','Arial Narrow',sans-serif;margin:6px 0 2px;color:var(--orange)}#level-progress{display:block;width:112px;height:5px;margin:10px 0 7px auto;border:0;border-radius:3px;overflow:hidden;appearance:none;background:#f1f3dd29}#level-progress::-webkit-progress-bar{background:#f1f3dd29}#level-progress::-webkit-progress-value{background:var(--mint)}#level-progress::-moz-progress-bar{background:var(--mint)}#next-level{display:block;font-size:9px;letter-spacing:.6px;color:#d3dfdb}.level-up{position:absolute;top:20px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;padding:11px 20px;border:1px solid #ffcd78;border-radius:10px;background:#132430ed;box-shadow:0 0 26px #ffb34725;min-width:210px}.level-up span{display:block;font-size:10px;letter-spacing:1.1px;color:#e1eae0}.level-up strong{display:block;font:900 39px 'Barlow Condensed','Arial Narrow',sans-serif;line-height:1.15;color:var(--orange);margin:3px 0}.level-up #level-up-detail{color:var(--mint);font-size:9px}
@media(max-width:650px){.level-up{top:125px;padding:6px 15px;min-width:190px}.level-up strong{font-size:28px}#level-progress{width:98px}}
@media (min-width:651px) and (max-height:760px){h1{font-size:78px;margin:17px 0}.intro p{font-size:14px;margin-bottom:14px}.mini-instructions{margin-top:14px}.intro{padding:14px 24px}}
@media (hover:none),(pointer:coarse){.touch-controls{display:flex}.game-footer .key-help{display:none}.game-footer{justify-content:center}.arena{max-height:calc(100svh - 270px)}}
@media (max-width:650px){.game-shell{padding:12px 12px 20px}.topbar{margin-bottom:10px;height:43px}.wordmark{font-size:25px}.top-note{display:none}.arena{aspect-ratio:3/4;max-height:none;min-height:0}.hud{inset:18px 18px auto}.height-stat>div{font-size:46px}.touch-controls{display:flex}.game-footer{justify-content:center}.key-help{gap:12px}.footer-tip{display:none}.how-to{margin:14px 8px 0;font-size:12px}.intro{padding:20px}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:95px}.mini-instructions{max-width:240px}.game-tip{font-size:11px}.pace-bars i{width:12px}.result-score{font-size:65px}h2{font-size:49px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}