.disciplines-shell{width:min(1120px,100%)}
.disciplines-intro{max-width:820px;margin-bottom:34px}.disciplines-intro h1{margin:10px 0 18px}.disciplines-intro>p:last-child{color:var(--muted);font-size:1.05rem;line-height:1.75}
.disciplines-shell .detail-eyebrow,.disciplines-shell .section-kicker{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.14em}.detail-eyebrow{display:flex;align-items:center;gap:12px;margin:0}.detail-eyebrow:before{content:'';width:38px;height:2px;background:var(--accent)}
.discipline-section{margin-bottom:32px;padding:clamp(24px,4vw,42px);background:#17181c;border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.section-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:16px}.section-number{flex:0 0 auto;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.14em;padding-top:7px}.section-kicker{margin:0 0 7px}.discipline-section h2{margin:0;font:700 clamp(1.55rem,4vw,2.35rem) Montserrat,sans-serif}.discipline-section>p{max-width:900px;margin:0 0 26px;color:var(--muted);line-height:1.75}
.annotated-figure{margin:28px 0 0}.image-stage{position:relative}.annotated-figure img{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.13);border-radius:6px;box-shadow:0 22px 48px rgba(0,0,0,.35)}
.control-marker{position:absolute;display:grid;place-items:center;width:31px;height:31px;color:#242217;background:var(--accent);border:3px solid #17181c;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.55);font-size:.78rem;font-weight:800;transform:translate(-50%,-50%)}.marker-undo{left:7.7%;top:55%}.marker-shot-clock{left:92.7%;top:55%}.marker-results{left:97%;top:55%}
.control-legend{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.general-controls-legend{grid-template-columns:repeat(3,1fr)}.control-legend.straight-legend{grid-template-columns:repeat(2,1fr)}.control-legend>div{display:flex;align-items:flex-start;gap:12px;padding:17px;background:#111216;border:1px solid var(--line);border-left:3px solid rgba(210,184,95,.82);border-radius:5px}.legend-copy{min-width:0}.legend-number{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;color:#242217;background:var(--accent);border-radius:50%;font-size:.72rem;font-weight:800}.control-legend p{margin:1px 0 0;color:var(--muted);font-size:.92rem;line-height:1.6}.control-legend strong{color:var(--text)}.control-dialog-image{display:block;width:100%;max-width:430px;height:auto;margin-top:15px;border:1px solid rgba(255,255,255,.14);border-radius:5px;box-shadow:0 12px 26px rgba(0,0,0,.32)}
.active-player-note{display:flex;align-items:center;gap:16px;margin:0 0 28px;padding:17px 19px;background:rgba(210,184,95,.08);border:1px solid rgba(210,184,95,.38);border-left:4px solid var(--accent);border-radius:5px}.active-player-note img{flex:0 0 auto;width:52px;height:auto}.active-player-note p{margin:0;color:var(--muted);line-height:1.65}.active-player-note strong{color:var(--accent)}
.active-player-note p>strong,.shot-clock-note>strong{display:block;margin-bottom:7px}
.shot-clock-note{margin:0 0 28px;padding:17px 19px;background:rgba(210,184,95,.08);border:1px solid rgba(210,184,95,.38);border-left:4px solid var(--accent);border-radius:5px}.shot-clock-note.control-availability-note{margin-top:18px}.shot-clock-note p{margin:0;color:var(--muted);line-height:1.65}.shot-clock-note strong{color:var(--accent)}.shot-clock-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px}.shot-clock-state{margin:0;padding:18px;background:#111216;border:1px solid var(--line);border-top:3px solid #49b8ee;border-radius:6px}.shot-clock-state.state-first-warning{border-top-color:#ff9f0a}.shot-clock-state.state-second-warning{border-top-color:#f22}.shot-clock-image-stage{position:relative;width:min(240px,100%);margin:0 auto 18px}.shot-clock-state>img{display:block;width:min(240px,100%);height:auto;margin:0 auto 18px;border:0;border-radius:6px}.shot-clock-image-stage img{display:block;width:100%;height:auto;border:0;border-radius:6px}.shot-clock-tap-marker{position:absolute;display:grid;place-items:center;width:28px;height:28px;color:#242217;background:var(--accent);border:3px solid #111216;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.65);font-size:.72rem;font-weight:800;transform:translate(-50%,-50%)}.marker-clock-start{left:89%;top:50%}.marker-clock-restart{left:50%;top:21%}.marker-clock-extension{left:11%;top:50%}.shot-clock-state figcaption>span{display:block;margin-bottom:7px;color:#49b8ee;font-size:.7rem;font-weight:800;letter-spacing:.13em}.shot-clock-state.state-first-warning figcaption>span{color:#ff9f0a}.shot-clock-state.state-second-warning figcaption>span{color:#f44}.shot-clock-state h3{margin:0 0 7px;font:700 1rem Montserrat,sans-serif}.shot-clock-state p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}.instruction-grid.shot-clock-instructions{grid-template-columns:repeat(3,1fr)}.instruction-grid.shot-clock-instructions article>span{display:grid;place-items:center;width:25px;height:25px;color:#242217;background:var(--accent);border-radius:50%;font-size:.7rem}
.score-figure{margin-bottom:28px}.straight-marker{box-shadow:0 0 0 5px rgba(210,184,95,.17),0 4px 14px rgba(0,0,0,.55)}.marker-race{left:56.5%;top:10%}.marker-name-one{left:32%;top:24%}.marker-name-two{left:86.5%;top:24%}.marker-swap{left:53%;top:23.5%}.marker-active-player{left:28%;top:14%}.action-marker{width:27px;height:27px;color:#24100a;background:#ef8f72;border-color:#311811;box-shadow:0 0 0 5px rgba(239,143,114,.2),0 4px 14px rgba(0,0,0,.58)}.marker-break-foul{left:15.5%;top:80.5%}.marker-foul{left:27%;top:80.5%}.marker-full-rack{left:38.5%;top:80.5%}.marker-remaining{left:50%;top:80.5%}.marker-new-rack{left:61.5%;top:80.5%}.marker-safe-miss{left:73%;top:80.5%}.active-player-key{display:flex;align-items:center;gap:12px;margin-bottom:8px}.active-player-key img{width:43px;height:auto;border:0;border-radius:0;box-shadow:none}.xball-setting-marker{box-shadow:0 0 0 5px rgba(210,184,95,.17),0 4px 14px rgba(0,0,0,.55)}.marker-xball-distance{left:57%;top:12%}.marker-xball-name-one{left:32%;top:27%}.marker-xball-name-two{left:86%;top:27%}.marker-xball-up-one,.marker-xball-down-one{left:31%}.marker-xball-up-two,.marker-xball-down-two{left:82%}.marker-xball-up-one,.marker-xball-up-two{top:46%;animation:score-swipe-up 4s ease-in-out infinite}.marker-xball-down-one,.marker-xball-down-two{top:53%;animation:score-swipe-down 4s ease-in-out infinite}.marker-xball-up-one:after,.marker-xball-up-two:after,.marker-xball-down-one:after,.marker-xball-down-two:after{content:'';position:absolute;top:50%;left:calc(100% + 7px);width:32px;height:32px;background:#ef8f72;-webkit-mask:url('../images/Swipe_Hand.png') center/contain no-repeat;mask:url('../images/Swipe_Hand.png') center/contain no-repeat}.marker-xball-up-one:after,.marker-xball-up-two:after{animation:swipe-up-hand 4s ease-in-out infinite}.marker-xball-down-one:after,.marker-xball-down-two:after{animation:swipe-down-hand 4s ease-in-out infinite}.marker-xball-break-one{left:24%;top:70%}.marker-xball-break-two{left:76%;top:70%}.marker-xball-set-one{left:43%;top:78%}.marker-xball-set-two{left:57%;top:78%}.xball-settings-legend{margin-bottom:28px}.player-names-image{max-width:367px}
.discipline-section>.action-marker-key{display:flex;align-items:center;gap:11px;margin:0 0 14px;color:var(--muted);font-size:.86rem;line-height:1.5}.action-marker-key>span:first-child{flex:0 0 auto;padding:5px 8px;color:#24100a;background:#ef8f72;border-radius:12px;font-size:.7rem;font-weight:800}.instruction-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.instruction-grid article{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#111216;border-left:3px solid rgba(210,184,95,.72);border-radius:4px}.instruction-grid article>span{flex:0 0 auto;color:var(--accent);font-size:.75rem;font-weight:800}.instruction-grid article>div{min-width:0;width:100%}.straight-instructions article,.xball-instructions article{border-left-color:rgba(239,143,114,.82)}.straight-instructions article>span,.xball-instructions article>span{display:grid;place-items:center;width:25px;height:25px;color:#24100a;background:#ef8f72;border-radius:50%;font-size:.7rem}.instruction-grid h3{margin:0 0 7px;font:700 1rem Montserrat,sans-serif}.instruction-grid p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.65}.instruction-card-image{display:block;width:100%;height:auto;margin-top:16px;border:1px solid rgba(255,255,255,.14);border-radius:5px;box-shadow:0 12px 26px rgba(0,0,0,.32)}.remaining-balls-image{max-width:422px}.finish-inning-image{max-width:662px}
.result-sheet-feature{grid-template-columns:1fr;margin:0 0 24px}.result-sheet-feature .result-sheet-card{grid-column:1/-1;border-left-color:rgba(210,184,95,.82)}.result-sheet-feature .result-sheet-card>span{display:grid;place-items:center;width:25px;height:25px;color:#242217;background:var(--accent);border-radius:50%;font-size:.7rem}.result-sheet-image{max-width:100%}.straight-result-sheet-image{width:min(820px,100%)}
.finish-figure{max-width:820px;margin:28px auto}.finish-flow{grid-template-columns:repeat(3,1fr)}.finish-flow em{color:var(--text);font-weight:700}
.marker-straight-results{left:93.5%;top:2.7%}.marker-xball-results{left:93.5%;top:3%}.marker-xball-break-one{left:20.5%;top:71.5%}.marker-xball-set-one{left:50%;top:84%}
@keyframes score-swipe-up{0%,10%,38%,100%{transform:translate(-50%,-50%)}23%{transform:translate(-50%,calc(-50% - 15px))}}
.marker-xball-up-one:after,.marker-xball-up-two:after,.marker-xball-down-one:after,.marker-xball-down-two:after{z-index:1;display:block}
.marker-xball-up-one:after,.marker-xball-up-two:after,.marker-xball-down-one:after,.marker-xball-down-two:after{background:transparent url('../images/Swipe_Hand.png') center/contain no-repeat;-webkit-mask:none;mask:none;filter:brightness(0) saturate(100%) invert(69%) sepia(44%) saturate(621%) hue-rotate(325deg) brightness(100%) contrast(88%)}
.marker-xball-results{left:96.7%;top:8.3%}
.marker-xball-up-one,.marker-xball-up-two{-webkit-animation:score-swipe-up 4s ease-in-out infinite}.marker-xball-down-one,.marker-xball-down-two{-webkit-animation:score-swipe-down 4s ease-in-out infinite}.marker-xball-up-one:after,.marker-xball-up-two:after{-webkit-animation:swipe-up-hand 4s ease-in-out infinite}.marker-xball-down-one:after,.marker-xball-down-two:after{-webkit-animation:swipe-down-hand 4s ease-in-out infinite}.marker-xball-up-one:after,.marker-xball-up-two:after,.marker-xball-down-one:after,.marker-xball-down-two:after{-webkit-filter:brightness(0) saturate(100%) invert(69%) sepia(44%) saturate(621%) hue-rotate(325deg) brightness(100%) contrast(88%)}
@keyframes score-swipe-down{0%,48%,82%,100%{transform:translate(-50%,-50%)}66%{transform:translate(-50%,calc(-50% + 15px))}}
@keyframes swipe-up-hand{0%,10%,38%,100%{opacity:.35;transform:translateY(calc(-50% + 6px))}23%{opacity:1;transform:translateY(calc(-50% - 9px))}}
@keyframes swipe-down-hand{0%,48%,82%,100%{opacity:.35;transform:translateY(calc(-50% - 6px))}66%{opacity:1;transform:translateY(calc(-50% + 9px))}}
@-webkit-keyframes score-swipe-up{0%,10%,38%,100%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}23%{-webkit-transform:translate(-50%,calc(-50% - 15px));transform:translate(-50%,calc(-50% - 15px))}}@-webkit-keyframes score-swipe-down{0%,48%,82%,100%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}66%{-webkit-transform:translate(-50%,calc(-50% + 15px));transform:translate(-50%,calc(-50% + 15px))}}@-webkit-keyframes swipe-up-hand{0%,10%,38%,100%{opacity:.35;-webkit-transform:translateY(calc(-50% + 6px));transform:translateY(calc(-50% + 6px))}23%{opacity:1;-webkit-transform:translateY(calc(-50% - 9px));transform:translateY(calc(-50% - 9px))}}@-webkit-keyframes swipe-down-hand{0%,48%,82%,100%{opacity:.35;-webkit-transform:translateY(calc(-50% - 6px));transform:translateY(calc(-50% - 6px))}66%{opacity:1;-webkit-transform:translateY(calc(-50% + 9px));transform:translateY(calc(-50% + 9px))}}
@media(prefers-reduced-motion:reduce){.marker-xball-up-one,.marker-xball-up-two,.marker-xball-down-one,.marker-xball-down-two,.marker-xball-up-one:after,.marker-xball-up-two:after,.marker-xball-down-one:after,.marker-xball-down-two:after{-webkit-animation:none;animation:none}}
@media(max-width:720px){.discipline-section{padding:22px 16px}.section-heading{gap:11px}.control-legend,.control-legend.straight-legend,.instruction-grid,.instruction-grid.shot-clock-instructions,.shot-clock-states{grid-template-columns:1fr}.control-marker{width:25px;height:25px;border-width:2px}.shot-clock-state>img,.shot-clock-image-stage{width:min(220px,72%)}.shot-clock-image-stage img{width:100%}}
@media(max-width:480px),(max-width:900px) and (max-height:500px) and (pointer:coarse){.control-marker{width:17px;height:17px;border-width:1px;box-shadow:0 2px 7px rgba(0,0,0,.58);font-size:.53rem}.straight-marker,.xball-setting-marker{box-shadow:0 0 0 2px rgba(210,184,95,.17),0 2px 7px rgba(0,0,0,.58)}.action-marker{width:16px;height:16px;box-shadow:0 0 0 2px rgba(239,143,114,.2),0 2px 7px rgba(0,0,0,.58);font-size:.5rem}.marker-xball-up-one:after,.marker-xball-up-two:after,.marker-xball-down-one:after,.marker-xball-down-two:after{left:calc(100% + 4px);width:19px;height:19px}}
@media(max-width:460px){.active-player-note{align-items:flex-start;padding:15px 13px}.active-player-note img{width:40px}.score-figure{margin-inline:-10px}.instruction-grid article{padding:16px 13px}}
@media(max-width:600px),(max-width:900px) and (max-height:500px) and (pointer:coarse){.result-sheet-feature .result-sheet-card p{font-size:.84rem;line-height:1.6}}