.skill-playground{position:relative;isolation:isolate;width:100%;min-width:0;overflow:hidden;border-radius:24px}.skill-playground:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:3px}.cloud-stage{position:relative;min-height:680px}.cloud-canvas-host{position:absolute;inset:0;height:680px}.cloud-canvas-host canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.cloud-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cloud-fallback{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:20px;padding:30px}.cloud-fallback-ball{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:82px;height:82px;margin:auto;padding:8px;text-align:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffd9,var(--ball-color) 48%,#432d58);box-shadow:inset -5px -8px 12px #24113833,0 10px 15px -9px #0008;color:#211631}.cloud-fallback-ball strong{font-size:22px;line-height:1}.cloud-fallback-ball span{font-size:10px;font-weight:650;line-height:1.15}@media (max-width:600px){.cloud-stage{min-height:600px}.cloud-canvas-host{height:600px}.cloud-fallback{gap:18px 10px;padding:25px 14px;grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-fallback-ball{width:75px;height:75px}}