*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:#9fd3ee;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#24323f;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;background:#2a3440}#c{position:absolute;height:100%;width:min(100%,56.25dvh);display:block}#hud,#result,#debug{position:absolute;top:0;bottom:0;width:min(100%,56.25dvh);pointer-events:none}#top{position:absolute;top:max(14px,env(safe-area-inset-top));left:0;right:0;text-align:center;text-shadow:0 2px 0 rgba(255,255,255,.6)}#dist{font-size:44px;font-weight:800;letter-spacing:-1px}#dist small{font-size:20px;margin-left:2px}#best{font-size:14px;font-weight:600;opacity:.75}#wind{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;font-size:13px;font-weight:700;background:#ffffffb3;border-radius:12px;padding:4px 8px}#alt{position:absolute;left:12px;top:22%;height:40%;width:8px;border-radius:4px;background:#ffffff73}#altfill{position:absolute;bottom:0;left:0;right:0;border-radius:4px;background:#24323f;height:0}#stall{position:absolute;top:30%;left:0;right:0;text-align:center;font-size:26px;font-weight:900;color:#e5484d;opacity:0;transition:opacity .1s}#stall.on{opacity:1;animation:shake .25s infinite}@keyframes shake{0%,to{transform:translate(0)}50%{transform:translate(4px)}}#hint{position:absolute;bottom:30%;left:0;right:0;text-align:center;font-size:17px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.35);transition:opacity .3s}#zones{position:absolute;left:0;right:0;bottom:0;height:26%;display:flex;transition:opacity .25s}#zones.off{opacity:0}.zone{flex:1;margin:10px;margin-bottom:max(12px,env(safe-area-inset-bottom));border-radius:22px;border:2px dashed rgba(255,255,255,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:12px;font-weight:700;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.4);background:#ffffff14;transition:background .08s,transform .08s;position:relative}.zone .ico{font-size:30px;line-height:1}.zone.on{background:#ffffff59;transform:scale(.96)}.zone.deny{animation:shake .2s 2}#dots{display:flex;gap:6px;margin-top:4px}#dots i{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d}#dots i.used{background:#ffffff40}#result{display:flex;align-items:center;justify-content:center;background:#1e283459;pointer-events:auto}#result.hidden,#debug.hidden{display:none}.card{background:#fffdf7;border-radius:24px;padding:26px 28px;width:min(86%,320px);text-align:center;box-shadow:0 10px 30px #00000040}#rTitle{font-size:16px;font-weight:700;opacity:.7}#rDist{font-size:52px;font-weight:900;letter-spacing:-1px;margin:4px 0}#rBest{font-size:15px;font-weight:700;min-height:22px}#rBest.new{color:#d9480f}#retry{margin-top:18px;width:100%;padding:16px;border:0;border-radius:16px;background:#24323f;color:#fff;font-size:19px;font-weight:800;cursor:pointer}#debug{top:auto;height:auto;bottom:28%;font:11px/1.4 ui-monospace,monospace;color:#fff;background:#00000073;padding:6px;white-space:pre;width:auto;left:0}