body.wrg-on{overflow-x:clip}
body.wrg-on .site-header,body.wrg-on .nav-social{display:none!important}
body.wrg-on .site-inner{padding-top:0;margin-top:0}
body.wrg-on .site-inner .entry-content>#dsq:first-child{margin-top:0}
#dsq{position:relative;width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);
font-family:"Archivo",system-ui,sans-serif;font-size:16px;line-height:1.5;color:#10261F;-webkit-font-smoothing:antialiased}
#dsq *,#dsq *::before,#dsq *::after{box-sizing:border-box}
#dsq h1,#dsq h2,#dsq p,#dsq ul,#dsq ol,#dsq li,#dsq form,#dsq label,#dsq input,#dsq textarea,#dsq button,#dsq a,#dsq nav,#dsq header,#dsq span,#dsq div{
margin:0;padding:0;border:0;letter-spacing:normal;text-transform:none;font:inherit;color:inherit;background:none;
box-shadow:none;min-height:0;text-decoration:none;list-style:none;border-radius:0;float:none;text-shadow:none}
#dsq [hidden]{display:none!important}
#dsq :focus-visible{outline:3px solid #E23B2E;outline-offset:3px}
#dsq ::selection{background:#10261F;color:#D9EEE4}
#dsq .stage{position:relative;height:100svh;min-height:600px;overflow:hidden;display:grid;
grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;gap:0 32px;
padding:32px 36px 20px;background-color:#D9EEE4;
--hoop-x:.72;--hoop-y:.48;--ball-x:.24;--floor:.92} #dsq .stage.text-in-canvas .who{opacity:0}
#dsq canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;touch-action:pan-y pinch-zoom;cursor:grab;z-index:1;display:block}
#dsq canvas.grabbing{cursor:grabbing}
#dsq .giant{display:none}
#dsq .who,#dsq .board,#dsq .hint{position:relative;z-index:2;pointer-events:none}
#dsq .who a,#dsq .who button{pointer-events:auto}
#dsq .who{grid-column:1;grid-row:1;max-width:544px}
#dsq .who h1,#dsq .who .name{font-weight:800;font-size:clamp(35px,4.4vw,58px);line-height:1;letter-spacing:-.025em;text-wrap:balance;color:#10261F}
#dsq .who .line{margin-top:11px;max-width:480px;font-size:17px;text-wrap:pretty;color:#10261F}
#dsq .who nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px;margin-top:8px}
#dsq .who nav a,#dsq .who nav .snd{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#10261F;
text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.22em;cursor:pointer} #dsq .who nav .snd{width:44px;height:44px;justify-content:center;text-decoration:none}
#dsq .board{grid-column:2;grid-row:1;align-self:start;display:grid;grid-template-columns:repeat(5,auto);gap:6px 22px;
background-color:#141414;padding:14px 16px;border-radius:8px;box-shadow:0 14px 28px rgba(16,38,31,.28)}
#dsq .cell{display:flex;flex-direction:column;gap:2px}
#dsq .lab{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#E6E1D6}
#dsq .num{font-family:"Doto",monospace;font-weight:900;font-size:43px;line-height:1;color:#FF4A3D;
font-variant-numeric:tabular-nums;display:inline-block;transform-origin:left center}
#dsq .c-yours .num{color:#FFB020}
#dsq .cell.pop .num{animation:dsq-pop .5s cubic-bezier(.16,1,.3,1)}
@keyframes dsq-pop{from{transform:scale(1.9)}to{transform:scale(1)}}
#dsq .hint{grid-column:1/-1;grid-row:3;justify-self:center;text-align:center;font-weight:600;max-width:576px;
color:#F6FBF8;background-color:#5E6B66;padding:2px 10px}
#dsq .called{position:absolute;z-index:3;left:50%;top:54%;transform:translate(-50%,-50%);width:min(480px,calc(100% - 32px));
max-height:calc(100svh - 32px);overflow:auto;
background-color:#1A1D1C;color:#E6E1D6;padding:26px 26px 22px;border-radius:8px;
box-shadow:0 22px 44px rgba(16,38,31,.42);animation:dsq-up .5s cubic-bezier(.16,1,.3,1)}
@keyframes dsq-up{from{transform:translate(-50%,-44%);clip-path:inset(0 0 100% 0)}to{transform:translate(-50%,-50%);clip-path:inset(0)}}
#dsq .called h2{font-weight:800;font-size:27px;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;color:#F6FBF8}
#dsq .called p{margin-top:10px;color:#E6E1D6}
#dsq .called form{display:grid;gap:6px;margin-top:16px}
#dsq .called label{font-weight:600;font-size:14px;color:#E6E1D6}
#dsq .called input,#dsq .called textarea{min-height:44px;padding:6px 10px;width:100%;border:2px solid #9AA39F;border-radius:3px;
background-color:#0E0F0F;color:#F6FBF8}
#dsq .called textarea{min-height:84px;padding:8px 10px;resize:vertical;display:block}
#dsq #ini{width:96px;text-transform:uppercase}
#dsq .called .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#dsq .called .hp{position:absolute;left:-9999px;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0}
#dsq .called .err{color:#FF8A80;font-size:14px;font-weight:600;margin-top:4px}
#dsq .called .fine{font-size:13px;margin-top:4px}
#dsq .called .fine a{text-decoration:underline;text-underline-offset:.2em;color:#E6E1D6}
#dsq .called .done{font-weight:700;color:#FFB020}
#dsq .wall{margin-top:14px;display:grid;gap:4px;counter-reset:rank;padding:10px 12px;background-color:#0E0F0F;border-radius:6px}
#dsq .wall li{counter-increment:rank;display:flex;align-items:baseline;gap:12px;color:#E6E1D6;
font-family:"Doto",monospace;font-weight:900;font-size:22px;line-height:1.2}
#dsq .wall li::before{content:counter(rank);width:1.2em;color:#9AA39F}
#dsq .wall b{color:#FF4A3D;letter-spacing:.12em}
#dsq .wall span{margin-left:auto;color:#FFB020}
#dsq .wall li.me b,#dsq .wall li.me span,#dsq .wall li.me::before{color:#F6FBF8}
#dsq .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#dsq .btn{font-weight:700;min-height:46px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;
cursor:pointer;background-color:#0E0F0F;color:#FFB020;box-shadow:inset 0 0 0 2px #FFB020;border-radius:5px;width:auto;
transition:transform .2s cubic-bezier(.16,1,.3,1)}
#dsq .btn:hover{transform:translateY(-2px);background-color:#0E0F0F;color:#FFB020}
#dsq .btn:active{transform:translateY(1px)}
#dsq .btn:disabled{opacity:.5;cursor:not-allowed}
#dsq .btn.alt,#dsq .btn.alt:hover{background-color:#0E0F0F;color:#E6E1D6;box-shadow:inset 0 0 0 2px #9AA39F}
#dsq .called form .btn{justify-self:start;margin-top:6px}
#dsq .called .row .btn{margin-top:0}
@media (max-width:760px){
#dsq .stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;padding:18px 18px 14px;
--hoop-x:.68;--hoop-y:.6;--ball-x:.26}
#dsq .who .line{font-size:16px} #dsq .who nav .snd{position:absolute;top:-5px;right:-8px}
#dsq .board{grid-column:1;grid-row:2;margin-top:13px;grid-template-columns:repeat(6,minmax(0,1fr));padding:11px 13px;gap:8px 10px}
#dsq .c-serving,#dsq .c-yours{grid-column:span 3}
#dsq .c-time,#dsq .c-score,#dsq .c-best{grid-column:span 2}
#dsq .num{font-size:30px}
#dsq .hint{grid-row:4;font-size:14px}
}
@media (prefers-reduced-motion:reduce){#dsq .called,#dsq .cell.pop .num{animation:none}#dsq .btn{transition:none}} #dsq #dsq-below{height:14px;background-color:#10261F}
body.wrg-on #dsq{margin-bottom:96px}
@media (max-width:760px){body.wrg-on #dsq{margin-bottom:64px}}