.pin{--ring-outer:#E2B53A;--ring-inner:#178A4C;--ring-bull:#9E1B29}.masthead__mark--pin{width:22px;height:30px}.pin__main{flex-grow:1;width:100%;max-width:560px;margin:0 auto;padding:14px 16px 32px;display:flex;flex-direction:column;gap:12px}.pin__ticks{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted)}.pin__ticks ol{display:flex;gap:6px;list-style:none;margin:0;padding:0}.pin__tick{width:22px;height:6px;border-radius:3px;background:var(--silhouette)}.pin__tick--done{background:var(--ink)}.pin__tick--current{background:var(--red)}.pin__card{background:var(--sticker);border-radius:6px;padding:14px 16px 16px;box-shadow:0 1px 0 rgba(20,18,16,.12),0 6px 16px -10px rgba(20,18,16,.35);display:flex;flex-direction:column;gap:6px}.pin__card--small{padding:10px 16px;gap:2px}.pin__comp{font-size:13px;color:var(--muted)}.pin__scorer{margin:0;font-size:36px;font-weight:800;line-height:.95;text-transform:uppercase}.pin__card--small .pin__scorer{font-size:26px}.pin__match{font-size:15px;font-weight:600}.pin__card--small .pin__match{font-size:14px;font-weight:400;color:var(--muted)}.pin__line{margin:2px 0 0;font-size:15px;line-height:1.4}.pitch{background:var(--sticker);border-radius:6px;padding:8px;box-shadow:0 1px 0 rgba(20,18,16,.12)}.pitch__svg{display:block;width:100%;height:auto}.pitch__svg--aim{touch-action:none;cursor:crosshair}.pitch__grass{fill:var(--sticker)}.pitch__lines{fill:none;stroke:rgba(20,18,16,.55);stroke-width:1.5}.pitch__ball circle,.pitch__lines *,.pitch__magring,.pitch__pin circle,.pitch__ring,.pitch__trail{vector-effect:non-scaling-stroke}.pitch__dot{fill:rgba(20,18,16,.55);stroke:none}.pitch__pin circle{fill:var(--red);stroke:#fff;stroke-width:2.4}.pitch__num{font-family:var(--font-display),sans-serif;font-weight:800;font-size:1.7px;fill:#fff;text-anchor:middle}.pitch__ball circle{fill:#fff;stroke:var(--ink);stroke-width:2}.pitch__ball .pitch__balldot{fill:var(--ink);stroke:none}.pitch__trail{stroke:var(--ink);stroke-width:1.6;stroke-dasharray:4 4}.pitch__ring{stroke-width:1}.pitch__ring--outer{fill:var(--ring-outer);fill-opacity:.14;stroke:var(--ring-outer);stroke-opacity:.5}.pitch__ring--inner{fill:var(--ring-inner);fill-opacity:.2;stroke:var(--ring-inner);stroke-opacity:.5}.pitch__ring--bull{fill:var(--ring-bull);fill-opacity:.34;stroke:var(--ring-bull);stroke-opacity:.6}.pitch__magground{fill:#fff}.pitch__magring{fill:none;stroke:var(--ink);stroke-width:2}.pitch__ball:not(.pitch__ball--still){transform-box:fill-box;transform-origin:center;animation:pin-press var(--t-base) var(--ease-out) var(--t-slow) both}.pitch__rings{animation:pin-fade var(--t-base) var(--ease-in-out) var(--t-slow) both}.pitch__trail:not(.pitch__trail--still){animation:pin-fade var(--t-base) var(--ease-in-out) .66s both}@keyframes pin-press{0%{transform:scale(1.8);opacity:0}70%{transform:scale(.92);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pin-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pitch__ball,.pitch__rings,.pitch__trail{animation:none!important}}.pin__hint{color:var(--muted)}.pin__error,.pin__hint{margin:0;font-size:14px;text-align:center}.pin__error{color:var(--red-deep)}.pin__next{flex-grow:1}.pin__result{display:flex;flex-direction:column;gap:6px}.pin__score{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.pin__big{font-size:64px;font-weight:800;line-height:.85}.pin__sofar{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:var(--muted)}.pin__sofar b{font-size:32px;line-height:.9;color:var(--ink)}.pin__fact,.pin__sub{margin:0;font-size:14px;color:var(--muted)}.pin__mirror{margin:0;font-size:14px;font-weight:600}.pin__ring{border-radius:4px;padding:5px 9px 6px;font-size:20px;font-weight:800;line-height:1;text-transform:uppercase;color:#fff}.pin__ring--bullseye{background:var(--ring-bull)}.pin__ring--inner{background:var(--ring-inner)}.pin__ring--outer{background:var(--ring-outer);color:var(--ink)}.pin__ring--miss{background:var(--silhouette);color:var(--ink)}.pin__actions{display:flex;gap:12px;align-items:center;margin-top:6px}.pin{--tier-wide:var(--silhouette);--tier-close:var(--gold);--tier-sharp:var(--green);--tier-deadly:var(--red);--tier-pinpoint:var(--ink)}.pin__tier{border-radius:4px;padding:4px 9px 5px;font-size:18px;font-weight:800;line-height:1;text-transform:uppercase;color:#fff;white-space:nowrap}.pin__tier--small{padding:2px 6px 3px;font-size:13px;border-radius:3px}.pin__tier--wide{background:var(--tier-wide);color:var(--ink)}.pin__tier--close{background:var(--tier-close);color:var(--ink)}.pin__tier--sharp{background:var(--tier-sharp)}.pin__tier--deadly{background:var(--tier-deadly)}.pin__tier--pinpoint{background:var(--tier-pinpoint)}.pin__art{--art-fg:#fff;--art-line:rgba(255,255,255,0.4);position:relative;display:block;height:78px;overflow:hidden}.pin__art--month{background:var(--gold);--art-fg:var(--ink);--art-line:rgba(20,18,16,0.38)}.pin__art--round{background:#1E6B45}.pin__art--season{background:#23395B}.pin__art--club{background:#7A1F35}.pin__art--classic{background:var(--ink);--art-line:rgba(255,255,255,0.35)}.pin__art svg{position:absolute;inset:0;width:100%;height:100%}.pin__art .pitch__lines{stroke:var(--art-line)}.pin__art .pitch__dot{fill:var(--art-line)}.pin__art .pitch__trail{stroke:var(--art-fg);stroke-width:1;stroke-dasharray:2 2}.pin__art .pitch__pin circle{stroke-width:1.6}.pin__art .pitch__ball circle{stroke-width:1.4}.pin__artkind{position:absolute;z-index:1;left:10px;top:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--art-fg)}.pin__scale{display:flex;flex-direction:column;gap:6px}.pin__scalebar{position:relative;display:grid;height:12px;margin-top:14px}.pin__seg:first-child{border-radius:6px 0 0 6px}.pin__seg:nth-child(5){border-radius:0 6px 6px 0}.pin__seg--wide{background:var(--tier-wide)}.pin__seg--close{background:var(--tier-close)}.pin__seg--sharp{background:var(--tier-sharp)}.pin__seg--deadly{background:var(--tier-deadly)}.pin__seg--pinpoint{background:var(--tier-pinpoint)}.pin__marker{position:absolute;top:-14px;left:var(--at);width:0;height:0;margin-left:-7px;border:7px solid transparent;border-top:10px solid var(--ink);border-bottom:0;animation:pin-slide .9s var(--ease-out) var(--land,0s) both}@keyframes pin-slide{0%{left:0}}.pin__scalenames{display:grid;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--muted);white-space:nowrap}.pin__scalenames>:last-child{justify-self:end}.pin__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pin-lobby__go{justify-content:flex-end}.pin-lobby__pack{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.pin-lobby__pack .pin__eyebrow{color:rgba(255,255,255,.75)}.pin-lobby__pack .pin__new{background:#fff;color:var(--ground)}.pin__swatch.pin__art{flex:0 0 60px;height:60px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.pin__swatch svg{inset:6px 4px;width:calc(100% - 8px);height:calc(100% - 12px)}.pin-lobby__packtext{display:flex;flex-direction:column;gap:4px;min-width:0}.pin-lobby__packtitle{font-size:26px;font-weight:800;line-height:.95;text-transform:uppercase}.pin-lobby__packsub{font-size:14px;opacity:.86}.pin-lobby__ticks{display:flex;gap:6px;list-style:none;margin:0;padding:0}.pin-lobby__ticks li{flex:1 1;max-width:34px;height:6px;border-radius:3px;background:rgba(255,255,255,.28)}.pin-lobby__ticks li.is-done{background:#fff}.pin__record{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.pin__record>span{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.pin__record b{display:flex;align-items:center;gap:6px;font-size:34px;font-weight:800;line-height:.9;color:var(--ink)}.pin__shelf{list-style:none;margin:0 -18px;padding:2px 18px 8px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:18px}.pin__shelf::-webkit-scrollbar{display:none}.pin__shelf>li{flex:0 0 150px;scroll-snap-align:start}.pin__pack{display:flex;flex-direction:column;height:100%;background:var(--sticker);border-radius:12px;overflow:hidden;box-shadow:0 1px 0 rgba(20,18,16,.12),0 6px 16px -10px rgba(20,18,16,.35);color:var(--ink);text-decoration:none}.pin__pack:focus-visible,.pin__pack:hover{box-shadow:0 0 0 2px var(--ink)}.pin__packbody{display:flex;flex-direction:column;gap:3px;padding:9px 11px 11px;flex-grow:1}.pin__packtitle{font-size:19px;font-weight:800;line-height:.95;text-transform:uppercase}.pin__packsub{font-size:12px;color:var(--muted)}.pin__packfoot{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:22px;font-size:12px;font-weight:600}.pin__packfoot:has(.pin__new){justify-content:flex-start}.pin__packscore{font-size:24px;font-weight:800;line-height:.9}.pin__new{background:var(--red);color:#fff;border-radius:3px;padding:1px 6px 2px;font-size:12px;font-weight:800;text-transform:uppercase}.pin__status{color:var(--muted)}.pin__back{align-self:center;justify-self:center}.pin-demo{width:100%;max-width:360px;gap:8px}.pin-demo,.pin-demo__card{display:flex;flex-direction:column}.pin-demo__card{gap:6px;padding:9px 11px;background:var(--sticker);border-radius:5px;box-shadow:0 1px 0 rgba(20,18,16,.1)}.pin-demo__bar{display:block;height:8px;border-radius:4px;background:var(--silhouette)}.pin-demo__bar--name{height:16px;background:var(--ink)}.pin-demo .pitch{padding:6px;box-shadow:none}.pin-demo__foot{position:relative;height:40px}.pin-demo__ask,.pin-demo__res{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.pin-demo__ask{font-size:13px;color:var(--muted)}.pin-demo__throw{background:var(--btn-go);color:#fff;border-radius:12px;padding:7px 14px 8px;font-size:18px;font-weight:800;text-transform:uppercase;box-shadow:inset 0 -2px 0 var(--btn-go-deep)}.pin-demo__m{font-size:34px;font-weight:800;line-height:1}.pin-demo__pts{display:flex;align-items:center;gap:8px}.pin-demo__pts .display:first-child{font-size:26px;font-weight:800;line-height:1}.pin-demo__pts .pin__ring{font-size:16px}.pin-demo__ball,.pin-demo__pin,.pin-demo__ripple{transform-box:fill-box;transform-origin:center}.pin-demo__ripple{fill:none;stroke:var(--ink);stroke-width:1.4;vector-effect:non-scaling-stroke;opacity:0}.pin-demo[data-step="0"] :is(.pin-demo__pin,.pin-demo__ball,.pitch__rings.pin-demo__rings,.pitch__trail.pin-demo__trail){opacity:0;animation:none}.pin-demo[data-step="1"] :is(.pin-demo__ball,.pitch__rings.pin-demo__rings,.pitch__trail.pin-demo__trail){opacity:0;animation:none}.pin-demo:not([data-step="2"]) .pin-demo__res,.pin-demo[data-step="2"] .pin-demo__ask{opacity:0}.pin-demo:not([data-step="0"]) .pin-demo__bar--name{background:var(--silhouette-figure)}@media (prefers-reduced-motion:no-preference){.pin-demo[data-step="0"] .pin-demo__bar--name{animation:pin-demo-name .9s var(--ease-out) .3s both}.pin-demo[data-step="1"] .pin-demo__pin{animation:pin-demo-pin 1.6s var(--ease-out) .3s both}.pin-demo[data-step="1"] .pin-demo__ripple{animation:pin-demo-ripple .7s ease-out .45s both}.pin-demo[data-step="2"] .pin-demo__throw{animation:pin-demo-press .3s var(--ease-in-out) .3s both}.pin-demo[data-step="2"] .pin-demo__ask{animation:pin-demo-out .25s var(--ease-in) .65s both}.pin-demo[data-step="2"] .pin-demo__ball{animation:pin-demo-ball .45s var(--ease-out) .8s both}.pin-demo[data-step="2"] .pitch__rings.pin-demo__rings{animation:pin-demo-fade .45s var(--ease-in-out) 1.1s both}.pin-demo[data-step="2"] .pitch__trail.pin-demo__trail{animation:pin-demo-fade .4s var(--ease-in-out) 1.4s both}.pin-demo[data-step="2"] .pin-demo__res{animation:pin-demo-res .4s var(--ease-out) 1.6s both}}@keyframes pin-demo-name{0%{background:var(--silhouette-figure)}}@keyframes pin-demo-pin{0%{opacity:0;transform:translate(3px,2.2px) scale(1.8)}20%,40%{opacity:1;transform:translate(3px,2.2px) scale(1)}to{opacity:1;transform:none}}@keyframes pin-demo-ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(5)}}@keyframes pin-demo-press{50%{transform:scale(.94);background:var(--btn-go-deep)}}@keyframes pin-demo-out{to{opacity:0}}@keyframes pin-demo-ball{0%{opacity:0;transform:scale(1.8)}70%{opacity:1;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes pin-demo-fade{0%{opacity:0}}@keyframes pin-demo-res{0%{opacity:0;transform:translateY(6px)}}.pin__full{gap:14px}.pin__full,.pin__fullcard{display:flex;flex-direction:column}.pin__fullcard{gap:12px;padding:16px 16px 18px;background:var(--sticker);border-radius:8px;box-shadow:0 1px 0 rgba(20,18,16,.12),0 10px 24px -14px rgba(20,18,16,.45)}.pin__fullhead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.pin__total{display:flex;align-items:baseline;gap:4px;transform-origin:left bottom}.pin__total>.display{font-size:112px;font-weight:900;line-height:.78}.pin__total>small.display{font-size:22px;line-height:1;font-weight:800;color:var(--muted)}.pin__stamp.pin__tier{font-size:34px;font-weight:900;padding:6px 12px 8px;transform:rotate(-4deg)}.pin__land{animation:pin-land var(--t-slow) var(--ease-out) var(--land,0s) both}.pin__stamp.pin__land{animation:pin-fade var(--t-slow) var(--ease-out) calc(var(--land, 0s) + .3s) both}.pin__stamp--slam{animation:pin-slam var(--t-slow) var(--ease-out) calc(var(--land, 0s) + .3s) both}@keyframes pin-land{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes pin-slam{0%{opacity:0;transform:rotate(-4deg) scale(2.2)}65%{opacity:1;transform:rotate(-4deg) scale(.94)}to{opacity:1;transform:rotate(-4deg) scale(1)}}.pin__fullnote{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}.pin__fullnote b{color:var(--ink)}.pin__list{list-style:none;margin:0;padding:0;background:var(--sticker);border-radius:6px;box-shadow:0 1px 0 rgba(20,18,16,.12)}.pin__row{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;grid-gap:10px;gap:10px;padding:8px 12px;border-top:1px solid var(--rule);animation:pin-row var(--t-base) var(--ease-out) both}@keyframes pin-row{0%{opacity:0;transform:translateX(-8px)}}.pin__row:first-child{border-top:0}.pin__row .pin__ring{font-size:14px;padding:3px 6px 4px;min-width:64px;text-align:center}.pin__n{font-size:18px;font-weight:800}.pin__n,.pin__who{color:var(--muted)}.pin__who{display:flex;flex-direction:column;min-width:0;font-size:12px}.pin__who .display{font-size:18px;font-weight:800;line-height:1.05;text-transform:uppercase;color:var(--ink)}.pin__val{font-size:22px;font-weight:800}.pin__fullshare{display:flex;flex-direction:column;gap:10px}.pin__fullactions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px}.pin__nextpack{flex-direction:column;gap:3px;line-height:.95}.pin__nextpack small{font-family:var(--font-text),sans-serif;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}.pin__share{margin:0;padding:12px 14px;background:var(--sticker);border:1px dashed var(--rule-strong);border-radius:6px;font-family:inherit;font-size:15px;line-height:1.45;white-space:pre-line}.pin__srscore{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion:reduce){.pin__land,.pin__marker,.pin__row,.pin__stamp--slam,.pin__stamp.pin__land{animation:none}}.pin__controls{display:flex;flex-direction:column;gap:10px}.pin__gain{display:flex;align-items:center;gap:10px}@media (min-width:760px){.pin__shelf{margin:0 -28px;padding-inline:28px;scroll-padding-inline:28px}}@media (min-width:900px){.pin__main{max-width:1180px;padding:24px 28px 40px}.pin__shelf{margin:0;padding:2px 0 4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px;overflow:visible}.pin__shelf>li{flex:none}.pin__art{height:96px}.pin__packtitle{font-size:21px}.pin--play{height:100dvh;min-height:0}.pin__main--play{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"ticks stage" "card stage" "controls stage" "back stage" "credit stage";grid-column-gap:40px;column-gap:40px;grid-row-gap:14px;row-gap:14px;padding-bottom:20px}.pin__main--play .pin__ticks{grid-area:ticks}.pin__main--play .pin__card{grid-area:card}.pin__main--play .pin__controls{grid-area:controls;align-self:end}.pin__main--play .pin__back{grid-area:back}.pin__main--play .pin__credit{grid-area:credit;text-align:left}.pin__main--play .pin__stage{grid-area:stage;min-height:0}.pin__stage .pitch{height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.pin__stage .pitch__svg{height:100%;width:auto;max-width:100%}.pin__full{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"card pitch" "list pitch" "share pitch";align-items:start;grid-column-gap:32px;column-gap:32px}.pin__fullcard{grid-area:card}.pin__fullpitch{grid-area:pitch;position:-webkit-sticky;position:sticky;top:24px}.pin__list{grid-area:list}.pin__fullshare{grid-area:share}}.pin__credit{margin:0;font-size:12px;color:var(--muted);text-align:center}.pin__credit img{height:16px;width:auto;vertical-align:middle;margin-right:6px}