@font-face{font-family:YS Geo;src:url(/fonts/ysgeo-900.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:YS Geo;src:url(/fonts/ysgeo-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:YS Geo;src:url(/fonts/ysgeo-400.woff2) format("woff2");font-weight:400;font-display:swap}:root{--blue:#00ADFF;--sky:#A3E8FE;--deep:#3557CC;--navy:#1B3A6A;--orange:#FF8204;--peach:#F9A870;--pink:#EAA0C6;--beige:#E2DBD1;--paper:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--blue);color:var(--paper);font-family:YS Geo,system-ui,sans-serif;font-variant-numeric:oldstyle-nums proportional-nums;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1{font-weight:900;line-height:.9;letter-spacing:-.01em;margin:0}.ping{display:grid;place-content:center;gap:16px;height:100%;padding:24px;text-align:center}.ping h1{font-size:44px}.ping p{margin:0;font-size:18px;font-weight:500;line-height:1.2}#c{position:fixed;inset:0;display:block}.hud{position:fixed;inset:0;pointer-events:none;padding:calc(env(safe-area-inset-top) + 12px) 14px calc(env(safe-area-inset-bottom) + 14px)}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pill{background:#fff;color:var(--navy);border-radius:999px;height:44px;min-width:44px;padding:0 16px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;box-shadow:0 4px #1b3a6a2e;border:0}.pill.place b{font-size:28px;line-height:1}.pill.place span{font-size:16px;font-weight:500;opacity:.7;margin-left:2px}.pill.timer{font-variant-numeric:tabular-nums lining-nums;min-width:92px}.pill.icon{padding:0;width:44px;pointer-events:auto;color:var(--navy)}.order{margin:10px auto 0;display:flex;gap:6px;justify-content:center;width:max-content;padding:6px;background:#ffffffeb;border-radius:22px;box-shadow:0 4px #1b3a6a2e}.order i{width:40px;height:40px;border-radius:14px;background:#eef1f5 center/86% no-repeat;filter:grayscale(1) opacity(.45);transition:filter .2s,transform .2s,background-color .2s}.order i.got{filter:none;background-color:#ffe7cf;transform:scale(1.08)}.prog{position:absolute;right:10px;top:34%;height:36%;width:10px}.prog-track{position:absolute;inset:0;border-radius:6px;background:#ffffffbf}.prog .dot{position:absolute;left:50%;width:16px;height:16px;margin:0 0 -8px -8px;border-radius:50%;background:var(--deep);border:3px solid #fff}.steer{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 18px);display:grid;justify-items:center;gap:8px}.steer-bar{position:relative;width:min(70vw,300px);height:8px;border-radius:4px;background:#fffc}.steer-dot{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--deep);border:3px solid #fff}.steer p{margin:0;font-weight:500;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(27,58,106,.5)}