.panorama-art,.panorama-preview,.beta-shop,.beta-detail{--panorama-accent:var(--active-season-ink,var(--ui-season-accent,var(--primary)));--panorama-light:var(--active-season-color,var(--panorama-accent));--panorama-bed:var(--background);--panorama-line:color-mix(in srgb,var(--panorama-accent) 24%,transparent)}.panorama-art{isolation:isolate;pointer-events:none;background:var(--panorama-bed);position:absolute;inset:0;overflow:hidden}.panorama-atmosphere{background:radial-gradient(ellipse at 83% 44%,color-mix(in srgb,var(--panorama-light) 26%,transparent),transparent 54%),linear-gradient(110deg,var(--background) 22%,color-mix(in srgb,var(--card) 85%,var(--panorama-light)));position:absolute;inset:0}.panorama-grain{z-index:3;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--foreground) 8%,transparent) 3px 4px);-webkit-mask-image:linear-gradient(90deg,transparent 25%,var(--foreground));mask-image:linear-gradient(90deg,transparent 25%,var(--foreground));pointer-events:none;position:absolute;inset:0}.panorama-fractures{width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 25%,var(--foreground) 55%);mask-image:linear-gradient(90deg,transparent 25%,var(--foreground) 55%);position:absolute;inset:0}.fracture-bed{fill:color-mix(in srgb,var(--panorama-light) 12%,var(--background))}.fracture-panel{stroke:color-mix(in srgb,var(--foreground) 8%,transparent);stroke-width:1px;fill:var(--background)}.fracture-panel-a{fill:color-mix(in srgb,var(--foreground) 4%,var(--background))}.fracture-panel-b{fill:color-mix(in srgb,var(--panorama-light) 8%,var(--background))}.fracture-panel-c{fill:color-mix(in srgb,var(--card) 80%,var(--background))}.fracture-panel-d{fill:color-mix(in srgb,var(--panorama-light) 4%,var(--background))}.fracture-glow,.fracture-core,.fracture-etch{fill:none;stroke:var(--panorama-accent)}.fracture-glow{stroke-width:7px;filter:blur(7px);opacity:.7}.fracture-core{stroke-width:1.5px;opacity:.8}.fracture-etch{stroke-width:.6px;opacity:.17}.panorama-flux .panorama-atmosphere{background:radial-gradient(ellipse at 83% 55%,color-mix(in srgb,var(--panorama-light) 35%,transparent),transparent 48%),linear-gradient(100deg,var(--background) 20%,color-mix(in srgb,var(--card) 85%,var(--panorama-light)))}.flux-halo{background:radial-gradient(ellipse,color-mix(in srgb,var(--panorama-accent) 24%,transparent),transparent 62%);filter:blur(20px);border-radius:50%;animation:7s ease-in-out infinite panorama-breathe;position:absolute;inset:-40% -4% -40% 46%}.flux-orbits{-webkit-mask-image:linear-gradient(90deg,transparent,var(--foreground) 35%);mask-image:linear-gradient(90deg,transparent,var(--foreground) 35%);position:absolute;inset:-45% -10% -40% 42%;transform:rotate(-18deg)}.flux-orbits i{border:1px solid color-mix(in srgb,var(--panorama-accent) 65%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--panorama-light) 38%,transparent),inset 0 0 12px color-mix(in srgb,var(--panorama-light) 18%,transparent);border-radius:50%;animation:9s ease-in-out infinite panorama-wave;position:absolute;inset:20% 8%}.flux-orbits i:nth-child(2){opacity:.45;animation-delay:-3s;inset:9% 1%}.flux-orbits i:nth-child(3){animation-delay:-6s;inset:31% 16%}.flux-streams{-webkit-mask-image:linear-gradient(90deg,transparent,var(--foreground) 45%,var(--foreground) 92%,transparent);mask-image:linear-gradient(90deg,transparent,var(--foreground) 45%,var(--foreground) 92%,transparent);position:absolute;inset:0 0 0 25%;overflow:hidden}.flux-streams i{background:linear-gradient(90deg,transparent,var(--panorama-accent));width:24%;height:1px;filter:drop-shadow(0 0 4px var(--panorama-light));opacity:0;animation:8s linear infinite panorama-flow;position:absolute;top:24%;left:0}.flux-streams i:after{content:"";background:var(--panorama-accent);width:3px;height:3px;box-shadow:0 0 10px var(--panorama-accent);border-radius:50%;position:absolute;top:-1px;right:0}.flux-streams i:nth-child(2){animation-duration:11s;animation-delay:-2s;top:40%}.flux-streams i:nth-child(3){animation-delay:-5s;top:61%}.flux-streams i:nth-child(4){animation-duration:12s;animation-delay:-6s;top:79%}.flux-streams i:nth-child(5){animation-duration:10s;animation-delay:-4s;top:33%}.flux-streams i:nth-child(6){animation-duration:9s;animation-delay:-1s;top:68%}.flux-horizon{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--panorama-accent) 65%,transparent),transparent);height:1px;filter:drop-shadow(0 0 5px var(--panorama-accent));position:absolute;top:57%;left:52%;right:0;transform:rotate(-10deg)}@keyframes panorama-flow{0%{opacity:0;transform:translate(-100%)}25%{opacity:.15}55%,80%{opacity:.8}to{opacity:0;transform:translate(510%)}}@keyframes panorama-wave{0%,to{opacity:.35;transform:translate(-2%)scale(.98)}50%{opacity:.85;transform:translate(2%)scale(1.04)}}@keyframes panorama-breathe{0%,to{opacity:.45;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}.profile-elite.profile-elite .profile-cover:is(.banner-obsidian-fracture,.banner-neon-flux){background:var(--background)!important}.profile-cover:is(.banner-obsidian-fracture,.banner-neon-flux):before,.profile-cover:is(.banner-obsidian-fracture,.banner-neon-flux):after,.profile-cover:is(.banner-obsidian-fracture,.banner-neon-flux)>.profile-cover-wordmark{display:none!important}.profile-cover>.panorama-art{z-index:0;border-radius:inherit}.panorama-preview{width:100%;color:var(--foreground);isolation:isolate;padding-bottom:10px;position:relative}.panorama-preview-cover{aspect-ratio:5.2;border:1px solid var(--panorama-line);border-radius:9px;position:relative;overflow:hidden}.panorama-preview-identity{z-index:1;border:1px solid var(--panorama-line);background:linear-gradient(110deg,color-mix(in srgb,var(--background) 90%,transparent),color-mix(in srgb,var(--card) 76%,transparent));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:9px;align-items:center;gap:10px;min-height:70px;margin:-3.4% 1.8% 0;padding:12px 16px;display:flex;position:relative}.panorama-preview-identity>img{object-fit:cover;border-radius:8px;width:42px;height:42px}.panorama-preview-identity>div{gap:4px;min-width:0;display:grid}.panorama-preview-identity small{font:7px var(--font-mono,monospace);letter-spacing:.14em;color:var(--panorama-accent)}.panorama-preview-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.1;overflow:hidden}.panorama-preview-identity span{color:color-mix(in srgb,var(--foreground) 65%,transparent);font-size:9px}.panorama-equipped{color:var(--panorama-accent);font-size:9px;position:absolute;top:10px;left:12px}.shop-mockup:has(.panorama-preview) .shop-mockup-scene{background:var(--background);min-height:0;padding:0;display:block}.shop-mockup:has(.panorama-preview) .shop-mockup-profile-nav{gap:18px;margin:0 12px;padding:10px;font-size:9px}.beta-product:has(.panorama-preview) .beta-product-art{aspect-ratio:auto;width:100%;min-height:0;padding:0;display:block}.beta-product:has(.panorama-preview) .shop-mockup{width:100%;height:auto;min-height:0}.panorama-motion-badge{font:9px var(--font-mono,monospace);letter-spacing:.08em;color:var(--panorama-accent);border:1px solid var(--panorama-line);background:color-mix(in srgb,var(--panorama-accent) 9%,transparent);border-radius:20px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.beta-product:has(.panorama-preview) footer>button{background:color-mix(in srgb,var(--panorama-accent) 12%,var(--background));border:1px solid var(--panorama-line);color:var(--panorama-accent);box-shadow:inset 0 0 14px color-mix(in srgb,var(--panorama-accent) 6%,transparent);border-radius:8px;transition:box-shadow .3s ease-out,background .3s ease-out,border-color .3s ease-out}.beta-detail:has(.panorama-preview) .beta-primary{background:color-mix(in srgb,var(--panorama-accent) 12%,var(--background));border:1px solid var(--panorama-line);color:var(--panorama-accent);box-shadow:inset 0 0 14px color-mix(in srgb,var(--panorama-accent) 6%,transparent);border-radius:8px;transition:box-shadow .3s ease-out,background .3s ease-out,border-color .3s ease-out}.beta-product:has(.panorama-preview) footer>button:hover{background:color-mix(in srgb,var(--panorama-accent) 20%,var(--background));border-color:var(--panorama-accent);box-shadow:0 0 25px color-mix(in srgb,var(--panorama-accent) 28%,transparent)}.beta-detail:has(.panorama-preview) .beta-primary:hover:not(:disabled){background:color-mix(in srgb,var(--panorama-accent) 20%,var(--background));border-color:var(--panorama-accent);box-shadow:0 0 25px color-mix(in srgb,var(--panorama-accent) 28%,transparent)}.beta-detail:has(.panorama-preview) .beta-primary:focus-visible{outline:2px solid var(--panorama-accent);outline-offset:4px}.beta-detail:has(.panorama-preview) .beta-detail-preview{align-self:center;min-height:0;padding:20px}.motion-paused .panorama-art *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.panorama-art *{animation:none!important}.flux-streams i{opacity:.5;transform:translate(230%)}}html[data-reduce-motion=true] .panorama-art *{animation:none!important}.beta-shop .beta-product-grid:has(.panorama-preview){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.beta-shop .beta-product:has(.panorama-preview){border:1px solid var(--panorama-line);background:color-mix(in srgb,var(--card) 65%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.beta-shop .beta-product:has(.panorama-preview) .beta-product-copy{flex-direction:column;flex:1;gap:14px;padding:24px;display:flex}.beta-shop .beta-product:has(.panorama-preview) .beta-product-copy>h3{color:var(--foreground);letter-spacing:-.035em;margin:0;font-weight:750}.beta-shop .beta-product:has(.panorama-preview) .beta-product-copy>span{color:var(--panorama-accent);align-self:flex-start}.beta-shop .beta-product:has(.panorama-preview) .beta-stock{color:color-mix(in srgb,var(--foreground) 68%,transparent);margin:0}.beta-shop .beta-product:has(.panorama-preview) footer{border-color:var(--panorama-line);margin-top:auto;padding-top:18px}.beta-shop .beta-product:has(.panorama-preview) footer>button{min-height:44px;padding:12px 18px;font-weight:700}.beta-shop .shop-mockup:has(.panorama-preview) .shop-mockup-scene{height:auto;min-height:0;padding:38px 14px 4px;display:block}.beta-shop .shop-mockup:has(.panorama-preview) :is(.shop-mockup-caption,.shop-mockup-toolbar){background:color-mix(in srgb,var(--background) 65%,transparent);color:color-mix(in srgb,var(--foreground) 65%,transparent);border-color:var(--panorama-line)}.beta-detail:has(.panorama-preview){-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--panorama-line)!important;background:color-mix(in srgb,var(--card) 88%,transparent)!important;border-radius:16px!important}.beta-detail:has(.panorama-preview) .beta-detail-preview{background:0 0}@media (max-width:700px){.beta-shop .beta-product-grid:has(.panorama-preview){grid-template-columns:minmax(0,1fr)}}.profile-customizer.profile-customizer .customizer-item:has(.panorama-preview){grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.profile-customizer .customizer-item>.panorama-preview{grid-column:1/-1;min-width:0;padding:0}.profile-customizer .panorama-preview-identity{display:none}
