*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:#cbdde4;color:#244655;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;user-select:none;-webkit-user-select:none}#game{position:relative;overflow:hidden;width:420px;height:800px;background:#dcebf0;isolation:isolate}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:ew-resize}#topbar{position:absolute;z-index:2;inset:12px 10px auto;height:48px;pointer-events:none}#topbar[hidden]{display:none}button{font:700 20px "Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;color:#214653;background:#fff;border:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #dc7e36;outline-offset:2px}#topbar button{position:absolute;top:0;width:44px;height:44px;background:#ffffffc9;border-radius:50%;display:grid;place-items:center;pointer-events:auto;box-shadow:0 2px 12px #63899712}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#pause{left:0}#sound{right:49px}#sound.muted .wave{opacity:.15}#language{right:0;font:700 18px Georgia,serif}#distance{position:absolute;left:53px;top:5px;display:flex;align-items:baseline;gap:4px;line-height:1;color:#244452;text-shadow:0 1px 4px #fff}#meters{font:700 32px Georgia,serif;letter-spacing:-1px}#distance span{font:19px Georgia,serif}#gateHud{position:absolute;left:25px;bottom:23px;display:flex;align-items:center;gap:8px;color:#284c5b;pointer-events:none;font:700 27px Georgia,serif;text-shadow:0 1px 5px #fff}#gateHud svg{color:#e46744;width:22px;height:25px}#combo{font-size:16px;margin-left:8px;color:#386872}#gesture{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);width:140px;display:flex;align-items:center;justify-content:space-between;color:#526f7e;pointer-events:none;font:32px Georgia,serif}#gesture i{width:24px;height:24px;border:2px solid #79959f;border-radius:50%;background:#ffffffaa;animation:slide 1.8s ease-in-out infinite}#gesture[hidden]{display:none}@keyframes slide{0%,100%{transform:translateX(-24px)}50%{transform:translateX(24px)}}#overlay{position:absolute;z-index:4;inset:0;display:grid;align-items:end;padding:20px;background:#45667726}#overlay[hidden]{display:none}.sheet{background:#f9fcfc;padding:24px 20px 22px;text-align:center;border-radius:24px;box-shadow:0 8px 36px #24465522}h1{font-size:25px;margin:0 0 12px;line-height:1.3}#resultNumbers{font:700 42px Georgia,serif;color:#285263;min-height:51px}#resultNumbers small{font-size:19px;font-weight:400}#resultBest{font-size:16px;margin:4px 0 18px;color:#587580}#primary,#secondary{display:block;width:100%;padding:13px;min-height:51px;border-radius:26px;font-size:19px}#primary{background:#286374;color:#fff}#primary:active{background:#1e4f5e}#secondary{margin-top:8px;background:transparent;color:#466876;font-size:18px}#secondary[hidden]{display:none}#rotation,#loading{position:absolute;z-index:6;inset:0;display:grid;place-items:center;background:#e6eff2;color:#375b68;font-size:24px;text-align:center;padding:24px}#rotation[hidden],#loading[hidden]{display:none}#loading i{width:32px;height:32px;border:3px solid #bfd3da;border-top-color:#4b7d8c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#gesture i{animation:none}}
#resultNumbers .points{display:block;font-size:24px;line-height:1.5;color:#517684}

#combo.missed{color:#a33f29;font-size:24px}