.pod-pad-container{aspect-ratio:1;border:4px solid var(--border-strong);background:#0006;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto;padding:2rem;display:flex;box-shadow:inset 0 0 50px #ffffff0d,0 20px 40px #00000080}.pod-pad-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;height:100%;display:grid}.virtual-pod{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-color:#222;border:6px solid #333;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .1s;display:flex;position:relative;box-shadow:inset 0 10px 15px #ffffff1a,0 8px 15px #0009}.pod-inner-glow{opacity:0;background:radial-gradient(circle,#fff6 0%,#fff0 70%);border-radius:50%;width:60%;height:60%;transition:opacity .1s}.pod-red.pod-active{background-color:#ef4444;border-color:#fb7185;box-shadow:0 0 40px #ef444499,inset 0 10px 20px #fff6}.pod-blue.pod-active{background-color:#3b82f6;border-color:#60a5fa;box-shadow:0 0 40px #3b82f699,inset 0 10px 20px #fff6}.pod-green.pod-active{background-color:#10b981;border-color:#34d399;box-shadow:0 0 40px #10b98199,inset 0 10px 20px #fff6}.pod-yellow.pod-active{background-color:#eab308;border-color:#fde047;box-shadow:0 0 40px #eab30899,inset 0 10px 20px #fff6}.virtual-pod.pod-active .pod-inner-glow{opacity:1}.virtual-pod:active,.virtual-pod.pod-pressed{transform:scale(.95);box-shadow:inset 0 20px 30px #00000080}.virtual-pod.pod-disabled{cursor:not-allowed;opacity:.8}.virtual-pod.pod-disabled:active{transform:none;box-shadow:inset 0 10px 15px #ffffff1a,0 8px 15px #0009}@media (max-width:600px){.pod-pad-container{border-width:2px;max-width:300px;padding:1rem}.pod-pad-grid{gap:1rem}.virtual-pod{border-width:4px}}