:root{--black: #000000;--cloth: #1563a6;--cushion: #0f4f88;--walnut: #2a1a10;--walnut-light: #3b2414;--brass: #b08a4a;--chalk: #e8edf1;--muted: #a3afb8;--hairline: #30363b;--lipstick: #d7263d;--lipstick-hot: #ee3a52;--gold: #ffd23f;--danger: #ff3b4f;--ink: rgba(4, 18, 34, .74);--display: "Big Shoulders Display", "Arial Narrow", sans-serif;--body: "Atkinson Hyperlegible", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--black);color:var(--chalk);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}code{font-family:ui-monospace,Menlo,monospace;font-size:.9em;color:var(--gold)}.app{height:100dvh;width:100%}.stage{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(8px,env(safe-area-inset-top)) max(3px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(3px,env(safe-area-inset-left))}.table-frame{position:relative;flex:none}.table{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.cloth{fill:var(--cloth)}.pocket-letter{fill:#e8edf1b8;font-family:var(--display);font-weight:700}.table-marks line{stroke:#ffffff29;stroke-width:.002;stroke-dasharray:.012 .01}.table-marks circle{fill:#fff6}.felt-logo{opacity:.17;mix-blend-mode:screen}.ball-number{fill:#141414;font-family:var(--body);font-weight:700}.table.is-editable .ball{cursor:grab}.table.is-editable .ball:active{cursor:grabbing}.ball-ring{fill:none;stroke:var(--gold);stroke-width:.005}.ball-flag{fill:none;stroke:var(--danger);stroke-width:.005;stroke-dasharray:.01 .007}.ghost-ball{fill:#ffffff24;stroke:#fff}.overlay-label rect{fill:#000000bf}.overlay-label text{fill:#fff;font-family:var(--body);font-weight:700}.overlay-label.is-quiet rect{fill:#0006}.overlay-label.is-quiet text{fill:#ffffffd9;font-weight:500}.overlay-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-line .8s ease-out forwards}.overlay-fade{animation:fade-in .5s ease-out .25s both}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}}@keyframes pulse{50%{opacity:.25}}.felt-layer{position:absolute;pointer-events:none;display:flex;flex-direction:column;align-items:stretch;gap:8px}.felt-layer>*{pointer-events:auto}.felt-layer.caption-bottom-left,.felt-layer.caption-bottom-right{flex-direction:column-reverse}.felt-layer.caption-bottom-left .toast,.felt-layer.caption-bottom-right .toast{margin-top:0;margin-bottom:auto}.caption-slot{display:flex;flex-direction:column;align-items:stretch}.view-landscape .caption-slot{align-self:flex-start;width:clamp(300px,46%,420px)}.view-landscape .felt-layer.caption-top-right .caption-slot,.view-landscape .felt-layer.caption-bottom-right .caption-slot{align-self:flex-end}.caption{align-self:stretch;max-width:60ch;background:linear-gradient(180deg,#041222d6,#041222b8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:14px;padding:8px 12px 10px;box-shadow:0 6px 24px #00000038;text-shadow:0 1px 2px rgba(0,0,0,.5)}.caption-head{display:flex;align-items:center;gap:8px;min-height:30px}.caption-game{background:none;border:0;padding:2px 0;font:700 17px/1 var(--display);letter-spacing:.02em;color:var(--gold);display:inline-flex;align-items:center;gap:4px}.caption-game:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-left:3px}.caption-badge{font-size:12px;line-height:1;padding:4px 8px;border-radius:999px;background:#ffd23f29;color:var(--gold);white-space:nowrap}.caption-badge.is-warn{background:#ff3b4f33;color:#ffb3bc}.caption-spacer{flex:1}.caption-fold{background:none;border:0;color:var(--muted);width:36px;height:36px;margin:-4px -6px -4px 0;display:grid;place-items:center;border-radius:50%}.caption-fold:hover{color:var(--chalk)}.caption-body .caption-fold{float:right;width:32px;height:32px;margin:-6px -8px 0 4px}.caption-warn{color:#ffc2ca;font-size:14px}.caption-body{--lines: 6;max-height:calc(var(--lines) * 1.45em);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-right:2px;font-size:16px;line-height:1.45}.caption-body::-webkit-scrollbar{display:none}@media(max-height:520px){.caption-body{--lines: 4}}.caption.is-long .caption-body{max-height:min(62dvh,560px);scrollbar-width:auto}.caption-body p{margin:0 0 8px}.caption:not(.is-long) .coach-text p{display:inline}.caption:not(.is-long) .coach-text p+p:before{content:" "}.caption-body>:last-child,.caption-body .coach-text>:last-child{margin-bottom:0}.caption-question{color:var(--muted);font-size:14px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caption-question:before{content:"“"}.caption-question:after{content:"”"}.caption-status,.caption-listening{color:var(--chalk);display:flex;align-items:center;gap:8px}.caption-listening{font-size:18px}.dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;animation:pulse 1s ease-in-out infinite;display:inline-block;margin-right:6px;vertical-align:middle}.caption-status .dot{margin-right:0}.caption-text{position:relative}.caption-more{display:block;margin:2px 0 0 auto;border:0;border-radius:999px;padding:0 12px;min-height:30px;background:#ffffff1a;color:var(--gold);font-size:14px;font-weight:700}.caption-text.is-clipped .caption-more{position:absolute;right:0;bottom:0;margin:0;background:#0b2440;box-shadow:-10px 0 12px 2px #0b2440}.caption-note.is-error p{color:#ffc2ca}.caption-note details{margin:4px 0 6px;font-size:14px;color:var(--muted)}.caption-note summary{cursor:pointer;color:var(--chalk)}.caption-welcome p{margin:0 0 8px}.caption-hello{font:800 24px/1.05 var(--display);color:#fff;margin:2px 0 4px!important}.caption-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}.caption-suggestions button{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 11px;min-height:34px;font-size:14px}.caption-suggestions button:hover{border-color:#fff6}.text-button{background:none;border:0;padding:6px 4px;min-height:32px;color:var(--gold);font-size:14px;text-decoration:underline;text-underline-offset:3px}.caption-steps{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12)}.caption-steps:first-child{margin-top:0;padding-top:0;border-top:0}.step-head{display:flex;align-items:center;gap:8px;min-width:0}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;width:100%;margin:0 0 4px;padding:2px 0;border:0;background:none;text-align:left;font-size:13px;line-height:1.2;color:var(--chalk);animation:fade-in .2s ease-out}.legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.spin-ball{flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.step-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;flex:1;min-width:0;background:none;border:0;padding:2px 0;text-align:left;color:var(--chalk);overflow:hidden;line-height:1.3}.caption-unfold{flex:none;width:32px;height:32px;margin:-4px -6px -4px 0;border:0;border-radius:50%;background:none;color:var(--muted);display:grid;place-items:center}.caption-unfold:hover{color:var(--chalk)}.caption-hide{flex:none;width:32px;height:32px;margin:-4px -6px -4px 0;border:0;border-radius:50%;background:none;color:var(--muted);display:grid;place-items:center}.caption-hide:hover{color:var(--chalk)}.caption-corner{float:right;margin:-6px -8px 0 4px}.caption-corner .caption-hide{margin:0}.caption-teaser-row{display:flex;align-items:center;gap:4px}.caption-teaser-row .caption-teaser{flex:1;min-width:0}.caption-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px;border-radius:999px;background:#041222c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 16px #00000040;animation:fade-in .15s ease-out}.felt-layer.caption-top-right .caption-chip,.felt-layer.caption-bottom-right .caption-chip{align-self:flex-end}.caption-chip{touch-action:none}.caption-chip.is-placed{position:absolute;transition:left .2s ease,top .2s ease}.caption-chip.is-dragging{transition:none;cursor:grabbing;box-shadow:0 10px 28px #00000080}.chip-grip{display:grid;place-items:center;width:10px;margin:0 -2px 0 3px;color:#e8edf180;cursor:grab}.caption-chip button{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center}.caption-chip .chip-show{background:#ffffff1f;color:var(--chalk)}.caption-chip .chip-show:hover{background:#fff3}.caption-chip .play{background:var(--lipstick);color:#fff}.caption-chip .play:hover{background:var(--lipstick-hot)}.step-line.is-open{-webkit-line-clamp:unset}.step-line strong{font:700 18px/1.15 var(--display);letter-spacing:.01em}.step-line span{color:var(--muted);font-size:15px}.step-line span:before{content:" · "}.step-actions{display:flex;align-items:center;gap:6px;margin-top:4px}.step-head>.step-actions{margin-top:0;flex:none}.stepper{display:inline-flex;align-items:center;flex:none}.stepper button{width:38px;height:38px;border:0;background:#ffffff1a;border-radius:50%;display:grid;place-items:center}.step-count{min-width:3.6em;text-align:center;font:700 16px/1 var(--display);color:var(--muted);white-space:nowrap}.step-actions .play{flex:none;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:var(--lipstick);color:#fff;font-weight:700;padding:0 16px 0 13px;min-height:38px}.step-actions .play:hover{background:var(--lipstick-hot)}.step-actions .play.is-reset,.caption-chip .reset{background:var(--gold);color:#1d1600;text-shadow:none}.step-actions .play.is-reset:hover,.caption-chip .reset:hover{background:#ffe07a}.step-actions .close{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff1a;color:var(--chalk);display:grid;place-items:center}.step-actions .close:hover{background:#ffffff2e}.caption.has-visual:not(.is-long) .caption-body{--lines: 3}.caption.has-legend:not(.is-long) .caption-body{--lines: 2}@media(max-height:520px){.caption.has-visual:not(.is-long) .caption-body{--lines: 2}}.caption.is-animating .caption-teaser,.caption.is-animating .caption-text,.caption.is-animating .step-head,.caption.is-animating .legend{display:none}.caption.is-animating .caption-steps{margin-top:0;padding-top:0;border-top:0}.caption.is-animating .step-actions{margin-top:0}.transport{display:flex;align-items:center;gap:8px;margin-bottom:6px}.transport button{flex:none;height:34px;border:0;border-radius:999px;background:#ffffff1a;color:var(--chalk);display:grid;place-items:center}.transport button:hover{background:#ffffff2e}.transport-toggle{width:34px}.transport .speed{min-width:48px;padding:0 10px;font:700 15px/1 var(--body);color:var(--muted)}.transport .speed.is-changed{color:var(--gold)}.scrub{position:relative;flex:1;min-width:0;height:34px;touch-action:none;cursor:pointer;border-radius:8px}.scrub:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.scrub-track{position:absolute;left:9px;right:9px;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:linear-gradient(90deg,#ffffffd9 calc(var(--at) * 100%),#ffffff38 0)}.scrub-mark,.scrub-thumb{position:absolute;top:50%;left:calc(9px + (100% - 18px) * var(--at));transform:translate(-50%,-50%);pointer-events:none}.scrub-mark.is-ball{width:3px;height:14px;border-radius:1.5px;background:var(--gold)}.scrub-mark.is-rail{width:2px;height:8px;border-radius:1px;background:#ffffff8c}.scrub-mark.is-pocket{width:7px;height:7px;border-radius:50%;background:var(--lipstick);box-shadow:0 0 0 1.5px #041222e6}.scrub-thumb{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080}.rate{display:inline-flex;gap:4px;flex:none}.rate button{width:34px;height:34px;border:0;border-radius:50%;background:#ffffff14;color:var(--muted);display:grid;place-items:center}.rate button:hover{background:#ffffff29;color:var(--chalk)}.rate .rate-up[aria-pressed=true]{color:var(--gold)}.rate .rate-down[aria-pressed=true]{color:#ffb3bc}.caption-rate{display:flex;align-items:center;gap:6px;margin-top:6px}.caption-rate .caption-more{margin:0 0 0 auto}.caption.is-animating .caption-rate{display:none}.caption-teaser{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;padding:2px 0;min-height:30px;text-align:left;color:var(--chalk);font-size:15px}.caption-teaser span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caption-teaser svg{flex:none;color:var(--muted)}.toast{margin-top:auto;align-self:center;display:flex;align-items:center;gap:12px;background:var(--ink);border-radius:999px;padding:4px 6px 4px 16px;font-size:14px;box-shadow:0 4px 16px #0000004d;animation:fade-in .2s ease-out}.toast button{border:0;background:#ffffff1f;border-radius:999px;padding:6px 14px;min-height:34px;font-weight:700;color:var(--gold)}.ball-chip{position:absolute;z-index:2}.ball-chip button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:8px 14px;min-height:38px;font-size:14px;white-space:nowrap;box-shadow:0 4px 16px #00000059}.apron{flex:none;max-width:100%;position:relative;margin-top:-1px;background:linear-gradient(180deg,#0009,#0000002e 5px,#0000 11px),linear-gradient(180deg,#ffe2ba0f,#0000 32%,#0000004d 76%,#0000007a),url(/wood-rail.webp) 18% 40% / auto 240% repeat-x,#24150b;border:1px solid #0d0703;border-top:0;border-radius:0 0 var(--corner, 16px) var(--corner, 16px);box-shadow:inset 0 -1px #ffe2ba1a,0 10px 26px #00000080;padding:14px 12px 11px}.apron:before{content:"";position:absolute;left:12px;right:12px;top:6px;height:1px;pointer-events:none;background:linear-gradient(90deg,#b08a4a00,#b08a4a99 10%,#f0ce8cbf,#b08a4a99 90%,#b08a4a00);box-shadow:0 1px #0000008c}.controls{display:flex;align-items:center;gap:8px;max-width:720px;margin:0 auto}.round{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(176,138,74,.7);background:radial-gradient(circle at 50% 35%,#2a1a108c,#080402bf);box-shadow:inset 0 2px 5px #000000bf,0 1px #ffe2ba1f;display:grid;place-items:center;color:var(--chalk)}.round:hover:not(:disabled){border-color:var(--brass);background:radial-gradient(circle at 50% 35%,#3c261699,#0a0502cc)}.round.primary{width:50px;height:50px;background:radial-gradient(circle at 50% 30%,var(--lipstick-hot),var(--lipstick) 70%);border:2px solid var(--brass);color:#fff;box-shadow:0 0 0 1px #0009,0 3px 8px #0000008c}.round.primary:hover:not(:disabled){background:var(--lipstick-hot)}.round.is-on{animation:pulse 1.2s ease-in-out infinite}.ask{flex:1;min-width:0;height:44px;border-radius:999px;border:1px solid rgba(176,138,74,.45);background:linear-gradient(180deg,#050201d9,#140b06b3);box-shadow:inset 0 2px 6px #000c,0 1px #ffe2ba1a;padding:0 16px}.ask::placeholder{color:#e8edf18c}.ask:focus{outline:none;border-color:var(--gold)}.tray{display:flex;align-items:center;gap:10px;max-width:720px;margin:0 auto}.tray-balls{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:3px 2px}.tray-balls::-webkit-scrollbar{display:none}.tray-ball{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:var(--ball);display:grid;place-items:center;box-shadow:inset -3px -4px 6px #00000059}.tray-ball[data-stripe]{background:linear-gradient(#f6f3e8 0 24%,var(--ball) 24% 76%,#f6f3e8 76%)}.tray-ball span{background:#fbfaf4;color:#141414;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:grid;place-items:center}.tray-ball span:empty{display:none}.tray-ball.is-on{outline:3px solid var(--gold);outline-offset:2px}.tray-note{color:var(--muted);font-size:14px}.tray-done{flex:none;border:0;border-radius:999px;background:var(--lipstick);color:#fff;font-weight:700;padding:0 18px;min-height:44px}.caption.is-touring .caption-body{max-height:none}.tour-text{margin:2px 0 8px;font-size:16px;line-height:1.4}.tour-row{display:flex;align-items:center;gap:8px}.tour-steps{display:inline-flex;gap:5px}.tour-steps i{width:7px;height:7px;border-radius:50%;background:#ffffff38}.tour-steps i.is-on{background:var(--gold)}.tour-skip{color:var(--muted)}.tour-next{border:0;border-radius:999px;background:var(--gold);color:#1d1600;font-weight:700;padding:0 16px;min-height:36px;text-shadow:none}.tour-ring{position:fixed;z-index:20;pointer-events:none;border-radius:999px;border:3px solid var(--gold);box-shadow:0 0 0 4px #ffd23f38,0 0 18px #ffd23f8c;animation:tour-pulse 1.3s ease-in-out infinite}@keyframes tour-pulse{50%{transform:scale(1.14);opacity:.65}}@media(prefers-reduced-motion:reduce){.tour-ring{animation:none}}.transcript{padding:4px 0}.turn-divider{display:flex;align-items:center;gap:10px;margin:6px 0 14px;color:var(--muted);font-size:13px}.turn-divider:before,.turn-divider:after{content:"";flex:1;border-top:1px solid var(--hairline)}.turn{margin:0 0 16px}.turn-player p{margin:0 0 0 auto;width:fit-content;max-width:85%;padding:8px 14px;border:1px solid var(--hairline);border-radius:16px 16px 4px}.coach-text p{margin:0 0 10px;max-width:70ch}.coach-text ul,.coach-text ol{margin:0 0 10px;padding-left:22px}.coach-text li{margin-bottom:4px}.coach-text strong{color:#fff}.coach-text table{border-collapse:collapse;font-size:14px;margin:0 0 10px}.coach-text th,.coach-text td{border-bottom:1px solid rgba(255,255,255,.14);padding:4px 8px 4px 0;text-align:left;vertical-align:top}.md-heading{font-weight:700;color:#fff}.thinking{color:var(--muted);font-style:italic;margin:0}.tool-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:4px}.tool-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none}.tool-row.is-start .tool-dot{animation:pulse 1s ease-in-out infinite}.tool-row.is-error .tool-dot{background:var(--danger)}.visual-card{display:flex;align-items:center;gap:8px;margin:2px 0 8px}.visual-title{background:none;border:0;padding:4px 0;color:var(--gold);text-align:left;text-decoration:underline;text-underline-offset:3px;min-height:36px}.visual-card.is-active .visual-title{text-decoration-thickness:2px}.visual-play{background:var(--lipstick);border:0;color:#fff;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700;min-height:32px}.turn-error{border-left:3px solid var(--danger);padding:4px 0 4px 12px}.turn-error p{margin:0 0 6px}.turn-error button{background:transparent;border:1px solid var(--hairline);border-radius:8px;padding:4px 12px;min-height:36px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{width:min(560px,100%);max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;background:#0b0d0e;border:1px solid var(--hairline);border-bottom:0;border-radius:18px 18px 0 0;padding:20px 20px max(20px,env(safe-area-inset-bottom))}@media(min-width:900px){.sheet-backdrop{align-items:center}.sheet{border-radius:18px;border-bottom:1px solid var(--hairline)}}.sheet h2{font:800 24px/1.1 var(--display);margin:18px 0 12px}.sheet h2:first-child{margin-top:0}.sheet-note{color:var(--muted)}.row-actions{display:flex;gap:8px;margin-bottom:10px}.row-actions button{flex:1;border:1px solid var(--hairline);background:transparent;border-radius:10px;min-height:44px}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.option-grid button{border:1px solid var(--hairline);background:transparent;border-radius:10px;padding:12px;min-height:48px;text-align:left}.option-grid button.is-on{border-color:var(--gold);color:var(--gold)}.setup-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.setup-list button{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--hairline);padding:12px 2px;display:grid;gap:2px}.setup-list strong{font-weight:700}.setup-list span{color:var(--muted);font-size:14px}.field{display:grid;gap:6px;margin-bottom:14px;color:var(--muted);font-size:14px}.field select{background:var(--black);border:1px solid var(--hairline);border-radius:8px;padding:10px;color:var(--chalk);font-size:16px}.toggle{display:flex;align-items:center;gap:10px;margin-bottom:14px}.toggle input{width:20px;height:20px;accent-color:var(--lipstick)}.link-row{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--hairline);padding:14px 2px;color:var(--chalk)}.settings-meta{color:var(--muted);font-size:14px}.danger-link{background:none;border:0;color:var(--danger);padding:8px 0;text-decoration:underline}.sheet-close{margin-top:16px;width:100%;border:1px solid var(--hairline);background:transparent;border-radius:10px;min-height:46px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.overlay-draw{stroke-dashoffset:0}}.table{-webkit-touch-callout:none}.pick-ring{fill:none;stroke:var(--gold)}.pick-badge{fill:var(--gold);stroke:#141414;stroke-width:.0015}.pick-number{fill:#141414;font-family:var(--body);font-weight:800}.pocket-glow{fill:#ffd23f33;stroke:var(--gold);stroke-width:.006;stroke-linejoin:round;animation:pulse 1.4s ease-in-out infinite}.pocket-pick circle{cursor:pointer}.shot-hint{display:flex;align-items:center;gap:4px;background:var(--ink);border-radius:22px;padding:4px 4px 4px 14px;font-size:14px;line-height:1.3;width:max-content;max-width:min(300px,calc(100vw - 40px));box-shadow:0 4px 16px #00000059;animation:fade-in .2s ease-out}.shot-hint>span{padding:4px 0;text-wrap:balance}.ball-chip.shot-hint button{box-shadow:none}.shot-hint .chip-link{background:none;min-height:32px;padding:0 8px;color:var(--gold);text-decoration:underline;text-underline-offset:3px}.shot-hint .chip-close{width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;background:#ffffff1a;display:grid;place-items:center}.step-line.is-problem span{color:#ffc2ca}.step-actions .keep{flex:none;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;background:#ffffff1a;color:var(--chalk);font-weight:700;font-size:14px;padding:0 12px 0 10px;min-height:38px}.step-actions .keep:hover{background:#ffffff2e}.caption{container-type:inline-size}@container (max-width: 380px){.step-actions .keep{width:38px;padding:0;justify-content:center}.step-actions .keep span{display:none}}@container (max-width: 300px){.stepper button{width:34px;height:34px}.step-count{min-width:2.8em}}.stroke-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.stroke-controls>*{pointer-events:auto}.rail-slider{position:absolute;height:44px;transform-origin:0 50%;touch-action:none;cursor:pointer;animation:fade-in .3s ease-out}.rail-slider:focus-visible{outline:none}.rail-slider:focus-visible .rail-thumb{box-shadow:0 0 0 3px var(--gold),0 2px 6px #0009}.rail-groove{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:3px;background:#0c0602e0;box-shadow:inset 0 1px 2px #000000e6,0 0 0 1px #b08a4a99;overflow:hidden}.rail-fill{display:block;height:100%;background:linear-gradient(90deg,#ffe58a,var(--gold) 35%,#ff9b3d 70%,var(--lipstick-hot)) 0 0 / var(--length) 100% no-repeat;box-shadow:0 0 6px #ffd23fb3}.rail-lift .rail-fill{background:linear-gradient(90deg,#ffe58a,var(--gold) 40%,#9fd4ff) 0 0 / var(--length) 100% no-repeat}.rail-thumb{position:absolute;top:calc(50% + var(--nudge, 0px));display:grid;place-items:center;width:calc(var(--thick) + 2px);height:calc(var(--thick) + 2px);transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--brass);background:radial-gradient(circle at 50% 28%,#3a2b1c,#0d0805 72%);box-shadow:0 0 0 1px #000000bf,0 2px 6px #0009,inset 0 1px #fff0c838;transition:box-shadow .15s,transform .15s}.rail-slider.is-active .rail-thumb{transform:translate(-50%,-50%) scale(1.12);border-color:var(--gold);box-shadow:0 0 0 3px #ffd23f80,0 2px 8px #0009}.rail-art{display:block;width:88%;height:88%;overflow:visible}.art-dial,.art-lit{fill:none;stroke-width:2.4;stroke-linecap:round}.art-dial{stroke:#e8edf142}.art-needle{stroke:var(--chalk);stroke-width:1.8;stroke-linecap:round}.art-hub{fill:var(--chalk)}.art-cloth{stroke:#4f9be0;stroke-width:1.3;stroke-linecap:round}.art-ball{fill:#f4efe0}.art-shaft{stroke:#f0dfb2;stroke-width:1.8;stroke-linecap:round}.art-butt{stroke:#c27a3f;stroke-width:2.5;stroke-linecap:round}.rail-label{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;pointer-events:none;padding:3px 10px;border-radius:999px;background:#041222d6;color:var(--chalk);font-size:13px;font-weight:700;line-height:1.3;box-shadow:0 3px 10px #00000059;animation:fade-in .2s ease-out}.rail-label.is-active{background:var(--gold);color:#141414}.spin-inlay{position:absolute;transform:translate(-50%,-50%);padding:0;border-radius:50%;border:2px solid var(--brass);background:none;touch-action:none;box-shadow:0 0 0 2px #0000008c,0 3px 8px #0000008c;animation:fade-in .3s ease-out}.spin-inlay.is-open,.spin-inlay:focus-visible{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #ffd23f80,0 3px 8px #0000008c}.spin-art{display:block;width:100%;height:100%;overflow:visible}.spin-face{position:absolute;z-index:4;transform:translate(-50%,-50%);animation:face-in .16s ease-out}.spin-face:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;border-radius:50%;background:radial-gradient(closest-side,#041222b3 55%,#04122200);pointer-events:none}.spin-face-ball{position:relative;touch-action:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.spin-face.is-open .spin-face-ball{cursor:crosshair}.spin-face-dir{fill:#e8edf1e6;font-family:var(--body);font-weight:700}.spin-face-words{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);margin:0;white-space:nowrap;padding:4px 12px;border-radius:999px;background:#041222e0;font-size:14px;font-weight:700}.spin-face-center{position:absolute;top:calc(100% + 36px);left:50%;transform:translate(-50%);border:0;border-radius:999px;background:#041222e0;color:var(--gold);font-size:13px;font-weight:700;padding:0 12px;min-height:32px;white-space:nowrap}@keyframes face-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.snaps-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:0;border-bottom:1px solid var(--hairline);padding:4px 2px 14px;margin-bottom:4px}.snaps-row strong{font:800 24px/1.1 var(--display)}.snaps-row span{color:var(--muted);font-size:14px}.snap-list{list-style:none;margin:0;padding:0}.snap-list li{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--hairline);padding:6px 0}.snap-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:none;border:0;padding:4px 0;text-align:left}.snap-thumb{flex:none;display:block;border-radius:6px}.snap-text{display:grid;min-width:0}.snap-text strong{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snap-text span{color:var(--muted);font-size:14px}.snap-icon{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--hairline);background:transparent;color:var(--chalk);display:grid;place-items:center}.snap-icon:hover{border-color:#ffffff59}.snap-removed{color:var(--muted);font-size:14px;margin:10px 0 0}.rail-pick polygon{cursor:pointer}.rail-glow{stroke-linecap:round}.rail-pick.is-lit .rail-glow{stroke:#ffffff57;animation:pulse 1.4s ease-in-out infinite}.rail-pick.is-picked .rail-glow{stroke:var(--gold)}