:root{color:#e5e7eb;background:#0a1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.playground{width:min(1440px,100%);margin:0 auto;padding:42px clamp(20px,4vw,64px) 64px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:0 0 42px}.eyebrow{margin:0 0 10px;color:#a78bfa;font-size:.76rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}h1{max-width:720px;margin:0;color:#f8fafc;font-size:clamp(2.35rem,5vw,4.8rem);line-height:.98;letter-spacing:-.065em}h1 span{color:#a78bfa}.heroCopy{max-width:590px;margin:22px 0 0;color:#94a3b8;font-size:1rem;line-height:1.6}.heroTools{display:grid;justify-items:end;gap:14px}.languageSwitch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#0f172ab8}.languageSwitch span{margin:0 6px 0 5px;color:#64748b;font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.languageSwitch button{min-width:34px;padding:5px 7px;border:0;border-radius:7px;color:#94a3b8;background:transparent;font-size:.65rem;font-weight:900}.languageSwitch button:hover,.languageSwitch button.active{color:#f5f3ff;background:#32205a}.performanceNote{display:flex;align-items:center;gap:13px;padding:12px 16px;border:1px solid rgba(167,139,250,.3);border-radius:13px;background:#7c3aed17;white-space:nowrap}.performanceNote span{color:#c4b5fd;font-size:1.08rem;font-weight:800}.performanceNote small{color:#94a3b8;font-size:.69rem;line-height:1.3}.playgroundGrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);align-items:start;gap:clamp(24px,4vw,60px)}.stage{position:sticky;top:24px;min-width:0;padding:20px;border:1px solid rgba(148,163,184,.16);border-radius:24px;background:radial-gradient(circle at 50% 44%,rgba(124,58,237,.18),transparent 44%),#0e172a;box-shadow:0 24px 70px #0000003b}.resultPill{display:grid;gap:3px;min-height:49px;padding:8px 12px;border-radius:12px;background:#0206178c;color:#f8fafc;font-size:.87rem;font-weight:700}.resultPill span{color:#94a3b8;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wheelStage{display:grid;min-height:clamp(390px,55vw,690px);place-items:center}.wheelStage>.wheel{filter:drop-shadow(0 25px 23px rgba(0,0,0,.32))}.centerCap{display:grid;width:100%;height:100%;place-items:center;border:.48rem solid #f8fafc;border-radius:50%;background:linear-gradient(145deg,#8b5cf6,#312e81);color:#fff;box-shadow:0 3px 13px #00000059,inset 0 1px #ffffff59;font-size:clamp(.45rem,1.25vw,.8rem);font-weight:900;letter-spacing:.08em}.centerGem{display:grid;width:100%;height:100%;place-items:center;border:.2rem solid rgba(255,255,255,.8);border-radius:50%;background:conic-gradient(from 30deg,#fef3c7,#f59e0b,#7c3aed,#67e8f9,#fef3c7);box-shadow:0 3px 15px #00000061,inset 0 0 11px #ffffffb8;color:#fff;font-size:clamp(.7rem,2vw,1.35rem);text-shadow:0 1px 5px #312e81}.slotMedia{display:block;width:100%;height:100%;object-fit:contain}.slotMedia--frame{border-radius:50%}.slotMedia--center{border-radius:50%;object-fit:cover}.neonFrame{overflow:visible}.neonFrame__colorCycle{animation:neon-frame-color-cycle 8s linear infinite;transform-origin:50px 50px;will-change:filter}.neonFrame__aura{animation:neon-frame-breathe 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.neonFrame__mainRing{stroke-linecap:round}.neonFrame__runner{stroke-dasharray:17 4 2 6;stroke-linecap:round;animation:neon-frame-runner 3.8s linear infinite}.neonFrame__runner--reverse{stroke-dasharray:5 3 1 5;animation-duration:5.6s;animation-direction:reverse}.neonFrame__innerRing{animation:neon-frame-inner-flow 9s linear infinite}.neonFrame__particleOrbit{animation:neon-frame-particle-orbit var(--particle-duration) linear var(--particle-delay) infinite;transform:rotate(var(--particle-angle));transform-box:view-box;transform-origin:50px 50px;will-change:transform}.neonFrame__particleTrail{opacity:.38}.neonFrame__particle{animation:neon-frame-particle-pulse 1.7s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes neon-frame-color-cycle{0%{filter:hue-rotate(0deg) saturate(1.05)}50%{filter:hue-rotate(55deg) saturate(1.28)}to{filter:hue-rotate(360deg) saturate(1.05)}}@keyframes neon-frame-breathe{0%,to{opacity:.19;transform:scale(.992)}50%{opacity:.48;transform:scale(1.012)}}@keyframes neon-frame-runner{to{stroke-dashoffset:-58}}@keyframes neon-frame-inner-flow{to{stroke-dashoffset:42}}@keyframes neon-frame-particle-orbit{0%{transform:rotate(var(--particle-angle))}to{transform:rotate(calc(var(--particle-angle) + 360deg))}}@keyframes neon-frame-particle-pulse{0%{opacity:.48;transform:scale(.68)}to{opacity:1;transform:scale(1.28)}}@media(prefers-reduced-motion:reduce){.neonFrame__colorCycle,.neonFrame__aura,.neonFrame__runner,.neonFrame__innerRing,.neonFrame__particleOrbit,.neonFrame__particle{animation:none}}.neonPointer{overflow:visible}.neonPointer__colorCycle{animation:neon-pointer-color-cycle 6.5s linear infinite;transform-origin:24px 24px;will-change:filter}.neonPointer__aura{animation:neon-pointer-breathe 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.neonPointer__runner{stroke-dasharray:10 4 1.5 5;animation:neon-pointer-runner 2.6s linear infinite}.neonPointer__coreAura{animation:neon-pointer-core-aura 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.neonPointer__core{animation:neon-pointer-core 1.25s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.neonPointer__sparkOrbit{animation:neon-pointer-spark-orbit var(--spark-duration) linear var(--spark-delay) infinite;transform:rotate(var(--spark-angle));transform-box:view-box;transform-origin:24px 24px;will-change:transform}.neonPointer__sparkTrail{opacity:.3}.neonPointer__spark{animation:neon-pointer-spark-pulse 1.1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes neon-pointer-color-cycle{0%{filter:hue-rotate(0deg) saturate(1.08)}50%{filter:hue-rotate(70deg) saturate(1.35)}to{filter:hue-rotate(360deg) saturate(1.08)}}@keyframes neon-pointer-breathe{0%,to{opacity:.18;transform:scale(.96)}50%{opacity:.48;transform:scale(1.055)}}@keyframes neon-pointer-runner{to{stroke-dashoffset:-42}}@keyframes neon-pointer-core-aura{0%,to{opacity:.12;transform:scale(.7)}50%{opacity:.42;transform:scale(1.35)}}@keyframes neon-pointer-core{0%{opacity:.72;transform:scale(.85)}to{opacity:1;transform:scale(1.12)}}@keyframes neon-pointer-spark-orbit{0%{transform:rotate(var(--spark-angle))}to{transform:rotate(calc(var(--spark-angle) + 360deg))}}@keyframes neon-pointer-spark-pulse{0%{opacity:.42;transform:scale(.7)}to{opacity:1;transform:scale(1.25)}}@media(prefers-reduced-motion:reduce){.neonPointer__colorCycle,.neonPointer__aura,.neonPointer__runner,.neonPointer__coreAura,.neonPointer__core,.neonPointer__sparkOrbit,.neonPointer__spark{animation:none}}.neonCenter{display:block;width:100%;height:100%;overflow:visible}.neonCenter__colorCycle{animation:neon-center-color-cycle 7.5s linear infinite;transform-origin:50px 50px;will-change:filter}.neonCenter__aura{animation:neon-center-breathe 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.neonCenter__runner{stroke-dasharray:16 5 2 7;animation:neon-center-runner 3.4s linear infinite}.neonCenter__runner--reverse{stroke-dasharray:6 3 1 5;animation-duration:5.2s;animation-direction:reverse}.neonCenter__coreAura{animation:neon-center-core-aura 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.neonCenter__coreMark{animation:neon-center-core-mark 4.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.neonCenter__particleOrbit{animation:neon-center-particle-orbit var(--center-particle-duration) linear var(--center-particle-delay) infinite;transform:rotate(var(--center-particle-angle));transform-box:view-box;transform-origin:50px 50px;will-change:transform}.neonCenter__particleTrail{opacity:.28}.neonCenter__particle{animation:neon-center-particle-pulse 1.35s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.neonCenter__label{fill:#fff;stroke:#312e81bf;stroke-width:.8px;paint-order:stroke;filter:drop-shadow(0 0 3px #67e8f9);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:900;letter-spacing:1.5px;animation:neon-center-label 1.8s ease-in-out infinite alternate}@keyframes neon-center-color-cycle{0%{filter:hue-rotate(0deg) saturate(1.08)}50%{filter:hue-rotate(62deg) saturate(1.34)}to{filter:hue-rotate(360deg) saturate(1.08)}}@keyframes neon-center-breathe{0%,to{opacity:.18;transform:scale(.97)}50%{opacity:.48;transform:scale(1.04)}}@keyframes neon-center-runner{to{stroke-dashoffset:-62}}@keyframes neon-center-core-aura{0%,to{opacity:.08;transform:scale(.72)}50%{opacity:.32;transform:scale(1.35)}}@keyframes neon-center-core-mark{0%,to{opacity:.48;transform:rotate(0) scale(.88)}50%{opacity:.9;transform:rotate(45deg) scale(1.08)}}@keyframes neon-center-particle-orbit{0%{transform:rotate(var(--center-particle-angle))}to{transform:rotate(calc(var(--center-particle-angle) + 360deg))}}@keyframes neon-center-particle-pulse{0%{opacity:.38;transform:scale(.68)}to{opacity:1;transform:scale(1.3)}}@keyframes neon-center-label{0%{opacity:.76;filter:drop-shadow(0 0 2px #67e8f9)}to{opacity:1;filter:drop-shadow(0 0 5px #f0abfc)}}@media(prefers-reduced-motion:reduce){.neonCenter__colorCycle,.neonCenter__aura,.neonCenter__runner,.neonCenter__coreAura,.neonCenter__coreMark,.neonCenter__particleOrbit,.neonCenter__particle,.neonCenter__label{animation:none}}.cosmicFrame{overflow:visible}.cosmicFrame__nebula{animation:cosmic-frame-nebula 3.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.cosmicFrame__rim{stroke-linecap:round}.cosmicFrame__orbitTrack{animation:cosmic-frame-track 12s linear infinite}.cosmicFrame__orbitTrack--outer{animation-duration:18s;animation-direction:reverse}.cosmicFrame__star{animation:cosmic-frame-star 2.4s ease-in-out var(--star-delay) infinite alternate;transform-box:fill-box;transform-origin:center}.cosmicFrame__planetOrbit{animation:cosmic-frame-planet-orbit var(--planet-duration) linear var(--planet-delay) infinite;transform:rotate(var(--planet-angle));transform-box:view-box;transform-origin:50px 50px;will-change:transform}.cosmicFrame__planet{animation:cosmic-frame-planet-pulse 2.6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.cosmicFrame__cometOrbit{animation:cosmic-frame-comet 7.8s cubic-bezier(.45,0,.55,1) infinite;transform-box:view-box;transform-origin:50px 50px;will-change:transform}.cosmicFrame__cometTrail{transform:rotate(8deg);transform-origin:50px 1px}@keyframes cosmic-frame-nebula{0%,to{opacity:.16;transform:scale(.99)}50%{opacity:.34;transform:scale(1.015)}}@keyframes cosmic-frame-track{to{stroke-dashoffset:-38}}@keyframes cosmic-frame-star{0%{opacity:.25;transform:scale(.65)}to{opacity:1;transform:scale(1.45)}}@keyframes cosmic-frame-planet-orbit{0%{transform:rotate(var(--planet-angle))}to{transform:rotate(calc(var(--planet-angle) + 360deg))}}@keyframes cosmic-frame-planet-pulse{0%{opacity:.82;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@keyframes cosmic-frame-comet{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cosmicPointer{overflow:visible}.cosmicPointer__engineAura,.cosmicPointer__engine{animation:cosmic-pointer-engine .7s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center bottom}.cosmicPointer__engine{animation-duration:.48s}.cosmicPointer__aura{animation:cosmic-pointer-aura 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.cosmicPointer__panel{stroke-dasharray:3 1.4;animation:cosmic-pointer-panel 2.4s linear infinite}.cosmicPointer__windowAura{animation:cosmic-pointer-window-aura 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.cosmicPointer__window{animation:cosmic-pointer-window 1.3s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.cosmicPointer__moonOrbit{animation:cosmic-pointer-moon-orbit 3.6s linear infinite;transform-box:view-box;transform-origin:24px 20px;will-change:transform}.cosmicPointer__stars circle{fill:#f8fafc;animation:cosmic-pointer-star 1.8s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.cosmicPointer__stars circle:nth-child(2n){animation-delay:-.9s}@keyframes cosmic-pointer-engine{0%{opacity:.5;transform:scaleY(.72) scaleX(.9)}to{opacity:1;transform:scaleY(1.2) scaleX(1.08)}}@keyframes cosmic-pointer-aura{0%,to{opacity:.16;transform:scale(.97)}50%{opacity:.38;transform:scale(1.045)}}@keyframes cosmic-pointer-panel{to{stroke-dashoffset:-8.8}}@keyframes cosmic-pointer-window-aura{0%,to{opacity:.1;transform:scale(.7)}50%{opacity:.38;transform:scale(1.35)}}@keyframes cosmic-pointer-window{0%{opacity:.82;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}@keyframes cosmic-pointer-moon-orbit{to{transform:rotate(360deg)}}@keyframes cosmic-pointer-star{0%{opacity:.2;transform:scale(.65)}to{opacity:1;transform:scale(1.3)}}.cosmicCenter{display:block;width:100%;height:100%;overflow:visible}.cosmicCenter__aura{animation:cosmic-center-aura 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.cosmicCenter__shell{animation:cosmic-center-shell 5.5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.cosmicCenter__stars{fill:#fff}.cosmicCenter__stars circle{animation:cosmic-center-star 2.1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.cosmicCenter__stars circle:nth-child(2n){animation-delay:-1.1s}.cosmicCenter__orbitTrack{animation:cosmic-center-track 10s linear infinite}.cosmicCenter__planetOrbit{animation:cosmic-center-planet-orbit var(--cosmic-center-duration) linear var(--cosmic-center-delay) infinite;transform:rotate(var(--cosmic-center-angle));transform-box:view-box;transform-origin:50px 50px;will-change:transform}.cosmicCenter__planet{animation:cosmic-center-planet-pulse 1.9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.cosmicCenter__sunFlare{animation:cosmic-center-sun-flare 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.cosmicCenter__sun{animation:cosmic-center-sun 1.8s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.cosmicCenter__sunTexture{animation:cosmic-center-sun-texture 8s linear infinite;transform-box:view-box;transform-origin:50px 50px}.cosmicCenter__label{fill:#fff;stroke:#7c2d12b8;stroke-width:.7px;paint-order:stroke;filter:drop-shadow(0 0 2.5px #fbbf24);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:7.2px;font-weight:950;letter-spacing:.8px}@keyframes cosmic-center-aura{0%,to{opacity:.1;transform:scale(.94)}50%{opacity:.32;transform:scale(1.05)}}@keyframes cosmic-center-shell{0%{opacity:.94;transform:scale(.995)}to{opacity:1;transform:scale(1.005)}}@keyframes cosmic-center-star{0%{opacity:.24;transform:scale(.62)}to{opacity:1;transform:scale(1.38)}}@keyframes cosmic-center-track{to{stroke-dashoffset:-28}}@keyframes cosmic-center-planet-orbit{0%{transform:rotate(var(--cosmic-center-angle))}to{transform:rotate(calc(var(--cosmic-center-angle) + 360deg))}}@keyframes cosmic-center-planet-pulse{0%{opacity:.82;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@keyframes cosmic-center-sun-flare{0%,to{opacity:.16;transform:scale(.78)}50%{opacity:.42;transform:scale(1.28)}}@keyframes cosmic-center-sun{0%{transform:scale(.97)}to{transform:scale(1.04)}}@keyframes cosmic-center-sun-texture{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cosmicFrame__nebula,.cosmicFrame__orbitTrack,.cosmicFrame__star,.cosmicFrame__planetOrbit,.cosmicFrame__planet,.cosmicFrame__cometOrbit,.cosmicPointer__engineAura,.cosmicPointer__engine,.cosmicPointer__aura,.cosmicPointer__panel,.cosmicPointer__windowAura,.cosmicPointer__window,.cosmicPointer__moonOrbit,.cosmicPointer__stars circle,.cosmicCenter__aura,.cosmicCenter__shell,.cosmicCenter__stars circle,.cosmicCenter__orbitTrack,.cosmicCenter__planetOrbit,.cosmicCenter__planet,.cosmicCenter__sunFlare,.cosmicCenter__sun,.cosmicCenter__sunTexture{animation:none}}.realisticSpaceFrame{display:block;overflow:visible}.realisticSpaceFrame__outerRim{opacity:.94}.realisticSpaceFrame__metalRim{stroke-linecap:round}.realisticSpaceFrame__innerRim{stroke-dasharray:.4 .22}.realisticSpaceFrame__orbitTrack--outer{animation:realistic-space-track 36s linear infinite}.realisticSpaceFrame__star{animation:realistic-space-star 3.4s ease-in-out var(--realistic-star-delay) infinite alternate;transform-box:fill-box;transform-origin:center}.realisticSpaceFrame__planetOrbit{animation:realistic-space-orbit var(--realistic-orbit-duration) linear var(--realistic-orbit-delay) infinite;transform:rotate(var(--realistic-orbit-angle));transform-box:view-box;transform-origin:50px 50px;will-change:transform}.realisticSpaceFrame__planet{filter:drop-shadow(0 .55px .65px rgba(0,0,0,.78))}@keyframes realistic-space-track{to{stroke-dashoffset:-24}}@keyframes realistic-space-star{0%{opacity:.28;transform:scale(.75)}to{opacity:.9;transform:scale(1.12)}}@keyframes realistic-space-orbit{0%{transform:rotate(var(--realistic-orbit-angle))}to{transform:rotate(calc(var(--realistic-orbit-angle) + 360deg))}}.realisticSpaceCenter{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:1px solid rgba(203,213,225,.42);border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(71,85,105,.38),transparent 25%),radial-gradient(circle at 68% 72%,rgba(30,41,59,.45),transparent 30%),#02060b;box-shadow:0 5px 12px #0000008f,inset 0 0 0 2px #0f172ac7,inset 0 0 18px #000000d1}.realisticSpaceCenter__stars{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(circle at 18% 30%,#fff 0 .6px,transparent .8px),radial-gradient(circle at 73% 17%,#ddd 0 .5px,transparent .7px),radial-gradient(circle at 84% 62%,#fff 0 .7px,transparent .9px),radial-gradient(circle at 29% 78%,#cbd5e1 0 .55px,transparent .75px),radial-gradient(circle at 55% 88%,#fff 0 .45px,transparent .65px),radial-gradient(circle at 9% 58%,#e2e8f0 0 .4px,transparent .6px)}.realisticSpaceCenter__orbit{position:absolute;border:1px solid rgba(203,213,225,.17);border-radius:50%;transform-origin:50% 50%;will-change:transform}.realisticSpaceCenter__orbit img{position:absolute;top:0;left:50%;height:auto;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.75))}.realisticSpaceCenter__orbit--earth{inset:24%;animation:realistic-space-center-orbit 7.5s linear -2.4s infinite}.realisticSpaceCenter__orbit--earth img{width:30%}.realisticSpaceCenter__orbit--saturn{inset:7%;animation:realistic-space-center-orbit 15s linear -9.8s infinite reverse}.realisticSpaceCenter__orbit--saturn img{width:30%}.realisticSpaceCenter__sun{position:absolute;top:50%;left:50%;width:45%;height:45%;object-fit:contain;-webkit-user-select:none;user-select:none;animation:realistic-space-sun 38s linear infinite;filter:drop-shadow(0 1px 2px rgba(120,53,15,.55));will-change:transform}@keyframes realistic-space-center-orbit{to{transform:rotate(360deg)}}@keyframes realistic-space-sun{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.realisticSpacePointer{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:visible}.realisticSpacePointer img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;animation:realistic-space-pointer-drift 3.8s ease-in-out infinite;filter:drop-shadow(0 2px 2px rgba(0,0,0,.72));transform-origin:50% 54%;will-change:transform}.realisticSpacePointer:after{position:absolute;top:18%;left:42%;width:15%;height:34%;border-radius:50%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.28) 49%,transparent 76%);content:"";opacity:0;transform:translateY(-30%);animation:realistic-space-pointer-sheen 4.8s ease-in-out infinite}@keyframes realistic-space-pointer-drift{0%,to{transform:translateY(-1%) rotate(-.35deg)}50%{transform:translateY(1.2%) rotate(.35deg)}}@keyframes realistic-space-pointer-sheen{0%,62%,to{opacity:0;transform:translateY(-30%)}72%{opacity:.7}86%{opacity:0;transform:translateY(58%)}}@media(prefers-reduced-motion:reduce){.realisticSpaceFrame__orbitTrack--outer,.realisticSpaceFrame__star,.realisticSpaceFrame__planetOrbit,.realisticSpaceCenter__orbit,.realisticSpaceCenter__sun,.realisticSpacePointer img,.realisticSpacePointer:after{animation:none}}.stageMeta{display:flex;justify-content:space-between;gap:8px;color:#94a3b8;font-size:.72rem}.stageMeta strong{color:#e2e8f0}.controls{display:grid;gap:14px}.settingsNav{position:sticky;z-index:5;top:16px;padding:16px;border:1px solid rgba(167,139,250,.22);border-radius:18px;background:#0a1020eb;box-shadow:0 18px 40px #02061742;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settingsNavTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.settingsNavTitle>div>span{display:block;margin-bottom:3px;color:#8b5cf6;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.settingsNavTitle h2{margin:0;color:#f8fafc;font-size:1.05rem;letter-spacing:-.025em}.settingsCount{padding:5px 8px;border-radius:99px;color:#c4b5fd;background:#7c3aed24;font-size:.64rem;font-weight:800;white-space:nowrap}.settingsTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(148,163,184,.11);border-radius:12px;background:#0206178c}.settingsTabs button{min-width:0;padding:9px 5px;overflow:hidden;border:0;border-radius:8px;color:#7f8da3;background:transparent;font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.settingsTabs button:hover{color:#ddd6fe;background:#7c3aed14}.settingsTabs button.active{color:#fff;background:linear-gradient(135deg,#7c3aede6,#9333eab8);box-shadow:0 5px 14px #4c1d9547}.settingsTabs button:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}.settingsDescription{min-height:1.1em;margin:10px 2px 0;color:#718096;font-size:.66rem;line-height:1.45}.settingsPanel{display:grid;gap:14px;animation:settings-panel-in .2s ease-out}@keyframes settings-panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.controlSection{padding:19px;border:1px solid rgba(148,163,184,.14);border-radius:17px;background:#0f172ac7}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sectionTitle h2{margin:0;color:#f8fafc;font-size:.93rem;letter-spacing:-.015em}.sectionTitle>span{color:#64748b;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.spinButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.asyncServer{display:flex;align-items:center;gap:7px;margin-top:12px;color:#cbd5e1;font-size:.72rem}.asyncServer input{accent-color:#8b5cf6}.primaryButton,.secondaryButton,.segmented button{padding:10px 12px;border:0;border-radius:10px;font-size:.81rem;font-weight:800}.primaryButton{color:#fff;background:linear-gradient(130deg,#7c3aed,#a21caf);box-shadow:0 8px 20px #7c3aed3b}.secondaryButton{color:#d8b4fe;background:#7c3aed1f;border:1px solid rgba(167,139,250,.36)}.selectField{display:grid;gap:7px;color:#cbd5e1;font-size:.72rem;font-weight:700}select,.soundSection input,.mediaPicker input,.themeGrid input[type=number],.numberField input[type=number]{width:100%;border:1px solid rgba(148,163,184,.24);border-radius:9px;outline:none;background:#0b1222;color:#e2e8f0}select{padding:9px 10px}.topField{margin-top:12px}.fieldHint{margin:7px 0 0;color:#64748b;font-size:.67rem;line-height:1.45}.sectionLead{margin:-6px 0 13px;color:#718096;font-size:.69rem;line-height:1.5}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:12px;padding:3px;border-radius:10px;background:#0b1222}.segmented button{color:#94a3b8;background:transparent;font-size:.68rem}.segmented button.active{color:#f5f3ff;background:#32205a}.rangeField{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin-top:15px;color:#cbd5e1;font-size:.73rem;font-weight:700}.rangeField input{grid-column:1 / -1;width:100%;accent-color:#8b5cf6}.rangeField output{color:#a78bfa;font-variant-numeric:tabular-nums}.toggleGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;color:#cbd5e1;font-size:.72rem}.toggleGrid label{display:flex;align-items:center;gap:7px}.toggleGrid input{accent-color:#8b5cf6}.toggleLine{display:flex;align-items:center;gap:7px;margin-top:13px;color:#cbd5e1;font-size:.72rem}.toggleLine input{accent-color:#8b5cf6}.toggleLine--compact{margin-top:25px}.idleControls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.idleControls--disabled{opacity:.42}.twoColumns,.threeColumns{display:grid;gap:10px}.twoColumns{grid-template-columns:repeat(2,minmax(0,1fr))}.threeColumns{grid-template-columns:repeat(3,minmax(0,1fr))}.compactRange{margin-top:0;font-size:.66rem}.themeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.themeGrid label,.numberField{display:grid;gap:5px;color:#94a3b8;font-size:.63rem;font-weight:700}.numberField input[type=number]{min-height:30px;font-variant-numeric:tabular-nums}.themeGrid input[type=color]{width:100%;height:31px;padding:2px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#0b1222}.themeGrid input[type=number],.numberField input[type=number]{padding:7px 8px;font-size:.7rem}.mediaPicker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:12px}.mediaPicker>label:first-child{display:grid;gap:6px;color:#cbd5e1;font-size:.68rem;font-weight:700}.mediaPicker input:not([type=file]){padding:8px 9px;font-size:.68rem}.fileButton{display:inline-flex;align-items:center;min-height:34px;padding:8px 9px;border:1px solid rgba(167,139,250,.36);border-radius:8px;color:#ddd6fe;background:#7c3aed1f;font-size:.68rem;font-weight:800;cursor:pointer}.fileButton input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.denseActions{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:#64748b;font-size:.68rem;font-weight:700}.denseActions span{margin-right:auto}.denseActions button{min-width:38px;padding:5px 7px;border:1px solid rgba(167,139,250,.28);border-radius:7px;color:#c4b5fd;background:#7c3aed17;font-size:.66rem;font-weight:800}.textButton{padding:0;border:0;color:#c4b5fd;background:transparent;font-size:.72rem;font-weight:800}.itemList{display:grid;gap:7px;max-height:298px;overflow:auto;padding-right:3px}.itemEditor{display:grid;grid-template-columns:23px minmax(0,1fr) 80px 23px 23px;gap:7px;align-items:center;padding:3px;border:1px solid transparent;border-radius:9px}.itemEditor--selected{border-color:#a78bfa66;background:#7c3aed14}.itemEditor input:not([type=color]){width:100%;min-width:0;padding:7px 8px;border:1px solid rgba(148,163,184,.2);border-radius:7px;outline:none;background:#0b1222;color:#e2e8f0;font-size:.73rem}.itemEditor input[type=color]{width:23px;height:30px;padding:1px;border:0;border-radius:6px;background:transparent}.weightInput{position:relative}.weightInput span{position:absolute;top:50%;right:7px;color:#64748b;font-size:.56rem;pointer-events:none;transform:translateY(-50%)}.weightInput input{padding-right:27px!important}.iconButton{width:23px;height:23px;padding:0;border:0;border-radius:6px;color:#94a3b8;background:#172033;line-height:1}.iconButton:hover{color:#fca5a5;background:#401f30}.sectorTextEditor{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid rgba(167,139,250,.28);border-radius:11px;background:#1e293b6b}.sectorTextEditor .sectionTitle{margin-bottom:0}.sectorTextEditor h3{margin:0;color:#e9d5ff;font-size:.75rem}.clearImageButton{align-self:end;min-height:35px;padding:8px 7px;font-size:.67rem}.controlDisclosure{margin-top:8px;border:1px solid rgba(148,163,184,.13);border-radius:11px;background:#0206172e;overflow:hidden}.controlDisclosure:first-of-type{margin-top:0}.controlDisclosure summary{display:flex;align-items:center;gap:8px;padding:11px 12px;color:#cbd5e1;font-size:.7rem;font-weight:800;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.controlDisclosure summary::-webkit-details-marker{display:none}.controlDisclosure summary:before{width:6px;height:6px;flex:0 0 auto;border-right:1.5px solid #a78bfa;border-bottom:1.5px solid #a78bfa;content:"";transform:rotate(-45deg);transition:transform .18s ease}.controlDisclosure[open] summary:before{transform:rotate(45deg) translate(-1px,-1px)}.controlDisclosure summary:hover{color:#f5f3ff;background:#7c3aed0f}.controlDisclosure summary:focus-visible{outline:2px solid #a78bfa;outline-offset:-2px}.controlDisclosure summary span{margin-left:auto;color:#64748b;font-size:.58rem;font-weight:700}.disclosureBody{padding:4px 12px 13px;border-top:1px solid rgba(148,163,184,.09)}.editorDisclosure{margin-top:0;background:#02061738}.editorDisclosure .mediaPicker{margin-top:8px}.empty{margin:7px 0;color:#64748b;font-size:.77rem;text-align:center}.soundSection{display:grid;gap:7px}.soundSection .sectionTitle{margin-bottom:3px}.soundSection input{padding:9px 10px;font-size:.7rem}.soundPicker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.soundPicker>label:first-child{display:grid;gap:5px;color:#cbd5e1;font-size:.68rem;font-weight:700}.soundPicker .fileButton{align-self:end;min-height:34px}.soundFile{grid-column:1 / -1;display:flex;align-items:center;gap:7px;min-width:0;padding:6px 8px;border-radius:7px;color:#c4b5fd;background:#7c3aed1a;font-size:.66rem;font-weight:700}.soundFile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundFile button{margin-left:auto;width:18px;height:18px;padding:0;border:0;border-radius:5px;color:#ddd6fe;background:#7c3aed52;line-height:1}.switch{position:relative;display:inline-flex;border-radius:99px}.switch input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.switch:focus-within{outline:2px solid #c4b5fd;outline-offset:3px}.switch span{position:relative;display:block;width:33px;height:18px;border-radius:99px;background:#334155;transition:.2s}.switch span:after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#f8fafc;content:"";transition:.2s}.switch input:checked+span{background:#7c3aed}.switch input:checked+span:after{transform:translate(15px)}.error{margin:0;padding:10px 12px;border:1px solid rgba(248,113,113,.35);border-radius:10px;color:#fecaca;background:#7f1d1d38;font-size:.73rem}@media(max-width:940px){.playgroundGrid{grid-template-columns:1fr}.stage{position:static}.settingsNav{top:8px}.wheelStage{min-height:min(90vw,620px)}}@media(max-width:600px){.playground{padding:25px 14px 40px}.hero{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:25px}.heroTools{width:100%;justify-items:stretch}.languageSwitch{align-self:flex-start}.performanceNote{align-self:stretch}.stage{padding:12px;border-radius:18px}.wheelStage{min-height:336px}.stageMeta{align-items:flex-start;flex-direction:column}.settingsNav{padding:12px;border-radius:14px}.settingsNavTitle{margin-bottom:10px}.settingsTabs{overflow-x:auto;grid-template-columns:repeat(4,minmax(88px,1fr))}.spinButtons,.toggleGrid,.twoColumns,.threeColumns,.idleControls{grid-template-columns:1fr}.themeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.itemEditor{grid-template-columns:23px minmax(0,1fr) 62px 23px 23px}}:root{color:#e8e8ed;background:#050608;color-scheme:dark;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,Liberation Mono,ui-monospace,monospace;--page: #050608;--panel: #0a0c11;--panel-raised: #0e1118;--line: rgba(226, 232, 240, .12);--line-strong: rgba(203, 213, 225, .22);--muted: #858b9a;--soft: #b7bdca;--accent: #a78bfa;--accent-bright: #c4b5fd;--cyan: #67e8f9}html{scroll-behavior:smooth}body{overflow-x:hidden;background:radial-gradient(circle at 15% -10%,rgba(124,58,237,.14),transparent 31rem),radial-gradient(circle at 92% 8%,rgba(14,165,233,.08),transparent 28rem),var(--page)}body:before{position:fixed;z-index:-1;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 76%);mask-image:linear-gradient(to bottom,#000,transparent 76%);pointer-events:none;content:""}::selection{color:#08050f;background:var(--accent-bright)}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}.playground{position:relative;isolation:isolate;width:min(1540px,100%);margin:0 auto;padding:0 clamp(20px,4vw,68px) 48px}.ambient{position:absolute;z-index:-1;width:34rem;height:34rem;border-radius:50%;opacity:.18;filter:blur(100px);pointer-events:none;animation:ambient-drift 16s ease-in-out infinite alternate}.ambient--one{top:4rem;left:-23rem;background:#7c3aed}.ambient--two{top:38rem;right:-25rem;background:#0e7490;animation-delay:-7s}.siteNav{position:sticky;z-index:100;top:0;display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:24px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);background:#050608c2;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);animation:nav-in .7s cubic-bezier(.22,1,.36,1) both}.brand{display:inline-flex;align-items:center;gap:11px;color:#f4f4f6;font-size:.76rem;font-weight:700;letter-spacing:-.025em}.brandMark{position:relative;display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:1px solid rgba(196,181,253,.55);border-radius:50%;background:repeating-conic-gradient(from -10deg,#a78bfa 0 17deg,#151820 17deg 34deg);box-shadow:0 0 22px #8b5cf638;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.brandMark span{width:7px;height:7px;border:2px solid #050608;border-radius:50%;background:#f8fafc}.brand:hover .brandMark{box-shadow:0 0 28px #8b5cf666;transform:rotate(25deg)}.navLinks{display:flex;align-items:center;gap:clamp(12px,2vw,28px);color:var(--muted);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.navLinks>a{transition:color .2s ease}.navLinks>a:hover{color:#fff}.versionBadge{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--soft);background:#ffffff06;font-size:.58rem;letter-spacing:.04em}.languageSwitch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#ffffff06}.languageSwitch span{display:none}.languageSwitch button{min-width:33px;padding:5px 7px;border:0;border-radius:999px;color:#707787;background:transparent;font-size:.61rem;font-weight:800}.languageSwitch button:hover,.languageSwitch button.active{color:#0a0710;background:var(--accent-bright)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.8fr);align-items:center;min-height:clamp(680px,calc(100vh - 70px),850px);gap:clamp(54px,7vw,120px);margin:0;padding:clamp(74px,9vh,112px) 0}.heroContent{max-width:820px;scroll-margin-top:90px;animation:hero-in .9s .08s cubic-bezier(.22,1,.36,1) both}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;color:var(--accent-bright);font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.statusDot{position:relative;width:7px;height:7px;border-radius:50%;background:#67e8a5;box-shadow:0 0 14px #67e8a5b3}.statusDot:after{position:absolute;inset:-4px;border:1px solid rgba(103,232,165,.48);border-radius:inherit;content:"";animation:status-pulse 2s ease-out infinite}h1{max-width:900px;margin:0;color:#f7f7f9;font-family:inherit;font-size:clamp(3.35rem,5.8vw,7rem);font-weight:650;line-height:.92;letter-spacing:-.09em;text-wrap:balance}h1 span{color:transparent;background:linear-gradient(95deg,#c4b5fd 8%,#8b5cf6 50%,#67e8f9 94%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;animation:title-shimmer 7s ease-in-out infinite alternate}.heroCopy{max-width:720px;margin:30px 0 0;color:#999fad;font-size:clamp(.82rem,1.1vw,1rem);line-height:1.8}.heroActions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin-top:34px}.heroPrimary,.installButton{min-height:50px;border-radius:9px;font-size:.7rem;font-weight:800}.heroPrimary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 19px;color:#09070d;background:linear-gradient(120deg,#d8ccff,#a78bfa);box-shadow:0 12px 35px #7c3aed33;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.heroPrimary span{font-size:1rem;transition:transform .25s ease}.heroPrimary:hover{box-shadow:0 16px 42px #7c3aed57;transform:translateY(-2px)}.heroPrimary:hover span{transform:translate(2px,2px)}.installButton{display:flex;align-items:center;max-width:100%;gap:10px;padding:0 12px 0 15px;border:1px solid var(--line-strong);color:#d9dbe2;background:#0c0e14cc;transition:border-color .2s ease,background .2s ease,transform .2s ease}.installButton:hover{border-color:#a78bfa8c;background:#10131b;transform:translateY(-1px)}.installButton .prompt{color:var(--accent)}.installButton code{overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.copyLabel{margin-left:4px;padding:6px 8px;border-radius:5px;color:#9ca3b2;background:#ffffff0e;font-size:.56rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.installButton--copied{border-color:#67e8a57a}.installButton--copied .copyLabel{color:#99f6c4;background:#10b9811a}.quickStartCard{position:relative;overflow:hidden;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,#10131bf5,#07080cfa);box-shadow:0 38px 90px #00000075,inset 0 1px #ffffff09;scroll-margin-top:92px;animation:card-in 1s .22s cubic-bezier(.22,1,.36,1) both}.quickStartCard:before{position:absolute;top:0;left:8%;width:84%;height:1px;background:linear-gradient(90deg,transparent,#a78bfa,#67e8f9,transparent);content:"";animation:border-breathe 4s ease-in-out infinite}.codeWindowBar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line);color:#666d7c;font-size:.56rem;letter-spacing:.06em;text-transform:uppercase}.codeWindowBar>span:last-child{justify-self:end;color:#8b7bb6}.windowDots{display:flex;gap:5px}.windowDots i{display:block;width:6px;height:6px;border-radius:50%;background:#343947}.windowDots i:nth-child(2){background:#4f4668}.windowDots i:nth-child(3){background:#465c68}.quickStartHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 24px 21px}.quickStartHeader p,.installStep>span,.codeStep>span{margin:0 0 8px;color:#7e8492;font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.quickStartHeader h2{max-width:400px;margin:0;color:#f3f4f6;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.45;letter-spacing:-.035em}.quickStartIcon{color:var(--accent);font-size:2rem;line-height:1}.installStep,.codeStep{margin:0 24px}.installStep button{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;gap:16px;padding:13px 14px;border:1px solid rgba(167,139,250,.24);border-radius:8px;color:#e5e7eb;background:#7c3aed12;transition:border-color .2s ease,background .2s ease}.installStep button:hover{border-color:#a78bfa80;background:#7c3aed1f}.installStep code{overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.installStep code b{color:var(--accent)}.installStep button>span{color:#8e95a4;font-size:.9rem}.codeStep{margin-top:20px}.codeStep pre{max-height:248px;margin:0;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:8px;background:#06070a;color:#b9c0cd;font-size:clamp(.56rem,.72vw,.66rem);line-height:1.75;tab-size:2}.codeStep code{font-family:inherit}.quickStartNote{margin:18px 24px 24px;padding-top:16px;border-top:1px solid var(--line);color:#737a89;font-size:.6rem;line-height:1.65}.featureRail{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featureMetric{position:relative;display:grid;min-height:116px;align-content:center;gap:7px;padding:20px clamp(16px,2vw,30px);animation:metric-in .65s calc(.08s * var(--feature-index)) cubic-bezier(.22,1,.36,1) both}.featureMetric+.featureMetric{border-left:1px solid var(--line)}.featureMetric span{color:#f1f2f5;font-size:clamp(.95rem,1.4vw,1.2rem);font-weight:750;letter-spacing:-.045em}.featureMetric small{color:#737a88;font-size:.59rem;line-height:1.4;text-transform:uppercase;letter-spacing:.08em}.featureMetric:after{position:absolute;bottom:-1px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--accent),var(--cyan));content:"";transition:width .45s cubic-bezier(.22,1,.36,1)}.featureMetric:hover:after{width:100%}.playgroundIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:0 0 36px;scroll-margin-top:100px}.playgroundIntro>div:first-child{max-width:810px}.playgroundIntro h2{margin:0;color:#f4f4f6;font-size:clamp(2rem,4vw,4.3rem);line-height:1.04;letter-spacing:-.075em}.playgroundIntro>div>p:last-child{max-width:750px;margin:22px 0 0;color:#858b99;font-size:.76rem;line-height:1.75}.performanceNote{display:flex;align-items:center;gap:13px;flex:0 0 auto;padding:12px 15px;border:1px solid rgba(167,139,250,.28);border-radius:9px;background:#7c3aed11;white-space:nowrap}.performanceNote span{color:#d2c8f6;font-size:.9rem;font-weight:800;letter-spacing:-.04em}.performanceNote small{color:#777f8d;font-size:.55rem;line-height:1.4;text-transform:uppercase}.playgroundGrid{grid-template-columns:minmax(0,1.12fr) minmax(410px,.78fr);gap:clamp(24px,3.8vw,58px)}.stage{top:91px;padding:16px;overflow:visible;border:1px solid var(--line-strong);border-radius:19px;background:radial-gradient(circle at 50% 43%,rgba(124,58,237,.14),transparent 43%),linear-gradient(145deg,#10131bf7,#07080cfa);box-shadow:0 34px 90px #00000061,inset 0 1px #ffffff07}.stage:before{position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:linear-gradient(130deg,rgba(167,139,250,.18),transparent 28%,transparent 70%,rgba(103,232,249,.1));content:""}.resultPill{min-height:52px;padding:10px 13px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#02030694;color:#f0f1f4;font-size:.72rem}.resultPill span{color:#737a89;font-size:.54rem;letter-spacing:.12em}.wheelStage{min-height:clamp(430px,53vw,720px)}.wheelStage>.wheel{filter:drop-shadow(0 32px 30px rgba(0,0,0,.38))}.stageMeta{padding:13px 3px 0;border-top:1px solid var(--line);color:#737a89;font-size:.57rem;line-height:1.5}.stageMeta strong{color:#cfd3dc;font-weight:650}.controls{gap:12px}.settingsNav{top:82px;padding:15px;border:1px solid var(--line-strong);border-radius:14px;background:#080a0ee0;box-shadow:0 22px 60px #00000047;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}.settingsNavTitle{margin-bottom:12px}.settingsNavTitle>div>span{color:#8e7bc0;font-size:.53rem;letter-spacing:.12em}.settingsNavTitle h2{color:#f0f1f3;font-size:.91rem;font-weight:650}.settingsCount{border:1px solid rgba(167,139,250,.18);color:#b8a9e6;background:#7c3aed12;font-size:.56rem}.settingsTabs{gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#05070a}.settingsTabs button{padding:9px 5px;border-radius:6px;color:#747b89;font-size:.6rem;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.settingsTabs button:hover{color:#d8dbe2;background:#ffffff09}.settingsTabs button.active{color:#0a0710;background:linear-gradient(120deg,#d1c5fa,#a78bfa);box-shadow:0 5px 18px #7c3aed2e}.settingsDescription{margin-top:9px;color:#666d7b;font-size:.57rem}.settingsPanel{gap:12px;animation:settings-panel-in .35s cubic-bezier(.22,1,.36,1)}.controlSection{padding:18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#0e1118e6,#090b10f0);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.controlSection:hover{border-color:#cbd5e12e;box-shadow:inset 0 1px #ffffff06}.sectionTitle{margin-bottom:15px}.sectionTitle h2{color:#f0f1f4;font-size:.8rem;font-weight:650}.sectionTitle>span{color:#686f7e;font-size:.54rem}.sectionTitle h3{font-weight:650}.primaryButton,.secondaryButton,.segmented button{min-height:39px;border-radius:7px;font-size:.67rem;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.primaryButton{color:#0a0710;background:linear-gradient(120deg,#d1c5fa,#9f83ed);box-shadow:0 10px 26px #7c3aed2e}.primaryButton:not(:disabled):hover{box-shadow:0 13px 30px #7c3aed4d;transform:translateY(-1px)}.secondaryButton{border:1px solid rgba(167,139,250,.3);color:#c6b9eb;background:#7c3aed13}.secondaryButton:not(:disabled):hover{border-color:#a78bfa8c;background:#7c3aed1f}.selectField,.rangeField,.asyncServer,.toggleGrid,.toggleLine{color:#abb1bd;font-size:.64rem}select,.soundSection input,.mediaPicker input,.themeGrid input[type=number],.numberField input[type=number]{border-color:var(--line);border-radius:7px;background:#07090d;color:#d9dce3;transition:border-color .2s ease,box-shadow .2s ease}select{min-height:38px;padding:9px 10px}select:focus,.soundSection input:focus,.mediaPicker input:focus,.themeGrid input[type=number]:focus,.numberField input[type=number]:focus,.itemEditor input:focus{border-color:#a78bfa9e;box-shadow:0 0 0 3px #7c3aed1a}.fieldHint,.sectionLead{color:#69707e}.segmented{border:1px solid rgba(255,255,255,.045);border-radius:8px;background:#06080c}.segmented button{color:#767d8b}.segmented button.active{color:#e9e5f7;background:#272033}.rangeField output{color:#b4a3e3}.controls input[type=range]{height:17px;margin:0;appearance:none;background:transparent}.controls input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(90deg,#4c3a74,#282d38)}.controls input[type=range]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;border:2px solid #090b10;border-radius:50%;appearance:none;background:#c4b5fd;box-shadow:0 0 0 1px #c4b5fd59,0 0 14px #a78bfa40}.controls input[type=range]::-moz-range-track{height:3px;border-radius:99px;background:#282d38}.controls input[type=range]::-moz-range-progress{height:3px;border-radius:99px;background:#7861b5}.controls input[type=range]::-moz-range-thumb{width:11px;height:11px;border:2px solid #090b10;border-radius:50%;background:#c4b5fd}.themeGrid label{color:#858c9a;font-size:.56rem}.numberField{color:#858c9a;font-size:.64rem}.themeGrid input[type=color]{border-color:var(--line);border-radius:7px;background:#07090d}.fileButton{border-color:#a78bfa47;border-radius:7px;color:#c7bbeb;background:#7c3aed13}.denseActions{color:#69707e;font-size:.59rem}.denseActions button{border-color:#a78bfa33;color:#b9aae5;background:#7c3aed0f}.textButton{color:#b8a7e7;font-size:.63rem;transition:color .2s ease}.textButton:hover{color:#e6dfff}.itemEditor{border-radius:7px}.itemEditor--selected{border-color:#a78bfa52;background:#7c3aed11}.itemEditor input:not([type=color]){border-color:var(--line);border-radius:6px;background:#07090d;color:#d7dae1;font-size:.64rem}.iconButton{border:1px solid rgba(255,255,255,.05);border-radius:5px;color:#8a919f;background:#131720}.sectorTextEditor{border-color:#a78bfa38;border-radius:9px;background:#141720b8}.sectorTextEditor h3{color:#d7ccef}.controlDisclosure{border-color:var(--line);border-radius:8px;background:#0305083d}.controlDisclosure summary{color:#acb2bd;font-size:.62rem}.controlDisclosure summary:hover{color:#f0edf8;background:#7c3aed0b}.controlDisclosure summary span{color:#686f7d;font-size:.52rem}.disclosureBody{border-color:#ffffff0e}.soundFile{color:#c1b5e4;background:#7c3aed12}.switch span{background:#2d333e}.switch input:checked+span{background:#8b6ed7}.error{border-color:#f8717147;border-radius:8px;color:#fecaca;background:#7f1d1d29}.siteFooter{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:110px;padding:28px 0 0;border-top:1px solid var(--line);color:#626977;font-size:.58rem}.developerLink{color:#858b99;text-decoration:none;transition:color .2s ease}.developerLink:hover{color:#e6d5ff}.siteFooter>a:last-child{justify-self:end;display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--line);border-radius:50%;color:#aab0bc;transition:border-color .2s ease,color .2s ease,transform .2s ease}.siteFooter>a:last-child:hover{border-color:#a78bfa80;color:#fff;transform:translateY(-2px)}@keyframes nav-in{0%{opacity:0;transform:translateY(-12px)}}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}}@keyframes card-in{0%{opacity:0;transform:translateY(28px) scale(.985)}}@keyframes metric-in{0%{opacity:0;transform:translateY(14px)}}@keyframes ambient-drift{to{transform:translate3d(6rem,4rem,0) scale(1.12)}}@keyframes status-pulse{0%{opacity:.9;transform:scale(.65)}80%,to{opacity:0;transform:scale(1.75)}}@keyframes title-shimmer{to{background-position:100% 50%}}@keyframes border-breathe{0%,to{opacity:.45;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}@media(max-width:1180px){.hero{grid-template-columns:minmax(0,1fr) minmax(410px,.8fr);gap:48px}.playgroundGrid{grid-template-columns:1fr}.stage{position:static}.settingsNav{top:78px}.wheelStage{min-height:min(83vw,720px)}}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;gap:54px;padding:76px 0 90px}.heroContent{max-width:760px}.quickStartCard{width:min(100%,680px)}.featureRail{margin-bottom:90px}.playgroundIntro{align-items:flex-start;flex-direction:column}}@media(max-width:660px){.playground{padding:0 14px 32px}.siteNav{min-height:62px;padding-right:14px;padding-left:14px}.brand{font-size:.65rem}.brandMark{width:24px;height:24px}.navLinks{gap:8px}.navLinks>a,.versionBadge{display:none}.languageSwitch button{min-width:30px}.hero{padding:62px 0 72px}h1{font-size:clamp(2.8rem,15.5vw,4.4rem);letter-spacing:-.085em}.heroCopy{margin-top:24px;font-size:.73rem}.heroActions{align-items:stretch;flex-direction:column}.heroPrimary,.installButton{width:100%}.installButton code{flex:1;text-align:left}.quickStartHeader,.installStep,.codeStep,.quickStartNote{margin-right:15px;margin-left:15px}.quickStartHeader{padding:21px 0 18px}.quickStartIcon{display:none}.codeStep pre{font-size:.54rem}.featureRail{grid-template-columns:repeat(2,1fr);margin-bottom:76px}.featureMetric{min-height:100px;padding:16px}.featureMetric+.featureMetric{border-left:0}.featureMetric:nth-child(2n){border-left:1px solid var(--line)}.featureMetric:nth-child(n+3){border-top:1px solid var(--line)}.playgroundIntro{margin-bottom:24px}.playgroundIntro h2{font-size:clamp(2rem,10vw,3.1rem)}.performanceNote{width:100%;justify-content:space-between}.stage{padding:10px;border-radius:14px}.wheelStage{min-height:330px}.settingsNav{top:68px}.settingsTabs{grid-template-columns:repeat(4,minmax(84px,1fr))}.controlSection{padding:15px}.siteFooter{grid-template-columns:minmax(0,1fr) auto;margin-top:72px}.developerLink{grid-column:1;grid-row:2}.siteFooter>a:last-child{grid-column:2;grid-row:1 / span 2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient,.siteNav,.heroContent,.quickStartCard,.featureMetric,.statusDot:after,h1 span,.quickStartCard:before{animation:none}.brandMark,.heroPrimary,.heroPrimary span,.installButton,.featureMetric:after,.primaryButton,.secondaryButton,.segmented button,.controlSection,.siteFooter>a:last-child{transition:none}}