:root{color:#2d3945;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e6dfce;font-family:Avenir Next,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:4px;outline:3px solid #fff}[hidden]{display:none!important}#app{height:100svh;min-height:400px;position:relative;overflow:hidden}.page-header{top:max(18px, env(safe-area-inset-top));z-index:2;align-items:stretch;gap:10px;width:min(100% - 36px,780px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud{color:#fff;background:#343940ed;border-radius:12px;flex:1;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:10px 20px;display:flex;box-shadow:0 3px #242a2e30}h1{letter-spacing:.02em;margin:0;font-size:21px;font-weight:800;line-height:1.25}.reset{color:#fff;cursor:pointer;background:#343940ed;border:0;border-radius:50%;flex:0 0 62px;place-items:center;width:62px;padding:0;transition:transform .1s,background .1s;display:grid;box-shadow:0 3px #242a2e30}.reset:hover{background:#4b525b}.reset:active{transform:translateY(2px)}.reset:disabled{opacity:.4;cursor:default}.reset svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.reset span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}main{place-items:center;width:100%;height:100%;display:grid}.stage{isolation:isolate;width:100%;height:100%;position:relative}.scene{position:absolute;inset:0}.scene canvas{width:100%;height:100%;display:block}.controls{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.pump-control{width:var(--button-width);height:var(--button-height);position:absolute;transform:translate(-50%,-50%)}.pump{--face:#ffd33d;--edge:#c8a227;--ink:#333a43;background:var(--face);width:100%;height:100%;color:var(--ink);box-shadow:0 5px 0 var(--edge);cursor:pointer;pointer-events:auto;touch-action:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12%;padding:0 15%;transition:transform 90ms ease-out,box-shadow 90ms ease-out;display:flex}.pump-right{--face:#51565e;--edge:#3d4147;--ink:#fff}.pump svg{fill:none;stroke:currentColor;stroke-width:3.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:38%;max-width:38px;height:65%}.pump kbd{font:800 clamp(16px,2vw,23px)/1 Avenir Next,sans-serif}.pump.is-pressed,.pump:active{box-shadow:0 1px 0 var(--edge);transform:translateY(4px)}.score{white-space:nowrap;align-items:center;gap:12px;display:flex}.score-label{color:#b8bec4;font-size:12px;font-weight:700}.score-value{font-variant-numeric:tabular-nums;align-items:baseline;gap:.22em;font-size:26px;font-weight:800;line-height:1;display:flex}#score{color:#ffda47}.score-divider{color:#8e959d;font-size:18px}.score.is-complete .score-label{color:#ffda47}.loading{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.loading span{border:4px solid #bcc5c6;border-top-color:#4088d4;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite fill;display:block}.error{text-align:center;font-size:15px;position:absolute;top:42%;left:10%;right:10%}@keyframes fill{to{transform:rotate(360deg)}}@media (max-width:600px){.page-header{top:max(14px, env(safe-area-inset-top));gap:8px;width:calc(100% - 28px)}.hud{border-radius:10px;gap:12px;min-height:54px;padding:10px 13px}h1{font-size:16px}.reset{flex-basis:54px;width:54px}.reset svg{width:22px;height:22px}.score{gap:7px}.score-label{font-size:10px}.score-value{font-size:23px}.score-divider{font-size:15px}.pump{gap:10%}}@media (max-height:500px) and (min-width:601px){.page-header{width:min(100% - 30px,600px);top:10px}.hud{min-height:46px;padding:6px 15px}h1{font-size:16px}.reset{flex-basis:46px;width:46px}.score-value{font-size:23px}}@media (prefers-reduced-motion:reduce){.pump,.reset{transition:none}.loading span{animation-duration:1.8s}}