:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0d1b2e;--card:#0d1b2eeb;--veil:#0d1b2ee6;--paper:#fff;--sun:#ffd23f;--sun-edge:#c99a00;--good:#27c05a;--ok:#3b9bff;--amber:#ffb020;--bad:#ef4b4b;--you:#2fd0ff;--edge-left:max(12px, env(safe-area-inset-left));--edge-right:max(12px, env(safe-area-inset-right));--edge-bottom:max(12px, env(safe-area-inset-bottom))}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--ink);height:100%;margin:0;overflow:hidden}body{color:var(--paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}p{margin:0}#app{width:100%;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.stage{position:absolute;inset:0}.field{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block}.big-button{background:var(--sun);min-height:68px;color:var(--ink);font:inherit;box-shadow:0 6px 0 var(--sun-edge);cursor:pointer;touch-action:manipulation;border:0;border-radius:22px;padding:0 28px;font-size:26px;font-weight:800}.big-button:active{box-shadow:0 2px 0 var(--sun-edge);transform:translateY(4px)}.big-button:focus-visible,.pause:focus-visible,.name-input:focus-visible{outline:4px solid var(--you);outline-offset:3px}.big-button.secondary{background:var(--paper);box-shadow:0 6px #aeb9cb}.big-button.secondary:active{box-shadow:0 2px #aeb9cb}.hud{pointer-events:none;position:absolute;inset:0}.clock{background:#0d1b2e99;height:14px;position:absolute;top:0;left:0;right:0}.clock-fill{background:var(--good);transform-origin:0;will-change:transform;height:100%}.clock[data-tone=amber] .clock-fill{background:var(--amber)}.clock[data-tone=red] .clock-fill{background:var(--bad)}.banner{justify-content:center;width:min(720px,100% - 32px);display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.card{background:var(--card);border-radius:22px;box-shadow:0 6px 18px #00000059}.callout{align-items:center;gap:22px;padding:8px 24px;display:flex}.callout-outs{align-items:center;gap:14px;display:flex}.callout-number{color:var(--sun);font-size:76px;font-weight:900;line-height:1}.callout-words{flex-direction:column;gap:8px;display:flex}.callout-word{letter-spacing:.06em;font-size:26px;font-weight:900;line-height:1}.callout-markers{gap:8px;display:flex}.out-marker{border:4px solid var(--paper);border-radius:50%;width:30px;height:30px}.out-marker.filled{background:var(--bad)}.callout-diamond{flex:none;width:92px;height:92px}.callout-paths{fill:none;stroke:#ffffff80;stroke-width:3px}.callout-home{fill:var(--paper)}.callout-base{fill:#ffffff2e;stroke:#fffc;stroke-width:2px}.callout-base.lit{fill:var(--bad);stroke:var(--paper);stroke-width:4px}.callout-you{align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.callout-you-dot{background:var(--you);border:3px solid var(--paper);border-radius:50%;width:22px;height:22px}.banner[data-kind=callout]{top:max(10px, env(safe-area-inset-top));left:var(--edge-left);justify-content:flex-start;width:auto;transform:none}@media (height<=500px){.callout{border-radius:16px;gap:12px;padding:6px 14px}.callout-outs{gap:8px}.callout-number{font-size:44px}.callout-words{gap:5px}.callout-word{font-size:15px}.callout-markers{gap:5px}.out-marker{border-width:3px;width:18px;height:18px}.callout-diamond{width:54px;height:54px}.callout-you{gap:6px;font-size:14px}.callout-you-dot{border-width:2px;width:15px;height:15px}}.prompt{text-align:center;color:var(--ink);background:var(--sun);padding:10px 26px;font-size:30px;font-weight:900;line-height:1.15}.verdict{align-items:center;gap:16px;width:100%;padding:12px 20px 12px 14px;display:flex}.verdict-badge{width:60px;height:60px;color:var(--paper);background:var(--bad);border-radius:50%;flex:none;place-items:center;display:grid}.verdict[data-result=optimal] .verdict-badge{background:var(--good)}.verdict[data-result=ok] .verdict-badge{background:var(--ok)}.verdict[data-result=froze] .verdict-badge{background:var(--amber);color:var(--ink)}.verdict[data-result=late]{box-shadow:inset 6px 0 0 var(--amber)}.verdict[data-result=late] .verdict-badge{background:var(--amber);color:var(--ink)}.verdict-badge .icon{width:40px;height:40px}.verdict-note{flex:1;font-size:19px;font-weight:600;line-height:1.3}.verdict-points{color:#ffffff8c;flex:none;font-size:30px;font-weight:900}.verdict[data-result=optimal] .verdict-points{color:var(--sun)}.verdict[data-result=ok] .verdict-points{color:var(--ok)}.verdict[data-result=late] .verdict-points{color:var(--amber)}.progress{left:var(--edge-left);bottom:var(--edge-bottom);background:var(--card);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:8px 16px;font-size:19px;font-weight:800;display:flex;position:absolute}.progress-score{color:var(--sun)}.progress-score:before{content:"★ "}.end-actions{right:var(--edge-right);bottom:var(--edge-bottom);align-items:center;gap:14px;display:flex;position:absolute}.hud-feedback{pointer-events:auto;justify-content:center;width:52px;min-height:52px;margin-bottom:6px;padding:0}.hud-feedback .icon{width:26px;height:26px}.next-button{pointer-events:auto;min-width:160px;margin-bottom:6px}.start-button{pointer-events:auto;justify-content:center;align-items:center;gap:10px;min-width:200px;min-height:50px;animation:1.4s ease-in-out infinite hold-hint;display:flex;position:absolute;top:55%;left:50%;translate:-50%}.start-button .icon{width:28px;height:28px}.hold-hint{border:3px solid var(--sun);background:var(--card);min-height:48px;color:var(--paper);font:inherit;letter-spacing:.04em;pointer-events:auto;touch-action:none;border-radius:999px;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:17px;font-weight:800;animation:1.4s ease-in-out infinite hold-hint;display:flex;position:absolute;transform:translate(-50%,30px)}.hold-hint .icon{width:26px;height:26px;color:var(--sun)}@keyframes hold-hint{50%{box-shadow:0 0 0 6px #ffd23f59}}.rings{position:absolute;inset:0;overflow:hidden}.tap-ring{border:7px solid var(--paper);width:104px;height:104px;box-shadow:0 0 0 5px var(--sun), inset 0 0 0 5px var(--sun);border-radius:50%;margin:-52px 0 0 -52px;animation:.52s ease-out forwards tap-ring;position:absolute}@keyframes tap-ring{0%{opacity:1;transform:scale(.5)}60%{opacity:1}to{opacity:0;transform:scale(1.1)}}.pause{background:var(--veil);width:100%;height:100%;color:var(--paper);font:inherit;cursor:pointer;pointer-events:auto;border:0;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:0;display:flex;position:absolute;inset:0}.pause-icon{background:var(--sun);width:124px;height:124px;color:var(--ink);box-shadow:0 6px 0 var(--sun-edge);border-radius:50%;place-items:center;display:grid}.pause-icon .icon{width:68px;height:68px}.pause-text{font-size:30px;font-weight:800}.screen-host{background:var(--veil);display:flex;position:absolute;inset:0;overflow:auto}.screen{padding:14px max(20px, env(safe-area-inset-right)) 14px max(20px, env(safe-area-inset-left));margin:auto}.setup{flex-direction:column;align-items:center;gap:14px;display:flex}.name-field{align-items:center;gap:16px;display:flex}.name-caption{font-size:24px;font-weight:800}.name-input{border:4px solid var(--paper);background:var(--paper);width:280px;height:64px;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;border-radius:20px;padding:0 20px;font-size:28px;font-weight:800}.name-input::placeholder{color:#9aa6b8}.setup-ask{font-size:24px;font-weight:800}.position-list{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.position-button{flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:0;max-width:230px;padding:10px 12px 12px;display:flex}.position-diagram{width:96px;height:96px}.diagram-infield{fill:#c98a4b;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.diagram-base{fill:var(--paper);stroke:var(--ink);stroke-width:2px}.diagram-you{fill:var(--you);stroke:var(--ink);stroke-width:4px}.setup-feedback{top:max(12px, env(safe-area-inset-top));right:var(--edge-right);z-index:5;position:fixed}.home-screen-tip{text-align:center;opacity:.75;margin-top:14px;font-size:14px;font-weight:600}.view-list{justify-content:center;gap:16px;display:flex}.view-button{opacity:.75;align-items:center;gap:10px;min-height:64px;padding:4px 20px 4px 12px;font-size:22px;display:flex}.view-button[aria-pressed=true]{background:var(--sun);box-shadow:0 6px 0 var(--sun-edge);outline:4px solid var(--ink);outline-offset:-4px;opacity:1}.view-diagram{width:64px;height:44px}.diagram-ground{stroke:#3f8a3a;stroke-width:8px;stroke-linecap:round}.diagram-sight{stroke:var(--ink);stroke-width:3px;stroke-dasharray:6 6}.diagram-camera{fill:var(--ink)}.summary{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 56px;display:flex}.summary-score{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.summary-name{overflow-wrap:anywhere;font-size:28px;font-weight:800}.summary-points{color:var(--sun);font-size:96px;font-weight:900;line-height:1}.summary-right{font-size:28px;font-weight:800}.summary-marks{flex-wrap:wrap;justify-content:center;gap:8px;max-width:320px;margin-top:10px;display:flex}.mark{background:#ffffff38;border-radius:50%;width:22px;height:22px}.mark-right{background:var(--good)}.mark-ok{background:var(--ok)}.summary-buttons{flex-direction:column;gap:22px;display:flex}.summary-buttons .big-button{min-width:280px;min-height:76px}.rotate{background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:36px;margin:0;display:none;position:absolute;inset:0}@media (orientation:portrait){.rotate{display:flex}}.rotate-phone{border:7px solid var(--paper);border-radius:16px;width:76px;height:132px;animation:2.4s ease-in-out infinite rotate-phone}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.rotate-text{font-size:30px;font-weight:800}.unsupported{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.unsupported-title{font-size:30px;font-weight:800}.unsupported-text{font-size:22px}@media (prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}.fps{color:#fff;pointer-events:none;background:#0009;border-radius:6px;padding:2px 8px;font:600 12px ui-monospace,monospace;position:absolute;bottom:8px;right:8px}.team-logo{top:max(22px, env(safe-area-inset-top));right:var(--edge-right);object-fit:contain;opacity:.9;pointer-events:none;filter:drop-shadow(0 2px 4px #00000073);width:64px;height:64px;position:absolute}@media (height<=500px){.team-logo{width:48px;height:48px}}.menu-button{top:max(22px, env(safe-area-inset-top));right:var(--edge-right);border:3px solid var(--paper);background:var(--card);width:56px;height:56px;color:var(--paper);cursor:pointer;pointer-events:auto;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.menu-button .icon{width:28px;height:28px}.menu-button:focus-visible{outline:4px solid var(--you);outline-offset:3px}.hud:not([hidden])~.team-logo{right:calc(var(--edge-right) + 66px)}.menu{background:var(--veil);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.menu-item{justify-content:center;align-items:center;gap:12px;min-width:300px;display:flex}.menu-item .icon{width:30px;height:30px}@media (height<=500px){.menu-button{width:48px;height:48px}.hud:not([hidden])~.team-logo{right:calc(var(--edge-right) + 58px)}.menu{gap:14px}.menu-item{min-height:60px}}.help-button .icon{width:30px;height:30px}.help-host{z-index:5;background:var(--ink)}.help{flex-direction:column;align-items:center;gap:14px;display:flex}.help-title{color:var(--sun);align-items:center;gap:10px;font-size:28px;font-weight:900;display:flex}.help-title .icon{width:32px;height:32px}.help-cards{gap:14px;margin:0;padding:0;list-style:none;display:flex}.help-card{background:var(--card);border:3px solid #ffffff2e;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:180px;padding:12px 10px 14px;display:flex}.help-picture{width:150px;height:112px}.help-words{text-align:center;font-size:19px;font-weight:800;line-height:1.2}.help-done{min-width:220px}.help-dirt{fill:#c98a4b}.help-base{fill:var(--paper)}.help-card-bg{fill:#00000073}.help-outs{fill:var(--sun);text-anchor:middle;font-size:46px;font-weight:900}.help-outs-word{fill:var(--paper);text-anchor:middle;letter-spacing:.06em;font-size:13px;font-weight:900}.help-paths{fill:none;stroke:#ffffff80;stroke-width:2px}.help-runner-base{fill:#ffffff2e;stroke:#fffc;stroke-width:1.5px}.help-runner-base.lit{fill:var(--bad);stroke:var(--paper);stroke-width:2.5px}.help-throw{fill:none;stroke:var(--paper);stroke-width:2.5px;stroke-dasharray:5 4;stroke-linecap:round}.help-you{fill:var(--you);stroke:var(--ink);stroke-width:2px}.help-tap{fill:none;stroke:var(--sun);stroke-width:3.5px}.help-runner{fill:var(--bad);stroke:var(--paper);stroke-width:1.5px}.help-glide{fill:none;stroke:var(--you);stroke-width:3px;stroke-linecap:round}.help-pitcher{fill:var(--paper);stroke:var(--ink);stroke-width:2px}.help-time{fill:#2f6fe0;stroke:var(--paper);stroke-width:2px}.help-hold-word{fill:var(--paper);text-anchor:middle;letter-spacing:.05em;font-size:13px;font-weight:900}@media (height<=500px){.help{gap:10px}.help-title{font-size:22px}.help-card{width:168px;padding:8px 8px 10px}.help-picture{width:132px;height:99px}.help-words{font-size:16px}.help-done{min-height:58px}}