.wrap{gap:22px;max-width:760px;margin:0 auto;padding:28px 20px 60px;display:grid}header{gap:6px;display:grid}.eyebrow{font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}h1{font:700 clamp(44px, 9vw, 76px)/.92 var(--display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0}p{margin:0}.lede{color:var(--muted);max-width:62ch;margin-top:4px;font-size:18px}b{font-weight:600}a{color:var(--accent)}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.balls{gap:8px;margin:0 auto 0 0;padding:0;list-style:none;display:flex}.balls li{border:2px solid var(--line);width:40px;height:40px;font:700 20px/1 var(--display);color:var(--ink);border-radius:50%;place-items:center;display:grid}.balls li.next{border-color:var(--accent);border-style:dashed}.balls li.r{background:var(--chip);border-color:var(--chip)}.balls li.b{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.balls li.w{background:var(--neg);border-color:var(--neg);color:#fff}.total{gap:4px;display:grid}.total b{font:700 30px/1 var(--display);font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;align-content:start;gap:16px;min-height:380px;padding:22px;display:grid}.meta{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.scores{background:var(--line);border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.scores>div{background:var(--surface);gap:4px;padding:14px 16px;display:grid}.team{font:600 18px/1.1 var(--display);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:7px;display:inline-flex}.swatch{border-radius:3px;flex:none;width:12px;height:12px}.t1{background:var(--r-se)}.t2{background:var(--r-arr)}.scores b{font:700 clamp(40px, 10vw, 60px)/.95 var(--display);font-variant-numeric:tabular-nums}.ov{color:var(--muted);font-size:13.5px}.ask{max-width:60ch;font-size:17px}.guess{gap:14px;display:grid}input[type=range]{width:100%;accent-color:var(--accent);height:28px}.entry{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input[type=number]{font:700 28px/1 var(--display);text-align:center;border:1px solid var(--line);background:var(--bg);width:96px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:4px;padding:6px 8px}.step{font:600 20px/1 var(--body);border:1px solid var(--line);background:var(--chip);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:4px}.step.wide{width:auto;padding-inline:16px;font-size:15px}.go{font:600 16px/1 var(--body);border:1px solid var(--accent);background:var(--accent);height:44px;color:var(--accent-ink);cursor:pointer;border-radius:4px;justify-self:start;padding-inline:20px}.entry .go{margin-left:auto}@media (width<=460px){.entry .go{flex:100%;margin-left:0}}.call{font:700 clamp(48px, 12vw, 80px)/.9 var(--display);text-transform:uppercase}.call.b{color:var(--accent)}.call.w{color:var(--neg)}.line{background:var(--grid);border-radius:2px;height:4px;margin:30px 8px 34px;position:relative}.pin{background:var(--ink);width:2px;height:16px;position:absolute;top:-6px}.pin span{white-space:nowrap;font:500 11.5px/1 var(--mono);color:var(--muted);position:absolute;left:50%;transform:translate(-50%)}.pin.par{background:var(--r-se);width:4px;margin-left:-1px}.pin.par span{color:var(--ink);font-weight:600;bottom:22px}.pin.you span{top:22px}.pin.score{background:var(--r-arr)}.pin.score span{color:var(--r-arr);top:36px}.after{gap:8px;margin:0;padding:0;font-size:15.5px;list-style:none;display:grid}.rules{gap:12px;font-size:15px;display:grid}.rules summary{cursor:pointer;color:var(--accent);font-weight:600}.rules p{color:var(--muted);max-width:68ch;margin-top:12px}.tbl{margin-top:12px;overflow-x:auto}table{border-collapse:collapse;font-size:14px}th{font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:6px 18px 6px 0}td{border-bottom:1px solid var(--grid);font-variant-numeric:tabular-nums;padding:6px 18px 6px 0}@media (prefers-reduced-motion:no-preference){.balls li{transition:background .15s,border-color .15s}}
