.preloader-overlay{background:var(--color-black);z-index:1000;flex-direction:column;justify-content:center;align-items:center;transition:transform 1.5s cubic-bezier(.16,1,.3,1),opacity 1.2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.preloader-canvas{pointer-events:none;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.preloader-content{z-index:10;text-align:center;position:relative}.preloader-meta{letter-spacing:.8em;text-transform:uppercase;color:var(--text-muted);margin-top:2rem;font-size:15px;font-weight:300;animation:2s infinite alternate preloader-pulse}@keyframes preloader-pulse{0%{color:var(--bg-surface)}to{color:var(--text-muted)}}.preloader-progress-bar{background:var(--white-subtle);width:700px;height:1px;margin-top:1rem;position:relative;overflow:hidden}.preloader-progress-fill{background:var(--color-white);height:100%;box-shadow:0 0 10px var(--color-white);transition:width .3s ease-out;position:absolute;top:0;left:0}
:root{--wheel-bg:var(--bg-primary);--wheel-surface:var(--bg-secondary);--wheel-accent:var(--color-copper);--wheel-accent-glow:var(--copper-normal);--wheel-accent-muted:var(--copper-subtle);--wheel-text-muted:var(--copper-strong)}.wheel-scene{perspective:1200px;background:var(--wheel-bg);--wheel-orbit:44vh;align-items:center;width:100%;height:100vh;transition:transform .1s ease-out;display:flex;position:relative;overflow:hidden}@media (max-width:900px){.wheel-scene{--wheel-orbit:32vmin}}@media (max-width:600px){.wheel-scene{--wheel-orbit:35vh;justify-content:center;align-items:flex-end}}.wheel-noise{opacity:.04;pointer-events:none;z-index:10;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.dial-container{width:100vh;height:100vh;transform-style:preserve-3d;cursor:grab;border-radius:50%;margin-top:-50vh;position:absolute;top:50%;left:-50vh;transform:rotateY(0)rotateX(0)}.dial-container:active{cursor:grabbing}.physical-base{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));width:100%;height:100%;box-shadow:inset 0 0 100px rgba(var(--color-black-rgb),1);border-radius:50%;position:absolute;top:0;left:0;transform:translateZ(-30px)}.physical-rim{border:1px solid var(--copper-normal);background:radial-gradient(circle at center,transparent 65%,var(--copper-subtle)100%);box-shadow:inset 0 0 40px rgba(var(--color-black-rgb),.8),0 0 20px rgba(var(--color-black-rgb),1),inset 1px 1px 2px var(--copper-normal);pointer-events:none;border-radius:50%;position:absolute;inset:2%;transform:translateZ(-10px)}.physical-hub{background:radial-gradient(circle at top left,var(--bg-surface),var(--bg-primary));border:1px solid var(--copper-normal);width:40%;height:40%;box-shadow:inset 1px 1px 5px var(--copper-normal),0 30px 50px rgba(var(--color-black-rgb),.9),0 10px 20px rgba(var(--color-black-rgb),.7);border-radius:50%;position:absolute;top:30%;left:30%;transform:translateZ(20px)}.physical-hub:after{content:"";border:1px solid var(--wheel-accent-muted);background:repeating-radial-gradient(circle at center,transparent 0,transparent 4px,var(--copper-subtle)5px);border-radius:50%;position:absolute;inset:15%}.wheel-dial{width:100%;height:100%;transform-style:preserve-3d;border-radius:50%;position:absolute;top:0;left:0}.wheel-tick{transform-origin:0;background:var(--wheel-accent);transform-style:preserve-3d;border-radius:2px;position:absolute;top:50%;left:50%}.wheel-tick.major{opacity:.25;width:14px;height:2px}.wheel-tick.minor{opacity:.1;width:6px;height:1px}.wheel-dial-item{transform-origin:0;width:55vh;height:80px;transform-style:preserve-3d;will-change:transform;pointer-events:none;justify-content:flex-start;align-items:center;margin-top:-40px;padding-left:220px;display:flex;position:absolute;top:50%;left:50%}.wheel-item-text{letter-spacing:5px;text-transform:uppercase;color:var(--wheel-text-muted);will-change:transform,opacity,filter;font-size:1.65rem;font-weight:200;font-family:var(--font-space-grotesk),sans-serif;text-align:left;white-space:normal;max-width:450px;line-height:1.2;transition:color .4s,text-shadow .4s,font-weight .4s;position:relative;transform:translateZ(40px)}.wheel-item-text span{opacity:.4;letter-spacing:2px;color:var(--wheel-accent);font-size:.9rem;position:absolute;top:.3rem;right:calc(100% + 120px)}.wheel-pointer-wrapper{pointer-events:none;z-index:5;align-items:center;gap:0;display:flex;position:absolute;top:50%;left:45vh;transform:translateY(-50%)}.wheel-pointer-line{background:linear-gradient(90deg,transparent,var(--wheel-accent),transparent);width:80px;height:1px;box-shadow:0 0 15px 1px var(--wheel-accent)}.wheel-pointer-bracket{border-right:2px solid var(--wheel-accent);border-top:2px solid var(--wheel-accent);border-bottom:2px solid var(--wheel-accent);width:12px;height:30px;box-shadow:inset -4px 0 10px -4px var(--wheel-accent-glow);opacity:.8;border-radius:0 4px 4px 0}@media (max-width:900px){.dial-container{width:70vmin;height:70vmin;margin-top:-35vmin;left:-35vmin}.wheel-dial-item{width:40vmin;padding-left:140px}.wheel-item-text{letter-spacing:3px;max-width:250px;font-size:1.2rem}.wheel-item-text span{font-size:.75rem;right:calc(100% + 60px)}.wheel-pointer-wrapper{left:32vmin}.wheel-pointer-line{width:40px}}@media (max-width:600px){.dial-container{cursor:ns-resize;width:100vh;height:100vh;margin-top:-50vh;margin-left:-50vh;top:100%;left:50%;transform:translateY(15vh)rotate(-90deg)}.physical-rim{border:1px solid var(--copper-normal);background:radial-gradient(circle at center,transparent 65%,var(--copper-subtle)100%);inset:15%}.physical-hub{width:24%;height:24%;top:38%;left:38%}.wheel-dial-item{transform-origin:0;justify-content:flex-start;align-items:center;width:auto;padding-left:0;display:flex}.wheel-item-text{letter-spacing:4px;text-align:center;flex-direction:column;align-items:center;max-width:250px;margin-left:0;font-size:1.1rem;display:flex}.wheel-item-text span{opacity:.5;letter-spacing:2px;color:var(--wheel-accent);font-size:.65rem;position:absolute;bottom:-2.2rem;left:50%;transform:translate(-50%)}.wheel-pointer-wrapper{flex-direction:column-reverse;justify-content:flex-end;align-items:center;gap:0;height:50vh;display:flex;top:auto;bottom:-15vh;left:50%;transform:translate(-50%)}.wheel-pointer-line{background:linear-gradient(180deg,var(--wheel-accent)0%,var(--copper-strong)50%,transparent 100%);width:1px;box-shadow:0 0 10px var(--wheel-accent-glow);opacity:.6;flex-grow:1}.wheel-pointer-bracket{border-top:2px solid var(--wheel-accent);border-left:2px solid var(--wheel-accent);border-right:2px solid var(--wheel-accent);width:40px;height:14px;box-shadow:0 -5px 15px -5px var(--wheel-accent-glow);border-bottom:none;border-radius:6px 6px 0 0;margin-bottom:-1px}}