/* A continuous celestial environment, rendered with composited vector layers. */
.ambient.cosmos{position:fixed;inset:0;height:100dvh;z-index:-1;overflow:hidden;pointer-events:none;background:#040c18;contain:strict}
.cosmos::before{inset:0;z-index:2;background:linear-gradient(90deg,#040b1699,transparent 65%),linear-gradient(0deg,#06101c66,transparent 35%);animation:none;transform:none}
.cosmos::after{inset:0;z-index:3;background:radial-gradient(ellipse at 50% 45%,transparent 30%,#02081166 100%);animation:none;transform:none}
.cosmos>div{position:absolute;pointer-events:none}
.cosmos-nebula{inset:-20%;background:radial-gradient(ellipse at 77% 25%,#00bce63d,transparent 36%),radial-gradient(ellipse at 30% 80%,#d38f3029,transparent 35%),radial-gradient(ellipse at 12% 20%,#146a9d33,transparent 30%);animation:nebula-tide 24s ease-in-out infinite alternate}
.cosmos-disc{width:min(118vw,1700px);aspect-ratio:1;right:-27%;top:calc(40% - min(59vw,850px));background:url('assets/origin-galaxy.svg') center/contain no-repeat;opacity:.65;animation:galaxy-turn 180s linear infinite;will-change:transform}
.cosmos-stars{inset:-20%;background:url('assets/origin-stars.svg') repeat;background-size:1000px;opacity:.55}
.cosmos-far{animation:star-current 100s linear infinite alternate}
.cosmos-near{background-size:1600px;opacity:.48;transform:rotate(23deg);animation:near-current 70s ease-in-out infinite alternate}
.cosmos-orbit{width:100vw;height:100vw;right:-43%;top:calc(50% - 50vw);border:1px solid #80eaff13;border-radius:50%;box-shadow:0 0 0 45px #4dcfff05,inset 0 0 70px #04baff06;transform:rotate(-25deg) scaleY(.62)}
.cosmos-orbit::after{content:'';position:absolute;inset:10%;border-radius:50%;border:1px dashed #f1c56c17;animation:galaxy-turn 130s linear infinite reverse}
.cosmos-trail{width:180px;height:1px;right:8%;top:19%;background:linear-gradient(90deg,transparent,#7aefff99,#e4fcff);box-shadow:0 0 9px #40deff55;opacity:0;animation:celestial-trail 19s ease-in-out infinite}
@keyframes galaxy-turn{from{transform:rotate(-20deg)}to{transform:rotate(340deg)}}
@keyframes nebula-tide{from{transform:translate(-3%,2%) scale(1);opacity:.7}to{transform:translate(6%,-5%) scale(1.1);opacity:1}}
@keyframes star-current{from{transform:translate(0,0)}to{transform:translate(-6%,9%)}}
@keyframes near-current{from{transform:rotate(23deg) translate(0,0)}to{transform:rotate(26deg) translate(5%,-7%)}}
@keyframes celestial-trail{0%,78%,100%{opacity:0;transform:rotate(-28deg) translateX(0)}82%{opacity:.6}92%{opacity:0;transform:rotate(-28deg) translateX(-420px)}}
/* Sharper liquid edges let the universe show through without moving the text. */
.header-shell{background:linear-gradient(110deg,#1a4056d9,#102238d9 55%,#51412680) padding-box,linear-gradient(115deg,#92eaffaa,#a5d7e538 45%,#ffd384aa) border-box;box-shadow:inset 0 1px #e0faff66,inset 0 -1px #8be2ff21,0 18px 50px #00102066,0 0 35px #15c5ff0b}
.header-shell .brand-mark{filter:drop-shadow(0 0 12px #05caff4d)}
.hero-copy{position:relative}.identity-hero h1{text-shadow:0 8px 42px #00101c99}.identity-hero p{text-shadow:0 2px 8px #040b16}
.identity-stage::before{background:radial-gradient(ellipse,#00c8ff33,transparent 65%);animation:emblem-halo 9s ease-in-out infinite alternate}
.compass-ring{border-color:#60dbff3d;animation:compass-breathe 12s ease-in-out infinite alternate}.compass-ring::before{border-color:#e2b75b40}.compass-ring::after{opacity:.75}
.hero-card.brand-emblem{animation-duration:7s}.hero-card.brand-emblem>img{filter:drop-shadow(0 12px 35px #00b7ff20)}
@keyframes emblem-halo{from{transform:scale(.93);opacity:.6}to{transform:scale(1.07);opacity:1}}
@keyframes compass-breathe{from{transform:rotate(-15deg) scale(.96);opacity:.5}to{transform:rotate(-5deg) scale(1.02);opacity:1}}
.pricing-ribbon{background:linear-gradient(110deg,#1b4c63b3,#122a3cba 62%,#5b492859);border-color:#85d9f35e;box-shadow:inset 0 1px #d6faff4d,0 12px 40px #00101f55}
.category-ribbon>a{border-radius:12px;backdrop-filter:blur(12px)}
.category-ribbon>a:nth-child(1){background:linear-gradient(120deg,#c0871940,#1a303fa6)}
.category-ribbon>a:nth-child(2){background:linear-gradient(120deg,#139bcc40,#152e43a6)}
.category-ribbon>a:nth-child(3){background:linear-gradient(120deg,#8eb9cf30,#172e3fa6)}
.category-ribbon>a:nth-child(4){background:linear-gradient(120deg,#b18a3f33,#172d3fa6)}
.orbital-glass{position:relative;isolation:isolate;overflow:hidden}
.surface-aura{position:absolute;inset:-25%;z-index:-1;pointer-events:none;border-radius:45%;background:conic-gradient(from 30deg,transparent 0 22%,#30cfff12 32%,transparent 42% 64%,#efbc5a12 74%,transparent 85%);animation:glass-orbit 26s linear infinite;transform-origin:center}
@keyframes glass-orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
:is(.collection-summary,.collection-callout,.market-chart-panel,.source-comparison,.drop-card,.sell-form,.studio-stats>div){background:radial-gradient(ellipse at 0 0,#6bdbff12,transparent 65%),linear-gradient(135deg,#203d52bd,#0d2235d9);border-color:#7ed9f252;box-shadow:inset 0 1px #dbfaff59,inset 0 -1px #89d4ed26,0 22px 48px #000c1c44;backdrop-filter:blur(16px) saturate(140%)}
.market-watch{background:linear-gradient(140deg,#214b62c9,#10263bcc);backdrop-filter:blur(18px)}
.world-pokemon{background:radial-gradient(ellipse at 90% 10%,#d7a84e47,transparent 65%),linear-gradient(120deg,#4f402dbb,#102d42c9)}
.world-sports{background:radial-gradient(ellipse at 85% 10%,#08baf04a,transparent 70%),linear-gradient(120deg,#144564c9,#10273cbd)}
.collection-preview{background:linear-gradient(140deg,#28648099,#112b40bd 65%,#7d612738);box-shadow:inset 0 1px #e1fbff77,0 25px 70px #00132180,0 0 40px #05cfff0c}
.sell-banner{background:linear-gradient(115deg,#8d652566,#1a445ba3 55%,#11496366);border-color:#e5bd6d66;backdrop-filter:blur(15px)}
#footer{background:linear-gradient(180deg,#05101c80,#061324d9);backdrop-filter:blur(8px)}
.product-visual{box-shadow:inset 0 1px #eeffff77,inset 0 -1px #5cdcff33,0 14px 40px #000e214d}.product-visual::after{animation:collector-reflection 11s ease-in-out infinite;opacity:.3}
@keyframes collector-reflection{0%,35%,100%{transform:translateX(-90%);opacity:0}45%{opacity:.35}62%{transform:translateX(90%);opacity:0}}
.button:not(.secondary){box-shadow:inset 0 1px #fffbdc,inset 0 -2px #98631550,0 8px 28px #d19a382e}.button:not(.secondary):hover{box-shadow:inset 0 1px #fff,0 8px 36px #ffc9574d;transform:translateY(-2px)}
.motion-toggle{color:#a9eaff;border-color:#6de1ff3d;background:#2f9ec21a}.motion-toggle[aria-pressed=true]{color:#d7c395;background:#ae893a14}
@media(hover:hover) and (pointer:fine){.category-ribbon>a:hover{transform:translateY(-4px);box-shadow:inset 0 1px #fff6,0 12px 32px #00b7ff15}.product-card:hover .product-visual{border-color:#94e4f7a6;box-shadow:inset 0 1px #fff9,0 15px 45px #1ab5e52b}}
@media(max-width:760px){
 .cosmos-disc{width:190vw;right:-88%;top:calc(43% - 95vw);opacity:.56;animation-duration:210s}
 .cosmos-stars{background-size:800px}.cosmos-far{opacity:.5;animation-duration:120s}.cosmos-near{display:none}.cosmos-trail{width:100px;right:-8%;animation-duration:24s}.cosmos-orbit{display:none}
 .cosmos::before{background:linear-gradient(90deg,#030c1677,transparent 95%),linear-gradient(0deg,#030b1633,transparent 40%)}
 .cosmos-nebula{background:radial-gradient(ellipse at 90% 30%,#00bce64d,transparent 43%),radial-gradient(ellipse at 0 75%,#d38f3038,transparent 40%);animation-duration:28s}
 .header-shell{background:linear-gradient(115deg,#1c435ae8,#122a3ce8 65%,#4d442b99) padding-box,linear-gradient(120deg,#81dfffa6,#abd3e138,#e5bf7880) border-box;backdrop-filter:blur(18px)}
 #mobile-nav{background:linear-gradient(110deg,#214e65eb,#102a40ed 58%,#4b432deb) padding-box,linear-gradient(120deg,#9af0ffb3,#83b9d34d 50%,#f7ce84a6) border-box;box-shadow:inset 0 1px #f2ffff70,inset 0 -1px #92dfff25,0 12px 35px #00102299;backdrop-filter:blur(20px)}
 #mobile-nav [aria-current]::before{background:linear-gradient(135deg,#37c7ff38,#70d9ed15);box-shadow:inset 0 1px #d6faff59,0 0 14px #00cfff15}
 :is(.collection-summary,.collection-callout,.market-chart-panel,.source-comparison,.drop-card,.sell-form,.studio-stats>div){background:radial-gradient(ellipse at 0 0,#5ad7ff18,transparent 65%),linear-gradient(135deg,#1e4054eb,#0c2438ef);backdrop-filter:none}
 .market-watch{backdrop-filter:none;background:linear-gradient(140deg,#204a60ed,#102b3ded)}.surface-aura{animation-duration:36s;background:conic-gradient(from 30deg,transparent 0 22%,#30cfff16 32%,transparent 42% 64%,#efbc5a16 74%,transparent 85%)}
 .category-ribbon>a,.sell-banner,#footer{backdrop-filter:none}.collection-preview{backdrop-filter:none}.product-visual::after{animation-duration:14s}
 .identity-hero .hero-copy{padding-top:25px}.identity-hero h1{margin-block:16px}.identity-hero p{font-size:13px;line-height:1.75}.hero-actions{margin-top:22px}.hero-footnote{margin-top:21px}
}
/* Animate only visible displays. All decoration obeys the existing global switch. */
.orbital-glass[data-ambient-visible=false]>.surface-aura,.product-card[data-ambient-visible=false] .product-visual::after{animation-play-state:paused}
:root[data-motion=off] .cosmos *,:root[data-motion=off] .surface-aura,:root[data-visible=no] .cosmos *,:root[data-visible=no] .surface-aura{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.cosmos *,.surface-aura,.compass-ring,.identity-stage::before,.product-visual::after{animation:none!important}.cosmos-trail{display:none}}
@supports not (backdrop-filter:blur(1px)){.header-shell,#mobile-nav{background:#173345;border-color:#8ad9ef66}dialog{background:#11293b}}
@media(max-width:760px){
 .identity-stage{max-width:320px;height:280px;aspect-ratio:auto;margin-top:8px;padding:0 0 20px}
 .hero-card.brand-emblem{width:86%;max-width:260px}
 .identity-stage .stage-caption{font-size:6px;letter-spacing:.11em}
}