.screen [hidden]{display:none!important}.mode-tabs{max-width:960px;margin:0 auto 16px;display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.mode-tabs::-webkit-scrollbar{display:none}.mode-tabs button{flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;padding:10px 14px 9px;margin-bottom:-1px;font-family:var(--display);font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.mode-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.mode-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.site-links{max-width:960px;margin:-8px auto 16px;display:flex;gap:6px 18px;flex-wrap:wrap}.site-links a{color:var(--muted);font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;text-decoration:none}.site-links a:hover,.site-links a:focus-visible{color:var(--accent)}.mode-panel{max-width:560px;margin:0 auto}.mode-panel[hidden]{display:none}.panel-title{margin:0 0 4px;font-family:var(--display);font-weight:800;font-size:1.6rem;text-transform:uppercase;letter-spacing:.04em}.panel-text{margin:0 0 18px;color:var(--muted);font-size:.95rem;line-height:1.45}.opt-group{margin-bottom:16px}.opt-label{display:block;margin-bottom:6px;font-family:var(--display);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.opt-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.opt{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 10px 8px;text-align:left;min-height:52px}.opt b{display:block;font-family:var(--display);font-weight:800;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em}.opt small{display:block;margin-top:2px;color:var(--muted);font-size:.78rem;line-height:1.25}.opt[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.opt:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.panel-go{width:100%;margin-top:4px}.rule-list{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--line)}.rule-list li{padding:7px 0 7px 14px;border-bottom:1px solid var(--line);font-size:.92rem;position:relative}.rule-list li:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--accent)}.ol-sheet{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:16px;background:#08090be6;overflow-y:auto}.ol-sheet.show{display:flex}.ol-card{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);padding:20px;margin:auto;display:grid;gap:10px;color:var(--text);font-family:var(--body)}.ol-kicker{font-family:var(--display);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ol-title{margin:0;font-family:var(--display);font-weight:800;font-size:2rem;line-height:1.05;text-transform:uppercase}.ol-title.good{color:#4ade80}.ol-title.bad{color:#f87171}.ol-text{margin:0;color:var(--muted);line-height:1.45}.ol-code{font-family:var(--display);font-weight:800;font-size:3rem;letter-spacing:.3em;text-align:center;padding:8px 0 8px .3em;background:var(--panel-2);border:1px solid var(--line)}.ol-link{display:flex;gap:6px}.ol-link input{flex:1;min-width:0;background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:8px;font:inherit;font-size:.85rem}.ol-count{font-family:var(--display);font-weight:800;font-size:4.5rem;text-align:center;color:var(--accent);min-height:1.1em}.ol-wait{display:flex;align-items:center;gap:8px}.ol-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--accent);animation:ol-pulse 1.1s ease-in-out infinite}@keyframes ol-pulse{50%{opacity:.25;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.ol-dot{animation:none}}.ol-table{width:100%;border-collapse:collapse;font-size:.95rem}.ol-table th,.ol-table td{padding:6px 4px;border-bottom:1px solid var(--line);text-align:right}.ol-table th:first-child,.ol-table tbody th{text-align:left;color:var(--muted);font-weight:500}.ol-table thead th{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.ol-actions{display:grid;gap:6px}.ol-actions .btn{text-align:center;text-decoration:none}.ol-chip{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:96;display:none;gap:8px;align-items:baseline;padding:5px 12px;background:#0b0d10d9;border:1px solid var(--line);border-left:3px solid #60A5FA;font-family:var(--display);font-weight:700;letter-spacing:.04em;color:#f2f2ef;pointer-events:none}.ol-chip.show{display:flex}.ol-chip b{text-transform:uppercase;color:#93c5fd}.ol-notice{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:95;padding:8px 14px;background:#1c2026;border:1px solid var(--line);color:#f2f2ef;font-family:var(--body)}.bw-panel{position:fixed;right:calc(8px + env(safe-area-inset-right,0px));top:56px;bottom:max(8px,env(safe-area-inset-bottom));z-index:70;width:min(290px,44vw);display:none;flex-direction:column;gap:8px;overflow-y:auto;background:#14171bf0;border:1px solid var(--line);border-top:3px solid var(--accent);padding:10px 12px 12px;color:var(--text);font-family:var(--body);touch-action:manipulation}.bw-panel.show{display:flex}.bw-head{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;font-family:var(--display);letter-spacing:.04em}.bw-head b{font-weight:800;font-size:1.15rem;text-transform:uppercase}.bw-head span{color:var(--muted);font-weight:600}.bw-time{margin-left:auto;color:var(--accent)!important;font-weight:800!important}.bw-bowlers{display:grid;grid-template-columns:1fr;gap:6px}.bw-tip{margin:0;font-size:.85rem;color:var(--muted)}.bw-read{display:flex;gap:8px;align-items:baseline;padding:6px 8px;background:#f2b7051f;border-left:3px solid var(--accent);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase}.bw-read b{font-size:1.1rem;color:var(--accent)}.bw-read span{font-weight:700;color:var(--text)}.bw-speed{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.bw-speed input{width:100%;accent-color:var(--accent);height:28px}.bw-speed b{min-width:72px;text-align:right}.bw-vars{display:grid;grid-template-columns:1fr 1fr;gap:5px}.bw-vars .opt{min-height:38px;padding:6px}.bw-vars .opt b{font-size:.95rem}.bw-actions{display:grid;grid-template-columns:auto 1fr;gap:6px;margin-top:auto}.bw-actions .bw-go:only-child{grid-column:1 / -1}.bw-field-btn{min-width:80px}.bw-presets{display:flex;flex-wrap:wrap;gap:5px}.bw-presets .opt{flex:1 1 auto;min-height:34px;padding:5px 8px}.bw-field{display:block;width:100%;height:clamp(150px,42vh,320px);touch-action:none}.bw-field circle[data-f]{cursor:grab}.bw-go{width:100%}.bw-speed input{height:34px}.bw-panel.bw-wide{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(980px,calc(100vw - 16px));height:min(680px,calc(100vh - 16px));flex-direction:row;gap:14px}.bw-field-map{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center}.bw-wide .bw-field{width:100%;height:100%;max-height:calc(100vh - 44px)}.bw-wide .bw-field text{font-family:var(--display);font-weight:700;paint-order:stroke;stroke:#0009;stroke-width:.25}.bw-field-side{flex:0 0 min(250px,34vw);display:flex;flex-direction:column;gap:10px}.bw-field-side .bw-go{margin-top:auto}.bw-wide .bw-presets{flex-direction:column}@media(max-height:420px){.bw-panel.bw-wide{padding:6px 8px}.bw-wide .bw-tip{display:block;font-size:.78rem}.bw-wide .bw-presets .opt{min-height:30px}}.bw-meter{position:relative;height:34px;margin:6px 0 10px;background:linear-gradient(90deg,#7f1d1d,#b45309 30%,#15803d 45% 55%,#b45309 70%,#7f1d1d);border:1px solid var(--line);cursor:pointer}.bw-meter-zone{position:absolute;left:45%;width:10%;top:0;bottom:0;border-left:2px solid #FFF;border-right:2px solid #FFF}.bw-meter-mark{position:absolute;top:-4px;bottom:-4px;width:6px;margin-left:-3px;background:#fff;box-shadow:0 0 6px #000}@media(max-height:420px){.bw-panel{top:44px;padding:8px;gap:6px}.bw-tip{display:none}.bw-vars .opt{min-height:32px;padding:4px}}.pk-panel{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:16px;background:#08090bd1;color:var(--text);font-family:var(--body)}.pk-panel.show{display:flex}.pk-head{display:flex;gap:12px;align-items:baseline;width:min(640px,100%);font-family:var(--display);letter-spacing:.04em}.pk-head b{font-weight:800;font-size:1.6rem;text-transform:uppercase}.pk-head b.good{color:#4ade80}.pk-head b.bad{color:#f87171}.pk-head span{color:var(--muted);font-weight:600}.pk-time{margin-left:auto;color:var(--accent)!important;font-weight:800!important}.pk-zones{position:relative;width:min(640px,100%);aspect-ratio:8.4 / 3.2}.pk-goal{position:absolute;inset:0;width:100%;height:100%}.pk-zone{position:absolute;width:29%;height:38%;margin:4% 2.2% 0;border:2px dashed rgba(255,255,255,.5);background:#ffffff0f;cursor:pointer}.pk-zone:hover,.pk-zone:focus-visible{background:#f2b7054d;border-color:var(--accent);outline:none}.pk-ball{animation:pk-fly .5s ease-out both}@keyframes pk-fly{0%{transform:translateY(2.4px) scale(2.2);opacity:.3}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.pk-ball{animation:none}}.pk-tally{position:fixed;right:10px;top:max(10px,env(safe-area-inset-top));z-index:75;display:none;gap:4px;flex-direction:column;padding:6px 10px;background:#0b0d10d9;border:1px solid var(--line);font-family:var(--display)}.pk-tally.show{display:flex}.pk-tally div{display:flex;align-items:center;gap:5px}.pk-tally b{min-width:70px;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.pk-dot{width:12px;height:12px;border-radius:50%;border:1px solid #6B7280}.pk-dot.in{background:#22c55e;border-color:#22c55e}.pk-dot.out{background:#ef4444;border-color:#ef4444}.bw-aim{display:grid;grid-template-columns:minmax(76px,34%) 1fr;grid-template-rows:minmax(0,1fr);gap:8px;flex:1 1 0;min-height:170px}.bw-map{width:100%;height:100%;min-height:0;touch-action:none;cursor:crosshair;border-radius:4px;background:#2e6b2a}.bw-map-len{font-family:var(--display);font-weight:700;font-size:15px;fill:#141008cc;text-transform:uppercase;letter-spacing:.03em;pointer-events:none}.bw-map-side{font-family:var(--display);font-weight:700;font-size:14px;fill:#ffffffe6;text-transform:uppercase;pointer-events:none}.bw-aim-side{display:flex;flex-direction:column;gap:6px;min-width:0}.bw-aim-side .bw-tip{font-size:.78rem;line-height:1.25}.bw-aim-side .bw-read{flex-wrap:wrap;padding:4px 6px}.bw-aim-side .bw-speed{grid-template-columns:1fr auto;gap:2px 6px}.bw-aim-side .bw-speed input{grid-column:1 / -1}.bw-aim-side .bw-speed b{min-width:0}@media(max-height:420px){.bw-aim-side{gap:4px}.bw-aim-side .bw-read{padding:3px 6px}.bw-aim-side .bw-read b{font-size:.95rem}}.signin-card .btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#f2f2ef;color:#1a1a1a;border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:4px 0 12px;font-family:var(--body, inherit);font-weight:600;font-size:1rem;text-transform:none;letter-spacing:0;cursor:pointer}.signin-card .btn-google:hover{background:#fff}.signin-card .btn-google:disabled{opacity:.7;cursor:default}.signin-card .form-error{color:#e5736f;margin:0 0 12px;font-size:.9rem;line-height:1.4}.signin-card .card-actions{display:grid}.signin-card .btn-plain{background:transparent;border:0;color:var(--muted);padding:8px;cursor:pointer}.signin-card .muted{color:var(--muted);margin:0 0 12px;line-height:1.45}