.tdx-sec{padding-block:clamp(3rem,6vw,5rem)}.tdx{--d:66px;isolation:isolate;border:1px solid rgb(var(--line));clip-path:inset(0 round 24px);background:rgb(var(--navy));min-height:clamp(560px,74vh,660px);box-shadow:0 40px 100px -40px rgb(var(--navy) / .7), inset 0 1px 0 #ffffff0d;border-radius:24px;position:relative;overflow:hidden}.tdx-bg{z-index:-1;background:radial-gradient(circle at 70% 45%, transparent 0 110px, rgb(var(--acid) / .09) 111px 112px, transparent 113px 190px, rgb(var(--acid) / .07) 191px 192px, transparent 193px 280px, rgb(var(--acid) / .05) 281px 282px, transparent 283px), radial-gradient(60% 50% at 50% 38%, rgb(var(--acid) / .1), transparent 70%), radial-gradient(#ffffff12 1px, transparent 1.3px) 0 0 / 26px 26px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 55%,#0000 100%);mask:linear-gradient(#000 55%,#0000 100%)}.tdx-in{z-index:1;text-align:center;pointer-events:none;justify-items:center;padding:clamp(4.5rem,10vw,6.5rem) 1.5rem 0;display:grid;position:relative}.tdx-in a{pointer-events:auto}.tdx-title{font:750 clamp(2.4rem, 5.4vw, 3.6rem)/1.02 var(--font-head);letter-spacing:-.05em;color:#fff;margin-top:1.1rem;display:grid}.tdx-title span{color:var(--color-acid)}.tdx-btn{margin-top:2rem}.tdx-pit{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.tdx-pit:not(.is-live) .tdx-rows{flex-wrap:wrap-reverse;place-content:flex-start center;gap:4px;height:44%;padding:0 12px 6px;display:flex;position:absolute;inset:auto 0 0;overflow:hidden}.tdx-pit.is-live .tdx-rows{display:contents}@media (max-width:599px){.tdx-pit:not(.is-live) .tdx-ball:nth-child(n+19){display:none}}.tdx-ball{width:var(--d);height:var(--d);background:radial-gradient(circle at 35% 30%, rgb(var(--ink-4)), rgb(var(--ink)) 70%);pointer-events:auto;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;border:1px solid #ffffff24;border-radius:50%;place-items:center;transition:border-color .25s,box-shadow .25s;display:grid;box-shadow:inset 0 2px #ffffff14,0 10px 22px -10px #000c}.tdx-pit.is-live .tdx-ball{will-change:transform;position:absolute;top:0;left:0;transform:translate(-200px,-200px)}.tdx-ball:hover{border-color:rgb(var(--acid) / .6)}.tdx-ball.is-held{cursor:grabbing;border-color:var(--color-acid);box-shadow:0 0 0 4px rgb(var(--acid) / .2), 0 20px 34px -12px #000000e6}.tdx-ball svg{width:calc(var(--d) * .44);height:calc(var(--d) * .44);pointer-events:none}.tdx-ball b{font:700 calc(var(--d) * .26)/1 var(--font-head);color:#ffffffbf;pointer-events:none}.tdx-ball .tool-dot{width:10px;height:10px}@media (max-width:599px){.tdx{clip-path:inset(0 round 20px);border-radius:20px;min-height:600px}}@media (prefers-reduced-motion:reduce){.tdx-ball{transition:none}}@media (min-width:768px){.tdx{min-height:clamp(520px,66vh,590px)}}@media (max-width:599px){.tdx{min-height:530px}}.tdx-ctas{z-index:3;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex;position:relative}.tdx-ctas .tdx-btn{margin-top:0}.tdx-in .tdx-play{pointer-events:auto}.tdx-in{z-index:auto}.tdx-play:disabled{cursor:default}.tdx-play[aria-busy=true]{cursor:progress}.tdx-play:focus-visible,.tdx-ctas .btn-solid:focus-visible{outline:2px solid rgb(var(--mint));outline-offset:3px}.tdx .tdx-in{transition:opacity .22s,visibility linear}.tdx[data-game] .tdx-in{opacity:0;visibility:hidden;transition:opacity .22s,visibility 0s linear .22s}.tdx .tdx-pit{transition:opacity .3s}.tdx[data-game] .tdx-pit{opacity:.1;pointer-events:none}.tdx[data-game] .tdx-pit .tdx-ball{pointer-events:none}.tdx[data-game]{touch-action:none}@media (prefers-reduced-motion:reduce){.tdx .tdx-in,.tdx .tdx-pit{transition:none}}@media (max-width:599px){.tdx-ctas{flex-direction:column;align-items:stretch;gap:.6rem;width:min(100%,17.5rem);margin-top:1.6rem}.tdx-ctas .btn{justify-content:space-between}}
.tdg{z-index:4;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;position:absolute;inset:0}.tdg:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--mint) / .45);border-radius:inherit}.tdg[data-phase=play]{cursor:none}.tdg-field{pointer-events:none;position:absolute;inset:0}.tdg-hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:absolute;top:14px;left:14px;right:14px}.tdg-stats{background:rgb(var(--ink-2) / .86);box-shadow:inset 0 0 0 1px rgb(var(--line-2)), 0 10px 24px -14px #000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:500 .8125rem/1 var(--font-body);color:rgb(var(--mute));white-space:nowrap;border-radius:999px;align-items:center;margin:0;padding:.5rem .25rem;display:inline-flex}.tdg-stat{align-items:center;gap:.35rem;padding:0 .8rem;display:inline-flex}.tdg-stat+.tdg-stat{box-shadow:-1px 0 0 rgb(var(--line-2))}.tdg-stat b{color:rgb(var(--fg));font-variant-numeric:tabular-nums;font-weight:600}.tdg-of{color:rgb(var(--mute));font-variant-numeric:tabular-nums;margin-left:-.3rem}.tdg-done b{color:rgb(var(--mint))}.tdg-lives{gap:.3rem}.tdg-lives i{width:8px;height:8px;box-shadow:inset 0 0 0 1.5px rgb(var(--line-2));border-radius:50%}.tdg-lives i.is-on{background:rgb(var(--mint));box-shadow:none}.tdg-close{background:rgb(var(--ink-2) / .86);width:2.4rem;height:2.4rem;box-shadow:inset 0 0 0 1px rgb(var(--line-2));color:rgb(var(--soft));cursor:pointer;pointer-events:auto;border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:color .2s,box-shadow .2s;display:grid}.tdg-close:hover,.tdg-close:focus-visible{color:rgb(var(--fg));box-shadow:inset 0 0 0 1px rgb(var(--mint) / .6)}.tdg-close:focus-visible{outline:2px solid rgb(var(--mint));outline-offset:2px}.tdg-brick{background:linear-gradient(180deg, rgb(var(--ink-4)), rgb(var(--ink-3)));box-shadow:inset 0 0 0 1px rgb(var(--line-2)), inset 0 1px 0 #ffffff0f, 0 10px 20px -14px #000c;font:500 .8125rem/1 var(--font-body);color:rgb(var(--soft));white-space:nowrap;border-radius:10px;align-items:center;gap:.5rem;padding:0 .9rem;display:flex;position:absolute}.tdg-brick svg{color:rgb(var(--mint) / .85);flex-shrink:0}.tdg-brick-l{flex:1;min-width:0}.tdg[data-wrap] .tdg-brick{white-space:normal;line-height:1.2}.tdg-brick.is-hit,.tdg-brick.is-gone{background:rgb(var(--mint));box-shadow:0 0 0 1px rgb(var(--mint)), 0 0 26px -4px rgb(var(--mint) / .55);color:rgb(var(--navy));font-weight:600}.tdg-brick.is-hit svg,.tdg-brick.is-gone svg{color:rgb(var(--navy))}.tdg-brick.is-hit{animation:.26s ease-out tdg-pop}.tdg-brick.is-gone{opacity:0;transition:opacity .22s,transform .22s;transform:scale(.92)}@keyframes tdg-pop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.tdg-plus{z-index:2;font:600 1.1rem/1 var(--font-display,inherit);color:rgb(var(--mint));text-shadow:0 2px 10px rgb(var(--mint) / .45);pointer-events:none;animation:.33s ease-out forwards tdg-plus;position:absolute;transform:translate(-50%,-50%)}@keyframes tdg-plus{0%{opacity:0;transform:translate(-50%,-20%)scale(.7)}20%{opacity:1;transform:translate(-50%,-70%)scale(1.15)}to{opacity:0;transform:translate(-50%,-230%)scale(1)}}.tdg-done b.tdg-bump{animation:.3s ease-out tdg-bump;display:inline-block}@keyframes tdg-bump{0%{transform:scale(1)}40%{text-shadow:0 0 12px rgb(var(--mint) / .7);transform:scale(1.45)}to{transform:scale(1)}}.tdg-paddle{width:var(--pw);height:var(--ph);background:rgb(var(--mint));box-shadow:0 0 0 1px rgb(var(--mint) / .5), 0 0 24px rgb(var(--mint) / .35);will-change:transform;border-radius:999px;transition:background-color .2s;position:absolute;top:0;left:0}.tdg-paddle.is-lost{background:rgb(var(--bad));box-shadow:0 0 24px rgb(var(--bad) / .4)}.tdg-ball{width:calc(var(--r) * 2);height:calc(var(--r) * 2);background:radial-gradient(circle at 35% 30%, rgb(var(--ink-4)), rgb(var(--ink)) 70%);box-shadow:inset 0 0 0 1px #ffffff3d, 0 0 0 3px rgb(var(--mint) / .2), 0 10px 20px -8px #000c;will-change:transform;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.tdg-ball[data-hidden]{opacity:0}.tdg-ball .tool-dot{width:8px;height:8px}.tdg-hint{z-index:1;background:rgb(var(--ink-2) / .86);max-width:calc(100% - 32px);box-shadow:inset 0 0 0 1px rgb(var(--line-2));font:500 .875rem/1.3 var(--font-body);color:rgb(var(--soft));text-align:center;white-space:nowrap;pointer-events:none;border-radius:14px;justify-items:center;gap:.3rem;margin:0;padding:.7rem 1.2rem;animation:.25s ease-out tdg-fade;display:grid;position:absolute;top:60%;left:50%;transform:translate(-50%)}.tdg-hint b,.tdg[data-phase=cleared] .tdg-hint{color:rgb(var(--mint));font-weight:600}.tdg-hint-coarse{display:none}@media (pointer:coarse){.tdg-hint-fine{display:none}.tdg-hint-coarse{display:block}}@keyframes tdg-fade{0%{opacity:0}to{opacity:1}}.tdg-scrim{z-index:5;background:rgb(var(--navy) / .74);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:.25s ease-out tdg-fade;position:absolute;inset:0}.tdg-end{z-index:6;background:rgb(var(--ink-2));width:min(34rem,100% - 32px);box-shadow:inset 0 0 0 1px rgb(var(--line-2)), 0 40px 80px -30px #000000d9;text-align:center;border-radius:18px;padding:clamp(1.6rem,4vw,2.4rem);animation:.3s ease-out tdg-rise;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tdg-end-k{justify-content:center}.tdg-end-h{font:600 clamp(1.3rem, 2.6vw, 1.7rem)/1.22 var(--font-head);letter-spacing:-.02em;color:rgb(var(--fg));outline:none;margin:.9rem 0 0}.tdg-end-p{font:400 1rem/1.5 var(--font-body);color:rgb(var(--mute));margin:.75rem 0 0}.tdg-end-ctas{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.6rem;display:flex}.tdg-end-ctas .btn:focus-visible{outline:2px solid rgb(var(--mint));outline-offset:3px}@keyframes tdg-rise{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:599px){.tdg-hud{top:10px;left:10px;right:10px}.tdg-stats{padding:.45rem .1rem;font-size:.75rem}.tdg-stat{padding:0 .6rem}.tdg-close{width:2.2rem;height:2.2rem}.tdg-brick{gap:.4rem;padding:0 .65rem;font-size:.75rem}.tdg-brick>svg:first-child{width:13px;height:13px}.tdg-hint{font-size:.8125rem}.tdg-end-ctas{flex-direction:column;align-items:stretch;gap:.6rem;width:min(100%,17.5rem);margin-inline:auto}.tdg-end-ctas .btn{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.tdg-brick.is-hit,.tdg-hint,.tdg-scrim,.tdg-end,.tdg-plus,.tdg-done b.tdg-bump{animation:none}.tdg-plus{opacity:0}.tdg-brick.is-gone,.tdg-paddle,.tdg-close{transition:none}}