.experience-stage{isolation:isolate;color:#fff;perspective:1400px;padding:36px 10px 14px;position:relative}.experience-stage:before{content:"";z-index:-1;background:radial-gradient(#9810fa33,#0000 68%);border-radius:50%;position:absolute;inset:8% -8%}.experience-orbit{opacity:.12;z-index:-1;inset:-12% -18%}.experience-console{max-width:600px;transform-style:preserve-3d;background:0 0;margin:0 auto;padding:0;position:relative}.experience-topline{letter-spacing:.09em;color:#fff8;align-items:center;gap:9px;padding-bottom:18px;padding-left:6px;font:10px monospace;display:flex}.experience-dot{background:#c384ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #9810fa}.experience-readout{padding:8px 4px 0}.experience-controls{background:#ffffff05;border:1px solid #ffffff18;border-radius:12px;gap:5px;max-width:480px;margin:28px auto 0;padding:5px;display:flex;position:relative}.experience-controls button{color:#fff9;border-radius:8px;flex:1;min-width:0;padding:12px 5px;font-size:12px;transition:background .25s,color .25s}.experience-controls button>span{color:#c384ff;margin-bottom:4px;font:10px monospace;display:block}.experience-controls button[aria-pressed=true]{color:#fff;background:#9810fa33;box-shadow:inset 0 0 0 1px #c384ff44}.experience-controls button:hover{color:#fff;background:#ffffff10}.experience-controls button:focus-visible{outline-offset:3px;outline:2px solid #c384ff}@media (max-width:640px){.experience-stage{padding-top:15px}.experience-console{max-width:600px;transform-style:preserve-3d;background:0 0;margin:0 auto;padding:0;position:relative}.experience-readout{padding-top:18px}}@media (prefers-reduced-motion:reduce){.experience-console,.experience-controls button{transition:none}}