@layer nba-dribble{.dm-page{--dm-void:#0b0e13;--dm-deep:#11161e;--dm-panel:#182029;--dm-panel-2:#1f2a35;--dm-line:#2a3543;--dm-court:#c88a4a;--dm-ball:#e8712f;--dm-green:#5fd08a;--dm-net:#eef2f6;--dm-muted:#b7c3cf;--dm-dim:#8a99a9;background:var(--dm-void);color:var(--dm-net)}.dm-hero{background:radial-gradient(50rem 26rem at 82% 0,#e8712f24,#0000 62%),linear-gradient(172deg,#141a22,#0b0e13 74%);position:relative;overflow:hidden}.dm-hero:before{content:"";pointer-events:none;border:2px solid #c88a4a2e;border-radius:50%;width:22rem;height:22rem;position:absolute;top:50%;right:4%;translate:0 -50%;box-shadow:inset 0 0 0 5.5rem #0000,0 0 0 5rem #c88a4a0a}.dm-hero:after{content:"";pointer-events:none;border:2px solid #c88a4a33;width:8rem;height:11rem;position:absolute;top:50%;right:calc(4% + 7rem);translate:0 -50%}.dm-hero .container{z-index:1;position:relative}.dm-hero .eyebrow{color:var(--dm-ball)}.dm-hero h1 em{color:var(--dm-court);font-style:normal}.dm-lede{max-width:60ch;color:var(--dm-muted);margin:.8rem 0 0;font-size:1.02rem;line-height:1.6}.dm-quick{border:1px solid var(--dm-line);backdrop-filter:blur(6px);background:#11161ed9;border-radius:.8rem;gap:.6rem;padding:1rem 1.1rem;display:grid}.dm-quick dl{gap:.5rem;margin:0;display:grid}.dm-quick dt{color:var(--dm-ball);font:750 .78rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.dm-quick dd{color:var(--dm-net);margin:.1rem 0 0;font-size:.95rem;line-height:1.45}.dm-quick .button{justify-self:start}.dm-bench{background:var(--dm-deep);border-top:1px solid var(--dm-line);padding:1.8rem 0 2rem}.dm-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.6rem 1.2rem;margin-bottom:1rem;display:flex}.dm-head p{max-width:62ch;color:var(--dm-muted);margin:0;font-size:.95rem;line-height:1.55}.dm-head h2 em{color:var(--dm-court);font-style:normal}.dm-map{grid-template-columns:minmax(14rem,.8fr) minmax(16rem,1fr) minmax(15rem,.9fr);align-items:start;gap:1rem;display:grid}.dm-contexts{gap:.45rem;display:grid}.dm-chip{border:1px solid var(--dm-line);border-left:4px solid var(--dm-line);background:var(--dm-panel);color:var(--dm-muted);text-align:left;font:inherit;cursor:pointer;border-radius:.45rem;gap:.15rem;padding:.6rem .75rem;transition:border-color .15s,background .15s;display:grid}.dm-chip strong{color:var(--dm-net);font-size:.98rem}.dm-chip span{font-size:.88rem}.dm-chip[aria-pressed=true]{border-left-color:var(--dm-ball);background:linear-gradient(100deg, #e8712f24, transparent 70%), var(--dm-panel)}.dm-hand,.dm-platform{color:var(--dm-dim);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.88rem;display:flex}.dm-mini{border:1px solid var(--dm-line);background:var(--dm-panel-2);color:var(--dm-muted);font:650 .88rem/1.2 var(--font-body);cursor:pointer;border-radius:999px;padding:.3rem .6rem}.dm-mini[aria-pressed=true]{border-color:var(--dm-court);color:var(--dm-net);background:#c88a4a29}.dm-dial{gap:.5rem;margin:0;display:grid;position:relative}.dm-dial svg{justify-self:center;width:100%;max-width:21rem;height:auto;overflow:visible}.dm-ring{fill:#151b23;stroke:var(--dm-line);stroke-width:2px}.dm-ring-inner{fill:#0f141b}.dm-rotate{fill:none;stroke:var(--dm-line);stroke-width:2px;stroke-dasharray:3 7;transition:stroke .2s}.dm-rotate.is-on{stroke:var(--dm-ball);stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:6s linear infinite dm-spin}@keyframes dm-spin{to{transform:rotate(360deg)}}.dm-spoke line{stroke:#c88a4a40;stroke-width:3px;stroke-linecap:round;transition:stroke .2s}.dm-spoke circle{fill:#151b23;stroke:#c88a4a59;stroke-width:2px;transition:fill .2s,stroke .2s}.dm-spoke.is-on line{stroke:var(--dm-court)}.dm-spoke.is-on circle{fill:var(--dm-ball);stroke:#ffd2b5}.dm-spoke.is-here circle{fill:var(--dm-green);stroke:#fff}[data-dm-dial].is-five .dm-spoke:is([data-dm-dir=left],[data-dm-dir=up-left],[data-dm-dir=up],[data-dm-dir=up-right],[data-dm-dir=right]) circle{stroke:var(--dm-ball);stroke-dasharray:3 3}.dm-live{opacity:0;fill:var(--dm-green);filter:drop-shadow(0 0 5px #5fd08ae6);transition:opacity .2s}[data-dm-dial].has-pad .dm-live{opacity:1}[data-dm-dial].has-pad .dm-center{opacity:0}.dm-center{fill:var(--dm-dim);font:800 12px var(--font-mono);text-anchor:middle}.dm-labels{aspect-ratio:1;pointer-events:none;max-width:21rem;margin:0 auto;padding:0;list-style:none;position:absolute;inset:0 0 auto}.dm-labels[hidden]{display:none}.dm-labels{--lw:8.5rem}.dm-labels li{left:clamp(calc(var(--lw) / 2), var(--x), calc(100% - var(--lw) / 2));top:var(--y);max-width:var(--lw);color:var(--dm-net);font:700 .8rem/1.2 var(--font-body);text-align:center;white-space:normal;background:#0b0e13d1;border-radius:.3rem;padding:.15rem .4rem;position:absolute;translate:-50% -50%}.dm-page[data-hand=left] .dm-labels li{left:clamp(calc(var(--lw) / 2), calc(100% - var(--x)), calc(100% - var(--lw) / 2))}.dm-dial figcaption{min-height:2.6em;color:var(--dm-muted);text-align:center;font-size:.9rem;line-height:1.45}.dm-slots{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.dm-slots li{border:1px solid var(--dm-line);background:var(--dm-panel);border-radius:.45rem;grid-template-columns:2.2rem minmax(0,1fr);gap:.2rem .55rem;padding:.6rem .7rem;animation:.25s both dm-in;display:grid}.dm-slots b{height:2.2rem;color:var(--dm-ball);font:800 1.1rem/1 var(--font-mono);background:#e8712f29;border-radius:.35rem;grid-row:span 2;place-items:center;display:grid}.dm-slots strong{color:var(--dm-net);font-size:.98rem;display:block}.dm-slots em{color:var(--dm-muted);margin-top:.15rem;font-size:.88rem;font-style:normal;line-height:1.45;display:block}.dm-src{background:var(--dm-panel-2);color:var(--dm-dim);font:700 .78rem/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:.25rem;justify-self:start;padding:.05rem .4rem;font-style:normal}.dm-src[data-src=gameplay]{color:var(--dm-court)}.dm-combo,.dm-anims,.dm-play{margin-top:2.2rem}.dm-combo-grid{grid-template-columns:minmax(12rem,.7fr) minmax(14rem,.8fr) minmax(0,1fr);align-items:center;gap:1rem;display:grid}.dm-combo-picks{flex-wrap:wrap;gap:.4rem;display:flex}.dm-pick{border:1px solid var(--dm-line);background:var(--dm-panel);color:var(--dm-net);font:650 .92rem/1.2 var(--font-body);cursor:pointer;border-radius:.45rem;padding:.5rem .8rem;transition:border-color .15s,transform .12s}.dm-pick:hover{border-color:var(--dm-ball);transform:translateY(-1px)}.dm-combo-svg{justify-self:center;width:100%;max-width:17rem;height:auto;overflow:visible}.dm-path{fill:none;stroke:var(--hue);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900px;filter:drop-shadow(0 0 4px #0009);animation:.7s forwards dm-draw}@keyframes dm-draw{to{stroke-dashoffset:0}}.dm-path-n{fill:#fff;font:800 13px var(--font-mono);text-anchor:middle}.dm-combo-list{gap:.4rem;margin:0;padding:0 0 0 1.4rem;display:grid}.dm-combo-list li{border-left:4px solid var(--hue,var(--dm-line));background:var(--dm-panel);border-radius:.3rem;justify-content:space-between;gap:.6rem;padding:.45rem .6rem;display:flex}.dm-combo-list li strong{color:var(--dm-net)}.dm-combo-list kbd{color:var(--dm-court);font:800 .95rem/1.2 var(--font-mono)}.dm-combo-empty{color:var(--dm-dim);margin-left:-1.4rem;list-style:none;border-left:0!important}.dm-anim-groups{columns:3 17rem;column-gap:.8rem}.dm-anim-group{break-inside:avoid;border:1px solid var(--dm-line);border-top:3px solid var(--dm-court);background:var(--dm-panel);border-radius:.55rem;margin:0 0 .8rem;padding:.8rem .9rem}.dm-anim-group h3{color:var(--dm-net);margin:0 0 .5rem;font-size:1rem}.dm-anim-group ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.dm-anim-group[data-wide] ul{grid-template-columns:repeat(2,minmax(0,1fr))}.dm-anim-group li{background:var(--dm-panel-2);border-radius:.35rem;gap:.1rem;padding:.4rem .5rem;display:grid}.dm-anim-group li strong{color:var(--dm-net);font-size:.92rem}.dm-anim-group li span{color:var(--dm-court);font:700 .88rem/1.3 var(--font-mono)}.dm-anim-group li .dm-noinput{color:var(--dm-dim);font-family:var(--font-body);font-weight:500}.dm-anim-group li[data-has-input=true]{box-shadow:inset 3px 0 0 var(--dm-ball)}.dm-play-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.dm-play-grid li{border:1px solid var(--dm-line);background:var(--dm-panel);border-radius:.55rem;align-content:start;gap:.35rem;padding:.8rem .9rem;display:grid}.dm-play-grid strong{color:var(--dm-net);font-size:1rem}.dm-play-grid kbd{border:1px solid var(--dm-line);background:var(--dm-deep);color:var(--dm-ball);font:750 .9rem/1.35 var(--font-mono);border-bottom-width:2px;border-radius:.3rem;justify-self:start;padding:.2rem .45rem}.dm-play-grid kbd[hidden]{display:none}.dm-play-grid p{color:var(--dm-muted);margin:0;font-size:.9rem;line-height:1.5}.dm-band{background:var(--dm-void);padding:2rem 0}.dm-band-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.dm-band-head p{max-width:56ch;color:var(--dm-muted);margin:0;font-size:.95rem;line-height:1.55}.dm-faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.dm-faq details{border:1px solid var(--dm-line);background:var(--dm-panel);border-radius:.55rem;padding:.75rem .9rem}.dm-faq summary{color:var(--dm-net);cursor:pointer;justify-content:space-between;gap:.6rem;font-weight:650;list-style:none;display:flex}.dm-faq summary::-webkit-details-marker{display:none}.dm-faq summary span{color:var(--dm-ball);font-family:var(--font-mono);transition:transform .2s}.dm-faq details[open] summary span{transform:rotate(45deg)}.dm-faq p{color:var(--dm-muted);margin:.5rem 0 0;font-size:.95rem;line-height:1.6}.dm-note{color:var(--dm-dim);margin:1.2rem 0 2rem;font-size:.88rem;line-height:1.6}@keyframes dm-in{0%{opacity:0;transform:translateY(5px)}}@media (width<=1100px){.dm-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dm-context-copy{grid-column:1/-1}.dm-combo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dm-combo-list{grid-column:1/-1}}@media (width<=720px){.dm-map,.dm-combo-grid,.dm-faq,.dm-anim-group[data-wide] ul{grid-template-columns:minmax(0,1fr)}.dm-labels{--lw:6.4rem}.dm-labels li{font-size:.78rem}.dm-hero:before,.dm-hero:after{display:none}}@media (prefers-reduced-motion:reduce){.dm-rotate.is-on,.dm-slots li,.dm-path{stroke-dashoffset:0;animation:none}}}.dm-hero h1{letter-spacing:0;color:#fff;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.08}.dm-page .dm-head h2,.dm-band-head h2{color:#fff;margin:0;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.15}