:root{--bg: #101a2b;--bg-deep: #0b1220;--bg-outside: #070b14;--ink: #e7edf5;--ink-soft: #8ea0b8;--line: #22324b;--dot-big: #ff7a59;--dot-mid: #f3c25a;--dot-small: #7fd6c2;--trail: rgba(231, 237, 245, .35);--rim: rgba(255, 255, 255, .45);--font-display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--font-ui: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:radial-gradient(120% 90% at 50% 40%,var(--bg) 0%,var(--bg-deep) 100%);background-color:var(--bg-deep);color:var(--ink);font-family:var(--font-ui);font-size:14px;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.app{position:relative;height:100%;display:flex;flex-direction:column}.bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.01em;margin-right:auto}.stat{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.stat b{font-size:18px;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;min-width:2ch;text-align:right}.wind{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.wind-gauge{width:72px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}#wind-bar{display:block;height:100%;background:var(--dot-small);transform-origin:left center;transform:scaleX(0)}#wind-arrow{display:inline-block;width:18px;text-align:center;color:var(--ink);transition:opacity .3s}.wind.calm #wind-arrow{opacity:.25}button,.share-links a{font:inherit;font-size:13px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer}.share-links a{display:inline-block;text-decoration:none}button:hover,.share-links a:hover{border-color:var(--ink-soft)}button:focus-visible,.share-links a:focus-visible{outline:2px solid var(--dot-mid);outline-offset:2px}.stage-wrap{position:relative;flex:1;min-height:0}#stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#hint{position:absolute;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));text-align:center;font-size:13px;color:var(--ink-soft);line-height:1.6;pointer-events:none;transition:opacity 1.2s ease}#hint.faded{opacity:0}#over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding-inline:16px;background:#0b12208c;animation:fade-in .6s ease both}.over-card{width:min(100%,340px);display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;padding:28px 24px;background:var(--bg);border:1px solid var(--line);border-radius:18px}.over-card h2{margin:0;font-family:var(--font-display);font-size:40px;line-height:1;letter-spacing:-.02em;text-wrap:balance}.over-card p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.6}.over-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.over-stats div{display:flex;flex-direction:column;gap:4px}.over-stats dt{order:2;font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.over-stats dd{order:1;margin:0;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.share{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.share-title{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.share-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}#again{background:var(--dot-big);border-color:var(--dot-big);color:var(--bg-deep);font-weight:500;padding:10px 22px}#again:hover{filter:brightness(1.08)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){#hint,#wind-arrow{transition:none}#over{animation:none}}@media (hover: hover) and (pointer: fine) and (min-width: 600px) and (min-height: 600px){body{display:grid;place-items:center;background:var(--bg-outside)}.app{height:min(932px,100vh - 48px);width:clamp(320px,(100vh - 48px) * 9 / 19.5,430px);background:radial-gradient(120% 90% at 50% 40%,var(--bg) 0%,var(--bg-deep) 100%);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #0000008c}}