@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#151719;--panel:#202325;--line:#323638;--muted:#969c9e;--cream:#f0eee4;--accent:#edb96d}*{box-sizing:border-box}body{background:var(--bg);color:var(--cream);margin:0;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(--accent);outline-offset:5px}main{max-width:1240px;margin:auto;padding:0 48px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:102px;display:flex}.brand{color:var(--cream);letter-spacing:-1px;align-items:center;gap:4px;font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:700;text-decoration:none;display:flex;position:relative}.brand>span:not(.brand-icon){color:var(--accent)}.brand-icon{background:var(--accent);color:#202325;border-radius:8px;place-items:center;width:37px;height:37px;margin-right:8px;font-size:27px;display:grid}.brand small{letter-spacing:2px;color:var(--muted);font-size:8px;position:absolute;bottom:-12px;left:49px}.header-right{align-items:center;gap:24px;display:flex}.online{letter-spacing:1.5px;color:#a9b2ab;font-size:10px}.online i,.game-bottom i{background:#a6bd8a;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.icon-button{border:1px solid var(--line);color:#d0d3cb;background:0 0;border-radius:50%;width:38px;height:38px;font-size:20px}.intro{justify-content:space-between;align-items:center;padding:42px 0 31px;display:flex}.eyebrow{letter-spacing:2px;color:var(--accent);margin:0 0 13px;font-size:10px;font-weight:600}.eyebrow span{background:var(--accent);width:6px;height:6px;margin-right:7px;display:inline-block}h1{letter-spacing:-2px;margin:0 0 14px;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,4vw,50px);line-height:1.1}h1>span{color:var(--accent)}.subtitle{color:var(--muted);margin:0;font-size:13px}.record{text-align:right;padding-left:20px}.record>span{letter-spacing:1.5px;color:var(--accent);font-size:9px}.record strong{letter-spacing:3px;margin:7px 0;font-family:Space Grotesk,monospace;font-size:29px;display:block}.record small{letter-spacing:1px;color:#707778;font-size:7px}.arcade{border:1px solid #414746;border-radius:12px;overflow:hidden;box-shadow:0 20px 65px #0004}.hud{background:var(--panel);justify-content:space-between;align-items:center;gap:15px;padding:18px 25px;display:flex}.hud-label{color:#8c9696;letter-spacing:1.7px;margin-bottom:7px;font-size:8px;display:block}.hud strong{letter-spacing:1px;font:600 19px Space Grotesk,monospace}.hud strong b{font-size:17px;font-weight:500}.hud em{color:#677170;font-size:13px;font-style:normal}.gold{color:#edc56e}.hearts{color:#df9e88;letter-spacing:4px!important}.pause{color:#d7ded6;background:#303637;border:1px solid #434a49;border-radius:5px;width:32px;height:32px;font-weight:700}.pause:disabled{opacity:.35;cursor:default}.screen{aspect-ratio:16/9;background:#78cbd6;position:relative}canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#142a2e42;place-items:center;display:grid;position:absolute;inset:0}.start-card{text-align:center;background:#1a2426ed;border:1px solid #ffffff28;border-radius:10px;width:86%;max-width:470px;padding:34px 36px 27px;box-shadow:0 15px 70px #10272d50}.tag{color:var(--accent);letter-spacing:2px;margin:0 0 16px!important;font-size:8px!important}.start-card h2{letter-spacing:-1px;max-width:300px;margin:0 auto 13px;font-family:Space Grotesk,sans-serif;font-size:32px;line-height:1.15}.start-card p{color:#aeb8b3;margin:0 0 25px;font-size:12px}.play{background:var(--accent);letter-spacing:1px;color:#292a24;border:0;border-bottom:4px solid #b18046;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:17px 20px;font-size:11px;font-weight:800;transition:background .15s,transform .15s;display:flex}.play:hover{background:#ffd193;transform:translateY(-2px)}.start-card small{color:#8b9692;letter-spacing:1.4px;margin-top:17px;font-size:7px;display:block}.game-bottom{color:#b8c0b8;background:#202728;justify-content:space-between;align-items:center;padding:13px 22px;font-size:10px;display:flex}.game-bottom b{letter-spacing:1px;color:#778683;margin-left:10px;font-size:8px;font-weight:400}.game-bottom button{color:#b8c0b8;background:0 0;border:0;font-size:10px}.controls{color:#8e9693;align-items:center;gap:28px;margin:23px 0 40px;font-size:11px;display:flex}.controls>div{align-items:center;gap:5px;display:flex}.controls>div>span:last-child{margin-left:5px}.key{color:#c9cec5;border:1px solid #3e4544;border-bottom:3px solid #424846;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;display:inline-flex}.wide{width:73px;font-size:8px}.tip{color:#707c76;margin-left:auto;font-size:10px;font-style:italic}footer{border-top:1px solid var(--line);letter-spacing:1.2px;color:#697470;justify-content:space-between;padding:23px 0 28px;font-size:8px;display:flex}footer b{margin:0 8px}.mini-star{color:var(--accent);margin-right:8px}.mobile-controls{display:none}.help{background:#242d28;border:1px solid #48524b;border-radius:8px;margin-bottom:30px;padding:24px;font-size:14px;line-height:1.7}.help button{background:var(--accent);border:0;border-radius:5px;padding:8px 20px}.help p{color:#afb9b0}@media (min-width:1500px){main{max-width:1320px}.intro{padding-top:48px}}@media (max-width:760px){main{padding:0 18px}header{height:78px}.brand{font-size:19px}.online{display:none}.intro{align-items:flex-end;padding:30px 0 24px}.eyebrow{letter-spacing:1.3px;font-size:7px}h1{font-size:37px}.subtitle{max-width:230px;font-size:11px;line-height:1.6}.record>span{letter-spacing:0;font-size:7px}.record strong{letter-spacing:1px;font-size:20px}.record small{display:none}.hud{gap:7px;padding:12px 10px}.hud-label{letter-spacing:1px;font-size:6px}.hud strong,.hud strong b{font-size:12px}.hud em{font-size:9px}.hearts{letter-spacing:1px!important}.pause{width:25px;height:27px}.start-card{width:75%;max-width:330px;padding:15px 20px}.start-card h2{max-width:none;margin-bottom:8px;font-size:24px}.start-card p{margin-bottom:12px;font-size:9px}.tag{margin-bottom:9px!important;font-size:6px!important}.play{padding:10px 12px;font-size:8px}.start-card small{margin-top:9px;font-size:5px}.game-bottom{padding:11px;font-size:8px}.game-bottom b{display:none}.game-bottom button{font-size:9px}.mobile-controls{touch-action:none;justify-content:space-between;margin-top:16px;display:flex}.mobile-controls>div{gap:10px;display:flex}.mobile-controls button{touch-action:none;-webkit-user-select:none;user-select:none;color:var(--cream);background:#252c29;border:1px solid #46504a;border-radius:8px;min-width:61px;height:49px}.mobile-controls .jump-touch{background:var(--accent);color:#272b24;padding:0 22px;font-size:11px;font-weight:700}.controls{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0;font-size:8px}.key{width:21px;height:22px;font-size:8px}.wide{width:55px;font-size:6px}.tip{display:none}footer{letter-spacing:.7px;gap:16px;font-size:6px}.world-hud{display:none}}@media (max-width:400px){.start-card{padding:12px}.start-card h2{font-size:21px}.start-card small{display:none}.record{padding-left:8px}.record>span{font-size:6px}h1{font-size:33px}.tag{font-size:5px!important}.screen{aspect-ratio:16/10}canvas{object-fit:fill}}