:root{font-family:Arial,Helvetica,sans-serif;color:#203d56;color-scheme:light;background:#102a42}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:radial-gradient(ellipse at top,#609cbd,#152c43 75%)}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:3px solid #fbb45c;outline-offset:-4px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}#game{width:min(100vw,480px);height:100svh;max-height:1040px;position:relative;overflow:hidden;background:#6cbaf0;isolation:isolate}#canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.hud{position:absolute;left:24px;right:20px;top:max(22px,env(safe-area-inset-top));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;color:#fff9e9;text-shadow:0 2px 1px #28567790,0 4px 15px #34658260}.score-block{display:flex;flex-direction:column;align-items:center;min-width:54px}.label{font-size:13px;font-weight:800;letter-spacing:2px}.score-block>strong{font-size:58px;line-height:1;font-weight:900;letter-spacing:-3px;margin-top:4px}.right-hud{display:flex;align-items:center;gap:12px}.best{display:flex;flex-direction:column;align-items:center;gap:3px}.best span{font-size:12px;letter-spacing:1.4px;font-weight:800}.best strong{font-size:25px;line-height:1.1}.controls{display:flex;gap:6px;pointer-events:auto}.controls button{height:46px;min-width:46px;border:1px solid #ffffffa0;border-radius:15px;background:#fff6dfeb;box-shadow:0 3px 0 #264e6630;color:#26475c;display:flex;align-items:center;justify-content:center;padding:8px}.controls button#sound{gap:3px}.controls span{font-size:10px;font-weight:800}.controls svg{width:23px;height:23px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.weather{position:absolute;top:max(117px,calc(env(safe-area-inset-top) + 95px));left:25px;display:flex;gap:7px;align-items:center;border:1px solid #ffffff65;border-radius:30px;padding:5px 11px;color:#fffaf0;background:#356c8c55;backdrop-filter:blur(6px);font-size:12px;letter-spacing:1px;font-weight:800;pointer-events:none}#wind-arrow{font-size:21px;line-height:1}.panel{position:absolute;left:22px;right:22px;text-align:center;padding:24px;border-radius:28px;background:linear-gradient(145deg,#fffaf0f5,#fff3dcec);box-shadow:0 12px 50px #183b5245,inset 0 1px 0 #fff;border:1px solid #fff8ea;z-index:4;animation:arrive .24s ease-out}.start-panel{bottom:max(34px,calc(env(safe-area-inset-bottom) + 18px));padding-top:22px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;margin:0 0 12px;color:#5b798c}h1{font-size:41px;line-height:.94;letter-spacing:-1.8px;font-weight:1000;margin:0;text-shadow:0 2px 0 #fff}h1 em{font-style:normal;color:#e77643;display:block;font-size:49px;letter-spacing:1px;margin-top:7px;transform:rotate(-3deg)}.panel p{font-size:16px;line-height:1.45;margin:17px 0}.panel p.eyebrow{font-size:11px;margin:0 0 13px}.primary{border:0;border-radius:17px;width:100%;min-height:57px;color:#fffdf5;background:linear-gradient(#f59758,#e7773d);box-shadow:0 5px 0 #b95b2f,0 7px 13px #a95d2825;font-size:19px;font-weight:800;padding:14px 10px}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #b95b2f}.secondary{margin-top:17px;background:none;border:0;border-bottom:1px solid #95a3a56a;color:#49657a;min-height:44px;font-size:16px}.panel .small{font-size:12px;color:#74868b;margin:18px 0 0}.hint{position:absolute;bottom:max(25px,calc(env(safe-area-inset-bottom) + 15px));left:0;right:0;text-align:center;font-weight:800;font-size:13px;letter-spacing:1px;color:#fff8df;text-shadow:0 2px 5px #193b61;pointer-events:none}.toast{position:absolute;top:28%;left:18px;right:18px;text-align:center;font-size:23px;font-weight:900;color:#fff9e5;text-shadow:0 3px 0 #273f65,0 0 25px #183349;pointer-events:none;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .22s,transform .3s}.toast.show{opacity:1;transform:translateY(0) scale(1)}.pause-panel,.over-panel{top:50%;transform:translateY(-50%)}.pause-panel h2{font-size:30px;margin:10px 0}.over-panel h2{font-size:82px;line-height:1;letter-spacing:-4px;margin:10px 0;color:#23475b}.over-panel .result-label{font-size:12px;letter-spacing:2px;font-weight:800;margin:6px 0 17px}.result-best{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:22px;color:#7c8f96;font-size:13px;font-weight:800;letter-spacing:1px}.result-best strong{font-size:22px;color:#315569}.panel .new-best{font-weight:800;font-size:13px;color:#bf6930;margin:0 0 22px}.audio-notice{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:12px;color:white;text-shadow:0 1px 4px #162542;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{from{opacity:0}to{opacity:1}}@media(max-height:710px){.start-panel{padding:18px;bottom:20px}h1{font-size:33px}h1 em{font-size:39px}.panel p{margin:12px 0}.panel .small{margin-top:14px}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){.panel{animation:none}.toast{transition:none}}@media(min-width:700px){#game{box-shadow:0 0 80px #0007;border-radius:0 0 22px 22px}}

.start-brand{position:absolute;top:max(38px,calc(env(safe-area-inset-top) + 18px));left:20px;right:20px;text-align:center;pointer-events:none;color:#244a61;z-index:3}.start-brand h1{font-size:37px;text-shadow:0 2px 0 #fff9,0 5px 24px #fff5}.start-brand h1 em{font-size:45px;color:#f27b36}.start-brand p{margin:15px 0 0;font-size:17px;font-weight:700;color:#204f70}.start-panel{bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px));padding:19px 22px 15px;border-radius:25px}.start-panel .start-goal{font-size:19px;font-weight:800;margin:0 0 15px}.start-panel .play-button{min-height:66px;font-size:25px;letter-spacing:0}.start-panel .small{font-size:14px;line-height:1.55;margin:17px 0 0}.creator{display:block;font-size:11px;letter-spacing:1.8px;margin-top:10px;color:#738b97}@media(max-height:660px){.start-brand{top:22px}.start-brand h1{font-size:30px}.start-brand h1 em{font-size:35px}.start-brand p{font-size:15px;margin-top:11px}.start-panel{padding:15px 20px 12px;bottom:16px}.start-panel .start-goal{font-size:17px;margin-bottom:12px}.start-panel .play-button{min-height:60px;font-size:23px}}