*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1a1030;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas#game{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{padding:max(10px, env(safe-area-inset-top)) 64px 10px 12px;pointer-events:none;text-shadow:0 2px 6px #1e001e99;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.hud-left,.hud-right{gap:14px;display:flex}.stat{flex-direction:column;line-height:1.05;display:flex}.stat .label{text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-size:11px}.stat span:last-child{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}#mult{color:var(--plume,#fff);transition:color .3s}#mult.bump{animation:.35s ease-out bump}@keyframes bump{40%{transform:scale(1.35)}}.wind{left:50%;top:max(10px, env(safe-area-inset-top));color:#fff6c8;flex-direction:column;align-items:center;animation:.35s ease-in-out infinite alternate pulse;display:flex;position:absolute;transform:translate(-50%)}.wind span{font-size:42px;font-weight:900;line-height:1}.wind small{letter-spacing:.1em;text-transform:uppercase;font-weight:700}.wind.active{color:#ffb0c8}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.buttons{top:max(8px, env(safe-area-inset-top));z-index:5;flex-direction:column;gap:6px;display:flex;position:fixed;right:8px}button{font:inherit;cursor:pointer}button.icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e0a2873;border:1px solid #ffffff59;border-radius:50%;width:44px;height:44px;font-size:20px}#tiltBar{left:50%;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(90deg,#ff4060 0 8%,#ffffff40 30% 70%,#ff4060 92% 100%);border-radius:4px;width:min(260px,60vw);height:8px;position:fixed;transform:translate(-50%)}#tiltMark{background:#fff;border-radius:2px;width:4px;height:16px;margin-left:-2px;position:absolute;top:-4px;left:50%;box-shadow:0 0 6px #fff}#btnDive{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 22px);color:#fff;touch-action:manipulation;background:#ff5a968c;border:1px solid #ffffff80;border-radius:30px;padding:12px 26px;font-weight:800;position:fixed;transform:translate(-50%)}.screen{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));z-index:4;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}#pauseScreen,#overScreen{pointer-events:auto;background:#0f051e73;align-items:center}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#1e0c30b8;border:1px solid #ffffff2e;border-radius:18px;width:100%;max-width:520px;padding:20px 22px;animation:.4s ease-out rise;box-shadow:0 10px 40px #00000059}.panel.small{max-width:300px}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}h1{letter-spacing:.02em;margin:0 0 6px;font-size:clamp(26px,6vw,40px)}h1 span{color:#ff7fb0}h2{margin:0 0 12px}.sub{opacity:.9;margin:0 0 10px}.howto{gap:4px;margin:0 0 10px;padding:0;font-size:14px;list-style:none;display:grid}.rules{opacity:.8;margin:0 0 14px;font-size:13px}kbd{background:#ffffff1f;border:1px solid #fff6;border-radius:5px;min-width:22px;margin:0 2px;padding:1px 6px;font:600 12px/1.5 ui-monospace,monospace;display:inline-block}.primary{color:#fff;background:linear-gradient(135deg,#ff7fb0,#ff4f91);border:0;border-radius:30px;padding:12px 34px;font-size:18px;font-weight:800;box-shadow:0 6px 18px #ff4f9173}.primary:hover{filter:brightness(1.08)}.primary:focus-visible,button.icon:focus-visible{outline-offset:2px;outline:3px solid #ffe08a}.record,.hint{opacity:.85;margin:10px 0 0;font-size:14px}.results{grid-template-columns:auto auto;justify-content:center;gap:6px 18px;margin:0 0 16px;font-size:17px;display:grid}.results dt{text-align:right;opacity:.8}.results dd{text-align:left;font-variant-numeric:tabular-nums;margin:0;font-weight:800}.new-record{color:#ffe08a;margin:0 0 10px;font-size:20px;font-weight:800;animation:.5s infinite alternate pulse}@media (width<=600px){#hud{padding-right:58px}.hud-left,.hud-right{gap:9px}.hud-right{flex-direction:column;align-items:flex-end;gap:2px}.stat span:last-child{font-size:17px}.hud-right .stat{flex-direction:row;align-items:baseline;gap:5px}.wind{top:56px}.panel{padding:16px}.howto{font-size:13px}}@media (hover:hover) and (pointer:fine){.howto .touch{display:none}}