/* Atmospheric silhouettes belong to the scenery, never to the readable content. */
.profile-ember-art{display:none}
:is(#modalBg .oz-modal,.profile-style-preview-card,#profileLeft,.profile-border-option,.profile-supporter-preview):is([data-profile-border="prismatic"],[data-profile-border="starfall"]){background:transparent!important;border-color:transparent!important;border-radius:0;box-shadow:none!important;overflow:visible!important;isolation:isolate}
:is([data-profile-border="prismatic"],[data-profile-border="starfall"])::after,:is(#modalBg .oz-modal,.profile-style-preview-card,#profileLeft,.profile-border-option,.profile-supporter-preview):is([data-profile-border="prismatic"],[data-profile-border="starfall"])::before{display:none!important}
:is([data-profile-border="prismatic"],[data-profile-border="starfall"])>.profile-theme-scene{inset:-18px -18px;overflow:visible;border-radius:0}
:is([data-profile-border="prismatic"],[data-profile-border="starfall"])>.profile-theme-scene::before{content:"";position:absolute;inset:0;background:var(--theme-surface);mask-size:100% 100%;mask-repeat:no-repeat;pointer-events:none}
:is([data-profile-border="prismatic"],[data-profile-border="starfall"]) .profile-patreon-art{display:block;position:absolute;inset:0;pointer-events:none}
.profile-patreon-art>span{position:absolute;display:none;pointer-events:none}
:is([data-profile-border="prismatic"],[data-profile-border="starfall"]) .profile-theme-detail,:is([data-profile-border="prismatic"],[data-profile-border="starfall"]) .profile-theme-lights{display:none}
:is([data-profile-border="prismatic"],[data-profile-border="starfall"]) .profile-aurora-star{opacity:.7}
.profile-border-option:is([data-profile-border="prismatic"],[data-profile-border="starfall"])[aria-pressed="true"]{outline:2px dashed var(--theme-accent);outline-offset:7px;border-radius:22px}

/* Starfall: ragged midnight mist, a steady moon and glowing life under the water. */
[data-profile-border="starfall"]{--theme-surface:radial-gradient(ellipse at 85% 5%,#1b3052 0,transparent 49%),radial-gradient(ellipse at 85% 100%,#07333b 0,transparent 39%),linear-gradient(165deg,#0b152e,#080f22 58%,#071c2a);--theme-accent:#c5e9f8}
[data-profile-border="starfall"]>.profile-theme-scene::before{mask-image:url('/assets/profile-themes/void-edge.svg?v=2');filter:drop-shadow(0 0 13px #17295666)}
[data-profile-border="starfall"] .profile-patreon-art{mask-image:url('/assets/profile-themes/void-edge.svg?v=2');mask-size:100% 100%}
[data-profile-border="starfall"] .profile-midnight-moon{display:block;right:18px;top:14px;width:140px;height:140px;background:url('/assets/profile-themes/midnight-moon.svg') center/contain no-repeat;filter:drop-shadow(0 0 12px #94caff20)}
[data-profile-border="starfall"] .profile-midnight-ocean{display:block;inset:auto 0 0;height:200px;background:url('/assets/profile-themes/midnight-ocean.svg') center bottom/100% 100% no-repeat;opacity:.85;animation:profile-midnight-tide 12s ease-in-out infinite alternate;transform-origin:bottom}
[data-profile-border="starfall"] .profile-midnight-lantern{display:block;left:5px;bottom:22px;width:110px;height:150px;background:url('/assets/profile-themes/midnight-lantern.svg') center/contain no-repeat;transform-origin:50% 0;animation:profile-lantern-sway 9s ease-in-out infinite alternate}
[data-profile-border="starfall"] .profile-midnight-bloom{display:block;right:0;bottom:8px;width:65%;height:125px;border-radius:50%;background:radial-gradient(ellipse,#50ffe223,transparent 65%);filter:blur(7px);animation:profile-aqua-breathe 8s ease-in-out infinite}
[data-profile-border="starfall"] .profile-scene-particle{display:block;left:var(--particle-x);bottom:calc(var(--particle-y)*.22);width:2px;height:2px;border-radius:50%;background:#96ffe9;box-shadow:0 0 7px #45ffe3;opacity:0;animation:profile-aqua-mote var(--particle-duration) ease-in-out var(--particle-delay) infinite}
[data-profile-border="starfall"] .profile-scene-meteor{z-index:1;opacity:0}
@keyframes profile-midnight-tide{from{transform:translateY(0) scaleX(1);opacity:.65}to{transform:translateY(4px) scaleX(1.025);opacity:.9}}
@keyframes profile-lantern-sway{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes profile-aqua-breathe{0%,100%{opacity:.25;transform:scale(.95)}45%,65%{opacity:.95;transform:scale(1.12)}}
@keyframes profile-aqua-mote{0%,100%{opacity:0;transform:translateY(0)}25%,60%{opacity:.65}90%{opacity:0;transform:translate(5px,-22px)}}

/* Prismatic: scalloped cloud silhouettes with freely drifting weather and lacewings. */
[data-profile-border="prismatic"]{--theme-surface:radial-gradient(ellipse at 14% 0,#463758 0,transparent 46%),radial-gradient(ellipse at 100% 80%,#293751 0,transparent 49%),linear-gradient(150deg,#25213c,#161b31 55%,#20253c);--theme-accent:#f5def5}
[data-profile-border="prismatic"]>.profile-theme-scene::before{mask-image:url('/assets/profile-themes/cloud-edge.svg');filter:drop-shadow(0 0 7px #eed4f11c)}
[data-profile-border="prismatic"] .profile-patreon-art::before{content:"";position:absolute;inset:0;mask:url('/assets/profile-themes/cloud-edge.svg') 0 0/100% 100%;background:radial-gradient(ellipse at 10% 0,#fce2f35e,transparent 17%),radial-gradient(ellipse at 83% 0,#f7e9ff40,transparent 18%),radial-gradient(ellipse at 100% 52%,#f6d8ea35,transparent 9%),radial-gradient(ellipse at 2% 83%,#d9e6ff35,transparent 10%),radial-gradient(ellipse at 70% 100%,#f9d9e638,transparent 14%)}
[data-profile-border="prismatic"] .profile-prism-weather{display:block;inset:0;overflow:hidden;mask:url('/assets/profile-themes/cloud-edge.svg') 0 0/100% 100%}
.profile-drift-cloud{position:absolute;width:160px;height:74px;background:url('/assets/profile-themes/prismatic-cloud.svg') center/contain no-repeat;opacity:.25;animation:profile-cloud-coast 47s linear infinite}
.profile-drift-cloud.cloud-one{top:0;left:-165px;animation-delay:-17s}
.profile-drift-cloud.cloud-two{top:49%;left:-165px;width:115px;height:56px;opacity:.14;animation-duration:61s;animation-delay:-43s;animation-direction:reverse}
.profile-drift-cloud.cloud-three{bottom:0;left:-165px;width:200px;height:90px;opacity:.22;animation-duration:73s;animation-delay:-37s}
.profile-cloud-bolt{position:absolute;left:51%;top:48%;width:31px;height:80px;clip-path:polygon(60% 0,15% 46%,46% 46%,21% 100%,94% 30%,58% 30%,88% 0);background:linear-gradient(#fffaff,#e3c5ff 45%,#9cbbff);opacity:0;filter:drop-shadow(0 0 6px #d3aaff)}
.can-lightning .profile-cloud-bolt{animation:profile-cloud-lightning var(--weather-cycle,78s) linear infinite}
.profile-prism-rainbow{position:absolute;top:-15px;left:0;width:120%;height:170px;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,transparent 53%,#bd92ff55 54%,#81b9ff66 56%,#a1f3c577 58%,#fff2a377 60%,#ffb6c977 62%,transparent 64%);filter:blur(1px);opacity:0;animation:profile-rainbow-sail var(--rainbow-cycle,43s) ease-in-out infinite}
.profile-prism-pulse{position:absolute;left:var(--pulse-x-1,20%);top:var(--pulse-y-1,30%);width:160px;height:160px;margin:-80px;border-radius:50%;background:radial-gradient(circle,#f3ceff8c 0,#a4c0ff4d 20%,#ff9ad229 35%,transparent 67%);opacity:0;animation:profile-prism-burst var(--pulse-cycle,31s) linear infinite}
[data-profile-border="prismatic"] .profile-lacewing{display:block;width:33px;height:27px;filter:drop-shadow(0 0 5px #d6aaff99);animation:profile-lacewing-roam 19s ease-in-out infinite alternate}
.profile-lacewing i{inset:0;background:url('/assets/profile-themes/prismatic-lacewing.svg') center/contain no-repeat;animation:profile-lacewing-flutter 360ms ease-in-out infinite alternate}
.profile-lacewing.lacewing-one{left:-5px;top:15%;--lace-x:26px;--lace-y:75px;animation-delay:-7s}
.profile-lacewing.lacewing-two{right:-4px;top:63%;width:25px;height:22px;--lace-x:-32px;--lace-y:-100px;animation-duration:23s;animation-delay:-13s}
.profile-lacewing.lacewing-three{right:19%;top:0;--lace-x:-70px;--lace-y:15px;animation-duration:29s;animation-delay:-19s}
[data-profile-border="prismatic"] .profile-aurora-star{background:#f9e6ff;box-shadow:0 0 5px #ebc9ff66}
@keyframes profile-cloud-coast{from{transform:translateX(0)}to{transform:translateX(750px)}}
@keyframes profile-cloud-lightning{0%,85%,89%,100%{opacity:0}86%{opacity:.9}87.5%{opacity:.3}88%{opacity:0}}
@keyframes profile-rainbow-sail{0%,55%,80%,100%{opacity:0;transform:translate(-24%,-15px) rotate(-12deg)}60%{opacity:.4}73%{opacity:.35;transform:translate(7%,20px) rotate(8deg)}79%{opacity:0;transform:translate(16%,25px) rotate(10deg)}}
@keyframes profile-prism-burst{0%,49%,59%,75%,84%,94%,100%{opacity:0;transform:scale(.35)}50%{left:var(--pulse-x-1);top:var(--pulse-y-1);opacity:0;transform:scale(.2)}51%{opacity:.85}58%{opacity:0;transform:scale(1.6)}76%{left:var(--pulse-x-2);top:var(--pulse-y-2);opacity:0;transform:scale(.2)}77%{opacity:.65}83%{opacity:0;transform:scale(1.3)}95%{left:var(--pulse-x-3);top:var(--pulse-y-3);opacity:0;transform:scale(.2)}96%{opacity:.8}99%{opacity:0;transform:scale(1.5)}}
@keyframes profile-lacewing-roam{0%{transform:translate(0,0) rotate(-12deg)}40%{transform:translate(calc(var(--lace-x)*.7),calc(var(--lace-y)*.3)) rotate(15deg)}75%{transform:translate(calc(var(--lace-x)*.4),calc(var(--lace-y)*.8)) rotate(-6deg)}100%{transform:translate(var(--lace-x),var(--lace-y)) rotate(12deg)}}
@keyframes profile-lacewing-flutter{from{transform:scaleX(.52) rotate(-5deg)}to{transform:scaleX(1) rotate(5deg)}}

/* Compact previews leave room for the miniature landscape and its free-form outline. */
.profile-border-option:is([data-profile-border="prismatic"],[data-profile-border="starfall"]){padding-top:32px;padding-bottom:28px}
.profile-border-option[data-profile-border="starfall"] .profile-midnight-moon{width:100px;height:100px;right:3px;top:0;opacity:.85}
.profile-border-option[data-profile-border="starfall"] .profile-midnight-lantern{width:75px;height:105px;left:0;bottom:0;opacity:.75}
.profile-border-option[data-profile-border="starfall"] .profile-midnight-ocean{height:115px}
.profile-border-option[data-profile-border="starfall"] .profile-midnight-bloom{height:70px}
.profile-border-option[data-profile-border="prismatic"] .profile-lacewing{width:25px;height:20px}
.profile-supporter-preview:is([data-profile-border="prismatic"],[data-profile-border="starfall"]){margin:18px 5px 10px;min-height:225px}
@media(max-width:540px){:is([data-profile-border="prismatic"],[data-profile-border="starfall"])>.profile-theme-scene{inset:-10px -10px}.profile-lacewing.lacewing-one{left:0}.profile-lacewing.lacewing-two{right:0}}
@media(prefers-reduced-motion:reduce){
 :is([data-profile-border="prismatic"],[data-profile-border="starfall"]) .profile-theme-scene *{animation:none!important}
 .profile-prism-rainbow{opacity:.15;transform:rotate(-10deg)}
 .profile-prism-pulse,.profile-cloud-bolt{display:none!important}
 .profile-drift-cloud.cloud-one{left:0;opacity:.2}.profile-drift-cloud.cloud-two{left:auto;right:0}.profile-drift-cloud.cloud-three{left:20%}
 [data-profile-border="starfall"] .profile-midnight-bloom{opacity:.5}
}

/* Each lacewing folds its two wings in perspective, on its own uneven beat. */
.profile-lacewing i{background:none;animation:none;perspective:90px;transform-style:preserve-3d}
.profile-lacewing i::before,.profile-lacewing i::after{content:"";position:absolute;top:0;width:50%;height:100%;background:url('/assets/profile-themes/prismatic-lacewing.svg') no-repeat;background-size:200% 100%;backface-visibility:visible;animation-duration:var(--wing-cycle,235ms);animation-delay:var(--wing-phase,-100ms);animation-timing-function:cubic-bezier(.35,0,.7,1);animation-iteration-count:infinite}
.profile-lacewing i::before{left:0;background-position:left center;transform-origin:right center;animation-name:profile-lacewing-left}
.profile-lacewing i::after{right:0;background-position:right center;transform-origin:left center;animation-name:profile-lacewing-right;animation-delay:calc(var(--wing-phase,-100ms) + 11ms)}
@keyframes profile-lacewing-left{0%,100%{transform:rotateY(-8deg) rotateZ(0)}32%{transform:rotateY(78deg) rotateZ(-7deg)}55%{transform:rotateY(18deg) rotateZ(2deg)}73%{transform:rotateY(45deg) rotateZ(-3deg)}}
@keyframes profile-lacewing-right{0%,100%{transform:rotateY(8deg) rotateZ(0)}32%{transform:rotateY(-78deg) rotateZ(7deg)}55%{transform:rotateY(-18deg) rotateZ(-2deg)}73%{transform:rotateY(-45deg) rotateZ(3deg)}}

/* The tail remains beyond the source edge as a quick arc crosses and evaporates. */
.profile-prism-rainbow{top:var(--rainbow-y,15%);left:-70%;width:240%;height:180px;border-radius:0;background:url('/assets/profile-themes/prismatic-rainbow.svg') center/100% 100% no-repeat;filter:none;transform-origin:50% 50%;opacity:0;animation:profile-rainbow-dash var(--rainbow-cycle,43s) linear infinite}
@keyframes profile-rainbow-dash{
 0%,64%{opacity:0;transform:translateX(calc(-70% * var(--rainbow-direction,1))) scaleX(var(--rainbow-direction,1)) rotate(var(--rainbow-tilt,0deg))}
 64.1%{opacity:.95}
 65.6%{opacity:.9;transform:translateX(0) scaleX(var(--rainbow-direction,1)) rotate(var(--rainbow-tilt,0deg));filter:blur(0)}
 66.4%{opacity:.5;filter:blur(1px)}
 68.5%,100%{opacity:0;transform:translateX(0) scaleX(var(--rainbow-direction,1)) rotate(var(--rainbow-tilt,0deg));filter:blur(7px)}
}

/* Clouds remain translucent; the narrow, connected lightning segments stay white. */
.profile-drift-cloud{background:none;opacity:1;--cloud-opacity:.25}
.profile-drift-cloud::before{content:"";position:absolute;inset:0;background:url('/assets/profile-themes/prismatic-cloud.svg') center/contain no-repeat;opacity:var(--cloud-opacity)}
.profile-drift-cloud.cloud-two{opacity:1;--cloud-opacity:.14}
.profile-drift-cloud.cloud-three{opacity:1;--cloud-opacity:.22}
.profile-cloud-bolt{left:54%;top:55%;width:2px;height:46px;clip-path:none;border-radius:1px;background:#fff;box-shadow:0 0 2px 1px #fff,0 0 8px 2px #c3d7ff,0 0 17px #9e9bff;filter:none;transform:rotate(10deg)}
.profile-cloud-bolt::before,.profile-cloud-bolt::after{content:"";position:absolute;width:2px;background:#fff;border-radius:1px;transform-origin:top center;box-shadow:0 0 2px 1px #fff,0 0 8px 2px #c3d7ff,0 0 17px #9e9bff}
.profile-cloud-bolt::before{top:44px;left:0;height:43px;transform:rotate(25deg)}
.profile-cloud-bolt::after{top:82px;left:-18px;height:44px;transform:rotate(-14deg)}
.can-lightning .profile-cloud-bolt{animation:profile-cloud-snap var(--weather-cycle,78s) linear infinite}
.can-lightning::before{animation:profile-cloud-illuminate var(--weather-cycle,78s) linear infinite}
@keyframes profile-cloud-snap{0%,85%,85.5%,100%{opacity:0}85.01%{opacity:1}85.12%{opacity:.8}85.25%{opacity:.35}85.49%{opacity:0}}
@keyframes profile-cloud-illuminate{0%,85%,85.5%,100%{opacity:var(--cloud-opacity)}85.01%{opacity:.95}85.15%{opacity:.5}85.49%{opacity:var(--cloud-opacity)}}
@media(prefers-reduced-motion:reduce){
 .profile-lacewing i::before,.profile-lacewing i::after,.profile-drift-cloud::before{animation:none!important}
 .profile-prism-rainbow{opacity:.18;transform:scaleX(var(--rainbow-direction,1)) rotate(var(--rainbow-tilt,0deg));filter:none}
 .profile-prism-pulse,.profile-cloud-bolt{display:none!important}
}

/* Soft light stays behind the cloud veil; the lightning retains its short strike. */
.profile-prism-weather::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 12% 15%,#c8b7d51a,transparent 48%),radial-gradient(ellipse at 84% 47%,#a7b7d317,transparent 48%),radial-gradient(ellipse at 32% 93%,#e0c4d31c,transparent 40%);filter:blur(9px)}
.profile-drift-cloud{z-index:2}
.profile-lacewing i{background:url('/assets/profile-themes/prismatic-lacewing.svg') center/contain no-repeat;perspective:none;transform-style:flat;animation:profile-lacewing-soft-flutter var(--wing-cycle,850ms) ease-in-out var(--wing-phase,-100ms) infinite alternate}
.profile-lacewing i::before,.profile-lacewing i::after{display:none}
@keyframes profile-lacewing-soft-flutter{from{transform:scaleX(.62) rotate(-3deg)}to{transform:scaleX(1) rotate(3deg)}}

/* The rainbow draws up from below, crests overhead, and returns below the other side. */
.profile-prism-rainbow{inset:auto 0 -7%;width:100%;height:var(--rainbow-rise,88%);background:none;z-index:0;transform:scaleX(var(--rainbow-direction,1)) rotate(var(--rainbow-tilt,0deg));filter:blur(1.3px) saturate(.65);opacity:0;animation:profile-rainbow-haze var(--rainbow-cycle,43s) ease-in-out infinite}
.profile-rainbow-arch{display:block;width:100%;height:100%;overflow:visible}
.profile-rainbow-band{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:profile-rainbow-arch var(--rainbow-cycle,43s) cubic-bezier(.28,.3,.55,1) infinite}
@keyframes profile-rainbow-haze{0%,50%,76%,100%{opacity:0}53%,64%{opacity:.23}69%{opacity:.14}75%{opacity:0}}
@keyframes profile-rainbow-arch{0%,50%{stroke-dashoffset:1}65%,100%{stroke-dashoffset:0}}

/* Broad lavender and blue illumination breathes through the surface, without an orb. */
.profile-prism-pulse{inset:-15%;width:auto;height:auto;margin:0;border-radius:0;background:radial-gradient(ellipse at var(--pulse-x-1,20%) var(--pulse-y-1,30%),#baa0d940,transparent 65%),radial-gradient(ellipse at var(--pulse-x-2,80%) var(--pulse-y-2,70%),#88a9d02e,transparent 65%),radial-gradient(ellipse at var(--pulse-x-3,50%) var(--pulse-y-3,50%),#d9afca22,transparent 70%);filter:blur(28px);mix-blend-mode:screen;opacity:0;transform:none;animation:profile-cloud-colour-breathe var(--pulse-cycle,31s) ease-in-out infinite;z-index:0}
@keyframes profile-cloud-colour-breathe{0%,100%{opacity:.03}35%{opacity:.55}65%{opacity:.18}80%{opacity:.3}}
@media(prefers-reduced-motion:reduce){
 .profile-lacewing i,.profile-rainbow-band{animation:none!important}
 .profile-rainbow-band{stroke-dashoffset:0}
 .profile-prism-rainbow{opacity:.12;filter:blur(1.3px) saturate(.65)}
 .profile-prism-pulse{display:none!important}
}

/* Two separately edged amber shards sit behind the upright, readable profile. */
:is(#modalBg .oz-modal,.profile-style-preview-card,#profileLeft,.profile-border-option)[data-profile-border="emberglass"]{background:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:0;overflow:visible!important;isolation:isolate}
[data-profile-border="emberglass"]::after,:is(#modalBg .oz-modal,.profile-style-preview-card,#profileLeft,.profile-border-option)[data-profile-border="emberglass"]::before{display:none!important}
[data-profile-border="emberglass"]>.profile-theme-scene{inset:-12px;overflow:visible;border-radius:0}
[data-profile-border="emberglass"] .profile-theme-lights,[data-profile-border="emberglass"] .profile-theme-detail{display:none}
[data-profile-border="emberglass"] .profile-ember-art{display:block;position:absolute;inset:0;pointer-events:none}
.profile-ember-shards,.profile-ember-scratch,.profile-ember-furnace{position:absolute;inset:0;pointer-events:none}
.profile-ember-shards{background:url('/assets/profile-themes/emberglass-shards.svg') center/100% 100% no-repeat;filter:drop-shadow(0 6px 9px #0006)}
.profile-ember-scratch{background:url('/assets/profile-themes/emberglass-scratches.svg') center/100% 100% no-repeat;opacity:0}
.profile-ember-scratch.scratch-upper{mask-image:linear-gradient(#000 0 46%,transparent 52%);animation:profile-glass-scratch 31s ease-in-out infinite}
.profile-ember-scratch.scratch-lower{mask-image:linear-gradient(transparent 0 53%,#000 58%);animation:profile-glass-scratch 43s ease-in-out -14s infinite}
@keyframes profile-glass-scratch{0%,72%,90%,100%{opacity:0}76%{opacity:.7}79%{opacity:.25}83%{opacity:.5}89%{opacity:0}}
.profile-ember-furnace{inset:auto 8px 3px;height:90px;overflow:hidden;mask-image:linear-gradient(transparent 0,#000 38%,#000 75%,transparent 100%);background:radial-gradient(ellipse at 50% 110%,#ff85251c,transparent 69%)}
.profile-ember-wisp{position:absolute;bottom:-46px;width:18px;height:94px;border-radius:80% 5% 70% 35%;background:linear-gradient(0deg,#ffe0a8 0,#ffbd6d 18%,#df762b99 52%,#b34b1e22 85%,transparent);filter:blur(1.4px);transform-origin:center bottom;opacity:0;animation:profile-glass-flame var(--flame-time,3s) ease-in-out var(--flame-delay,0s) infinite}
.profile-ember-wisp::before{content:"";position:absolute;left:7px;bottom:5px;width:8px;height:61px;border-radius:80% 20% 60% 35%;background:linear-gradient(0deg,#fff2c7a6,#ffbc6c66 40%,transparent);transform:rotate(16deg)}
.profile-ember-wisp.wisp-one{left:8%;--flame-time:3.7s;--flame-delay:-1.6s}
.profile-ember-wisp.wisp-two{left:34%;width:12px;height:76px;--flame-time:2.9s;--flame-delay:-2.2s}
.profile-ember-wisp.wisp-three{left:69%;width:15px;height:87px;--flame-time:4.1s;--flame-delay:-.8s}
.profile-ember-wisp.wisp-four{left:88%;width:10px;height:72px;--flame-time:3.3s;--flame-delay:-2.7s}
@keyframes profile-glass-flame{0%,100%{opacity:0;transform:translateY(7px) scaleX(.6) skewX(-8deg)}18%{opacity:.25;transform:translateY(-2px) scaleX(.8) skewX(8deg)}35%{opacity:.55;transform:translateY(-14px) scaleX(.65) skewX(-7deg)}49%{opacity:.35;transform:translateY(-10px) scaleX(1) skewX(5deg)}67%{opacity:.5;transform:translateY(-19px) scaleX(.6) skewX(-4deg)}88%{opacity:.1;transform:translateY(-24px) scaleX(.4) skewX(9deg)}}
[data-profile-border="emberglass"] .profile-scene-particle{display:block;left:var(--particle-x);bottom:1%;width:2px;height:2px;border-radius:0;background:#c5b2a3;box-shadow:none;opacity:0;animation:profile-glass-ash var(--particle-duration,8s) ease-out var(--particle-delay,0s) infinite}
[data-profile-border="emberglass"] .profile-scene-particle:nth-of-type(3n){width:1px;height:3px;background:#8b837e}
[data-profile-border="emberglass"] .profile-scene-particle:nth-of-type(4n){width:1px;height:2px;background:#ffbc7a;box-shadow:0 0 4px #d4793966}
@keyframes profile-glass-ash{0%{opacity:0;transform:translate(0,0) rotate(0)}13%{opacity:.55}56%{opacity:.25;transform:translate(-9px,-63px) rotate(95deg)}100%{opacity:0;transform:translate(17px,-155px) rotate(210deg)}}
.profile-border-option[data-profile-border="emberglass"][aria-pressed="true"]{outline:2px dashed #ffd7b2;outline-offset:6px;border-radius:0}
@media(max-width:540px){[data-profile-border="emberglass"]>.profile-theme-scene{inset:-8px}}
@media(prefers-reduced-motion:reduce){[data-profile-border="emberglass"] .profile-theme-scene *,[data-profile-border="emberglass"] .profile-theme-scene *::before{animation:none!important}.profile-ember-wisp,.profile-ember-scratch{display:none!important}[data-profile-border="emberglass"] .profile-scene-particle{opacity:.15}}

/* Keep small Starfall meteors inside the shared style picker scroll area. */
.profile-border-option[data-profile-border="starfall"] .profile-scene-meteor{left:80%;width:18%}

/* Lacewings hinge as rigid wings; their artwork never scales or stretches. */
.profile-lacewing i{background:none;animation:none;perspective:none;transform:none}
.profile-lacewing i::before,.profile-lacewing i::after{display:block;animation-duration:var(--wing-cycle,850ms);animation-delay:var(--wing-phase,-100ms);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.profile-lacewing i::before{animation-name:profile-lacewing-rigid-left}
.profile-lacewing i::after{animation-name:profile-lacewing-rigid-right}
@keyframes profile-lacewing-rigid-left{from{transform:rotate(-5deg)}to{transform:rotate(3deg)}}
@keyframes profile-lacewing-rigid-right{from{transform:rotate(5deg)}to{transform:rotate(-3deg)}}
.profile-rainbow-band{stroke-width:var(--rainbow-band-width,2px);vector-effect:non-scaling-stroke}

/* Some stars briefly form a small cross as their light fades, at independent times. */
[data-profile-border="starfall"] .profile-aurora-star{animation:profile-starfall-twinkle-out var(--star-time,12s) ease-in-out var(--star-delay,0s) infinite,profile-starfall-drift 28s ease-in-out infinite alternate}
[data-profile-border="starfall"] .profile-aurora-star.is-cross-twinkle::before,[data-profile-border="starfall"] .profile-aurora-star.is-cross-twinkle::after{content:"";position:absolute;left:50%;top:50%;pointer-events:none;border-radius:50%;background:#e6f6ff;box-shadow:0 0 4px #96c8ff99;opacity:0;animation:profile-starfall-cross-out var(--star-time,12s) ease-out var(--star-delay,0s) infinite}
[data-profile-border="starfall"] .profile-aurora-star.is-cross-twinkle::before{width:1px;height:9px;margin:-4.5px 0 0 -.5px}
[data-profile-border="starfall"] .profile-aurora-star.is-cross-twinkle::after{width:9px;height:1px;margin:-.5px 0 0 -4.5px}
@keyframes profile-starfall-twinkle-out{0%,12%,80%,100%{opacity:0}29%,55%{opacity:.55}64%{opacity:.9}71%{opacity:.45}79%{opacity:0}}
@keyframes profile-starfall-cross-out{0%,57%,78%,100%{opacity:0;transform:scale(.3)}63%{opacity:.95;transform:scale(1)}68%{opacity:.7;transform:scale(1.15)}77%{opacity:0;transform:scale(.2)}}
@media(prefers-reduced-motion:reduce){
 .profile-lacewing i::before,.profile-lacewing i::after{animation:none!important;transform:none}
 [data-profile-border="starfall"] .profile-aurora-star{animation:none!important;opacity:.4}
 [data-profile-border="starfall"] .profile-aurora-star::before,[data-profile-border="starfall"] .profile-aurora-star::after{animation:none!important;display:none}
}

/* A visible storm cloud strikes within 2-4 seconds, then every 9-15 seconds. */
.can-lightning{left:8%!important;animation:profile-storm-cloud-drift 18s ease-in-out infinite alternate}
@keyframes profile-storm-cloud-drift{from{transform:translateX(0)}to{transform:translateX(20px)}}
.can-lightning .profile-cloud-bolt{animation:profile-cloud-snap var(--weather-cycle,12s) linear var(--weather-phase,-7s) infinite}
.can-lightning::before{animation:profile-cloud-illuminate var(--weather-cycle,12s) linear var(--weather-phase,-7s) infinite}
@keyframes profile-cloud-snap{0%,85%,88.5%,100%{opacity:0}85.05%{opacity:1}85.8%{opacity:.8}86.7%{opacity:.35}88.4%{opacity:0}}
@keyframes profile-cloud-illuminate{0%,85%,88.5%,100%{opacity:var(--cloud-opacity)}85.05%{opacity:.95}86%{opacity:.5}88.4%{opacity:var(--cloud-opacity)}}
@media(prefers-reduced-motion:reduce){.can-lightning,.can-lightning::before,.can-lightning .profile-cloud-bolt{animation:none!important}.profile-cloud-bolt{display:none!important}}

/* Lower clouds send their short strike upward into view. */
.cloud-three.can-lightning .profile-cloud-bolt{top:auto;bottom:48%;transform:rotate(190deg)}
.profile-border-option .can-lightning{left:0!important}