:root{--pi-accent: #4ad0c4;--pi-accent-2: #8a7bf0;--pi-board-lo: #182030;--pi-board-hi: #2a2350;--pi-good: #5fb236;--pi-warn: #e8c14b;--pi-bad: #ff6b6b}html[data-cb]{--pi-accent: #85c0f9;--pi-good: #f5793a}.game{min-height:100svh;max-width:560px;margin:0 auto;padding:1.25rem 1.25rem 4rem}.game__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.game__home img{width:min(40vw,150px);height:auto}.pitch{text-align:center}.pitch__title{font-size:clamp(1.8rem,6vw,2.6rem);letter-spacing:.06em;text-transform:uppercase}.pitch__sub{color:var(--muted);margin:.4rem 0 1rem;font-size:.92rem}.admin-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem;font-size:.8rem;color:var(--muted)}.btn-sm{display:inline-block;padding:.3rem .7rem;border-radius:7px;border:1px solid rgba(237,28,36,.45);background:#ed1c241f;color:var(--text);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:none}.btn-sm:hover{background:#ed1c2438}.pitch__hear{display:inline-flex;align-items:center;gap:.6rem;margin:.25rem auto 1rem;padding:.7rem 1.4rem;border:1px solid color-mix(in srgb,var(--pi-accent) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--pi-accent) 14%,transparent);color:var(--text);font:inherit;font-weight:700;cursor:pointer;transition:background .15s ease,transform .05s ease}.pitch__hear:hover{background:color-mix(in srgb,var(--pi-accent) 24%,transparent)}.pitch__hear:active{transform:scale(.97)}.pitch__hear.is-playing .pitch__hear-icon{animation:pi-pulse .8s ease infinite}.pitch__hear-icon{font-size:1.15rem}@keyframes pi-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}.board--pitch{position:relative;width:min(440px,96vw);aspect-ratio:3 / 2;margin:.25rem auto .75rem;border-radius:14px;border:1px solid #33384a;background:linear-gradient(90deg,var(--pi-board-lo),var(--pi-board-hi));overflow:hidden;cursor:crosshair;touch-action:none;user-select:none}.board--pitch:focus-visible{outline:2px solid var(--pi-accent);outline-offset:2px}.board__grid{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(255,255,255,.07) calc(12.5% - 1px) 12.5%),repeating-linear-gradient(0deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.05) calc(25% - 1px) 25%)}.board__handle{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.board__handle:before{content:"";position:absolute;top:-480px;bottom:-480px;left:-1px;width:2px;background:color-mix(in srgb,var(--pi-accent) 70%,transparent)}.board__handle:after{content:"";position:absolute;left:-480px;right:-480px;top:-1px;height:2px;background:color-mix(in srgb,var(--pi-accent) 40%,transparent)}.board__handle-dot{position:absolute;top:0;left:0;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:var(--pi-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--pi-accent) 25%,transparent),0 2px 10px #00000080;z-index:1}.board.is-dragging .board__handle-dot{box-shadow:0 0 0 7px color-mix(in srgb,var(--pi-accent) 30%,transparent)}.board__axis{position:absolute;bottom:6px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;pointer-events:none}.board__axis--low{left:8px}.board__axis--high{right:8px}.pitch__readout{display:flex;align-items:center;justify-content:center;gap:.9rem;margin:.25rem 0 .75rem}.pitch__hz{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.25rem;min-width:6.5rem}.pitch__feedback{min-height:1.4em;font-weight:700;font-size:1rem;margin-bottom:.5rem}.pitch__feedback .is-sharp{color:var(--pi-warn)}.pitch__feedback .is-flat{color:var(--pi-accent-2)}.pitch__feedback .is-perfect{color:var(--pi-good)}.pitch__pips{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.pitch__pip{width:12px;height:12px;border-radius:50%;border:2px solid #565a6b}.pitch__pip.is-used{background:var(--pi-accent);border-color:var(--pi-accent)}.pitch__pip.is-miss{background:#565a6b}.pitch__lock{min-width:220px}.toast{position:fixed;top:14%;left:50%;transform:translate(-50%);background:#f4f4f6;color:#111;padding:.6rem 1.1rem;border-radius:8px;font-weight:700;font-size:.9rem;box-shadow:0 8px 30px #00000080;transition:opacity .3s ease;z-index:20;pointer-events:none}.toast.fade{opacity:0}.result{margin:.5rem auto 1.5rem}.result__score{font-size:1.5rem;font-weight:800;margin-bottom:.4rem}.result__answer{color:var(--muted);margin-bottom:1rem;font-size:.95rem}.result__answer b{color:var(--pi-accent);font-variant-numeric:tabular-nums}.share-grid{font-family:inherit;line-height:1.2;margin:.25rem 0 1.1rem;font-size:1.1rem}.result__actions{display:flex;gap:.6rem;max-width:360px;margin:0 auto}.result__actions .btn{flex:1;text-align:center}.result__save{margin-top:.9rem;font-size:.85rem;color:var(--muted)}.result__save a{color:var(--text)}.wstats{margin:.5rem auto 1.1rem;max-width:360px}.wstats__nums{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.wstats__nums div{display:flex;flex-direction:column}.wstats__nums b{font-size:1.5rem;font-weight:800;line-height:1.1}.wstats__nums span{font-size:.68rem;color:var(--muted)}.pitch__msg{margin-top:1rem;min-height:1.2em;color:#ff6b6b;font-size:.88rem}