.playground-container{-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background-color:#d8c29d;background-image:radial-gradient(#ffffff0f 0%,#0000 100%),url(/textures/velodrome-track.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%,cover;width:calc(100vw - 340px);height:100vh;margin:0;padding:0;position:fixed;inset:0 0 0 340px;overflow:hidden;box-shadow:inset 0 0 28px #ffffff73,inset 0 0 4px #ffffff59}@media (max-width:1024px){.playground-container{z-index:100!important;width:100dvw!important;height:100dvh!important;top:0!important;left:0!important}}.playground-mobile-nav{display:none}@media (max-width:1024px){.playground-mobile-nav{padding:max(1rem, env(safe-area-inset-top,1rem)) 1rem .5rem;z-index:60;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.playground-back-btn{pointer-events:auto;-webkit-backdrop-filter:blur(20px);color:#fff;font-family:var(--font-mono);letter-spacing:.03em;-webkit-tap-highlight-color:transparent;background:#0c0e1ac7;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex;box-shadow:0 10px 24px #0006}.playground-back-btn:active{background:#ffffff26;transform:scale(.96)}.playground-badge{pointer-events:auto;-webkit-backdrop-filter:blur(16px);color:#ffffffa6;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#0c0e1aa6;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.65rem;display:inline-flex}.playground-badge-dot{background-color:#0f6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #0f6}}.arena-crosshair-center{display:none}.arena-crosshair-center:before,.arena-crosshair-center:after{content:"";background:var(--accent-color);position:absolute}.arena-crosshair-center:before{width:40px;height:2px;top:19px;left:0}.arena-crosshair-center:after{width:2px;height:40px;top:0;left:19px}.flywheel-wrapper{cursor:grab;will-change:transform;touch-action:none;z-index:10;filter:drop-shadow(0 20px 28px #0000006b)drop-shadow(0 4px 8px #00000038);width:360px;height:360px;position:absolute}.flywheel-wrapper:active{cursor:grabbing}.flywheel-image{object-fit:contain;pointer-events:none;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.playground-hud-island{-webkit-backdrop-filter:blur(24px);z-index:50;pointer-events:auto;background:#0c0e1acc;border:1px solid #ffffff1a;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;max-width:calc(100% - 3rem);padding:.65rem 1.25rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #000000b3,0 0 0 1px #ffffff0d}.wheel-switcher{background:#00000073;border:1px solid #ffffff0f;border-radius:9999px;gap:3px;padding:3px;display:flex}.wheel-btn{color:#ffffff80;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9999px;padding:.45rem .9rem;font-size:.73rem;transition:all .2s}.wheel-btn:hover{color:#fff;background:#ffffff0f}.wheel-btn.active{color:#fff;background:#ffffff24;font-weight:600;box-shadow:0 2px 8px #0000004d}.wheel-btn.active.zipp{color:#00f2fe}.wheel-btn.active.princeton{color:#8ed6ff}.wheel-btn.active.enve{color:#fff}.wheel-btn.active.reynolds{color:#ff4757}.telemetry-row{align-items:center;gap:1.25rem;display:flex}.telemetry-cell{flex-direction:column;display:flex}.telemetry-label{font-family:var(--font-mono);color:#fff6;letter-spacing:.12em;text-transform:uppercase;font-size:.6rem}.telemetry-value{font-family:var(--font-mono);color:#fff;letter-spacing:-.02em;align-items:baseline;gap:.2rem;font-size:1.05rem;font-weight:700;display:flex}.telemetry-unit{color:#fff6;font-size:.65rem;font-weight:400}@media (max-width:900px){.playground-hud-island{width:min(480px,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);bottom:max(1rem, env(safe-area-inset-bottom,1rem));border-radius:20px;flex-direction:column;gap:.6rem;padding:.5rem .65rem;touch-action:pan-x!important}.wheel-switcher{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;cursor:grab;justify-content:flex-start;width:100%;max-width:100%;padding:3px;display:flex;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;flex-wrap:nowrap!important;overflow:auto hidden!important}.wheel-switcher:active{cursor:grabbing}.wheel-switcher::-webkit-scrollbar{width:0;height:0;display:none}.wheel-btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:.4rem .8rem;font-size:.7rem;white-space:nowrap!important;touch-action:pan-x!important;flex:none!important}.telemetry-row{border-top:1px solid #ffffff14;justify-content:space-around;gap:.5rem;width:100%;padding-top:.3rem}.telemetry-cell{align-items:center}.telemetry-label{font-size:.52rem}.telemetry-value{font-size:.95rem}.flywheel-wrapper{width:280px;height:280px}.specs-row{display:none}}@media (max-width:640px){.flywheel-wrapper{width:min(240px,66vw);height:min(240px,66vw)}.playground-hud-island{bottom:max(.75rem, env(safe-area-inset-bottom,.75rem));gap:.45rem;padding:.45rem .55rem}.wheel-btn{padding:.36rem .7rem;font-size:.66rem}}