@property --profile-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.profile-patreon-art{display:none}
/* Personal previews use the same profile markup and theme surface as the popup. */
.profile-border-picker .profile-supporter-preview{padding:0;margin:24px 0 12px;gap:20px;border:0;background:none;box-shadow:none;overflow:visible}
.profile-border-picker .profile-supporter-preview[hidden]{display:none}
.profile-border-picker .profile-supporter-preview>h3{font-size:22px;font-weight:400;color:#eef3fb}
.profile-preview-scope{width:100%;padding:18px;box-sizing:border-box;color:#eef3fb;font-family:"Patrick Hand",cursive;line-height:normal}
.profile-preview-scope .profile-style-preview-card{position:relative;isolation:isolate;width:min(440px,100%);height:auto;margin:0 auto;padding:0;box-sizing:border-box;border:1px solid #ffffff1a;border-radius:16px;background:linear-gradient(180deg,#14181ef5,#0c1014eb);box-shadow:0 20px 60px #0006;overflow:visible}
.profile-preview-body{position:relative;z-index:1;padding:18px 20px 16px;display:flow-root}
.profile-preview-body .pm-head-side:empty{display:none}
.profile-preview-body .pm-avatar-account{overflow-wrap:anywhere}
.profile-supporter-preview .profile-preview-patreon[hidden]{display:none}
@media(max-width:540px){.profile-preview-scope{padding:16px 0}.profile-preview-body{padding:18px 12px 16px}.profile-preview-body .pm-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.profile-preview-body .pm-stat{min-width:0;gap:7px}.profile-preview-body .pm-stat .val{overflow-wrap:anywhere}}
/* Patreon styles are previewable by everyone; access is enforced by the server. */
.profile-supporter-styles{display:flex;flex-direction:column;gap:20px;margin:0}
.profile-supporter-styles h2,.profile-supporter-styles p{margin:0}
.profile-supporter-styles h2{font-size:20px;font-weight:400}
.profile-supporter-label{position:relative;z-index:1;font-size:13px;line-height:1.4;color:#e0d2ff}
.profile-supporter-preview{position:relative;isolation:isolate;min-height:180px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px;border:1px solid #ffffff26;border-radius:var(--theme-radius,14px);background:var(--theme-surface);box-shadow:0 10px 30px var(--theme-shadow);overflow:hidden}
.profile-supporter-preview[hidden]{display:none}
.profile-supporter-preview>:not(.profile-theme-scene){position:relative;z-index:1;margin:0}
.profile-supporter-preview h3{font-size:24px;font-weight:400;color:var(--theme-accent)}
.profile-supporter-preview a{color:#fff;text-decoration:underline;text-underline-offset:2px}
[data-profile-border]:not([data-profile-border="off"])::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;z-index:5;background:conic-gradient(from var(--profile-border-angle),var(--profile-border-colors));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:profile-border-orbit 5s linear infinite}
[data-profile-border="aurora"]{--profile-border-colors:#6635ba,#70f7db,#dc8cff,#6635ba}
[data-profile-border="ocean"]{--profile-border-colors:#123661 0deg,#123661 240deg,#3facff 285deg,#e8ffff 315deg,#123661 360deg}
[data-profile-border="gold"]{--profile-border-colors:#765018 0deg,#765018 230deg,#ffc85c 275deg,#fff5c9 310deg,#765018 360deg}
[data-profile-border="pulse"]{--profile-border-colors:#b76cff,#f0d1ff,#b76cff}
[data-profile-border="pulse"]::after{animation:profile-border-pulse 2.6s ease-in-out infinite}
@keyframes profile-border-orbit{to{--profile-border-angle:360deg}}
@keyframes profile-border-pulse{0%,100%{opacity:.35}50%{opacity:1}}
.profile-border-picker{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #ffffff18}
.profile-border-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:12px;margin-top:14px}
.profile-border-option{position:relative;min-height:88px;padding:14px 8px;border:1px solid #ffffff20;border-radius:12px;background:#111623;color:#fff;font:inherit;cursor:pointer}
.profile-border-option[aria-pressed="true"]{background:#26324c;box-shadow:0 0 0 2px #a5c8ff}
.profile-border-option:focus-visible{outline:2px solid #fff;outline-offset:4px}
.profile-border-option:disabled{cursor:wait;opacity:.65}
.profile-border-status{min-height:1.4em;margin:10px 0 0;color:#b7c7dd}
@media(prefers-reduced-motion:reduce){[data-profile-border]::after{animation:none!important}}
/* Full-card treatments retain the same layout and resize with the profile. */
[data-profile-border="aurora"]{--theme-surface:radial-gradient(ellipse at 0 0,#255a6266,transparent 55%),radial-gradient(ellipse at 100% 100%,#692a7166,transparent 55%),linear-gradient(145deg,#122431,#1b142d 55%,#101b29);--theme-accent:#a5f4e4;--theme-shadow:#56dec52b;--theme-radius:20px}
[data-profile-border="ocean"]{--theme-surface:radial-gradient(ellipse at 100% 0,#1c6c8870,transparent 65%),repeating-linear-gradient(135deg,transparent 0 28px,#75d4ff05 29px 30px),linear-gradient(160deg,#102e45,#071725 70%);--theme-accent:#a4e8ff;--theme-shadow:#208de238;--theme-radius:30px}
[data-profile-border="gold"]{--theme-surface:radial-gradient(ellipse at 50% 0,#93672a4d,transparent 60%),linear-gradient(135deg,#282317,#171716 65%,#282013);--theme-accent:#ffdf9c;--theme-shadow:#e9b24e2e;--theme-radius:8px}
[data-profile-border="pulse"]{--theme-surface:radial-gradient(ellipse at 100% 0,#70278266,transparent 60%),radial-gradient(ellipse at 0 100%,#42348666,transparent 60%),linear-gradient(155deg,#21132e,#100e20 65%);--theme-accent:#e9b9ff;--theme-shadow:#a960ee38;--theme-radius:28px 8px 28px 8px}
:is(#modalBg .oz-modal,.profile-style-preview-card,#profileLeft,.profile-border-option)[data-profile-border]:not([data-profile-border="off"]){background:var(--theme-surface);border-radius:var(--theme-radius);border-color:transparent;box-shadow:0 18px 55px #0007,0 0 25px var(--theme-shadow),inset 0 1px 0 #ffffff12}
:is(#modalBg .oz-modal,.profile-style-preview-card,#profileLeft,.profile-border-option)[data-profile-border]:not([data-profile-border="off"])::before{content:"";position:absolute;inset:7px;z-index:6;border-radius:inherit;pointer-events:none;background-repeat:no-repeat;opacity:.8;animation:profile-theme-sparkle 4.5s ease-in-out infinite}
[data-profile-border="aurora"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 19 12 12 22 5 12Z' fill='%2373e8d1' fill-opacity='.2' stroke='%23b5ffee'/%3E%3Cpath d='m12 6 2 6-2 6-2-6Z' fill='white'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 7 10-7 10-7-10Z' fill='%23c686ef' fill-opacity='.2' stroke='%23edc7ff'/%3E%3C/svg%3E");background-size:20px 24px,16px 20px;background-position:left center,right center;filter:drop-shadow(0 0 5px #a8ffe5)}
[data-profile-border="ocean"]::before{background-image:linear-gradient(90deg,transparent,#b8f0ff99,transparent),linear-gradient(90deg,transparent,#49b7e766,transparent);background-size:60% 1px,40% 1px;background-position:center 4px,center bottom;filter:drop-shadow(0 0 4px #41bdff)}
[data-profile-border="gold"]::before{background-image:linear-gradient(#ffe4a6,#b37d31),linear-gradient(#ffe4a6,#b37d31),linear-gradient(#b37d31,#ffe4a6),linear-gradient(#b37d31,#ffe4a6),linear-gradient(90deg,#ffe4a6,#b37d31),linear-gradient(90deg,#b37d31,#ffe4a6),linear-gradient(90deg,#ffe4a6,#b37d31),linear-gradient(90deg,#b37d31,#ffe4a6);background-size:1px 25px,1px 25px,1px 25px,1px 25px,25px 1px,25px 1px,25px 1px,25px 1px;background-position:top left,top right,bottom left,bottom right,top left,top right,bottom left,bottom right;filter:drop-shadow(0 0 3px #ffc965)}
[data-profile-border="pulse"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20'%3E%3Cpath d='m2 10 8-7 8 7-8 7Zm20 0 8-9 8 9-8 9Zm20 0 8-7 8 7-8 7Z' fill='none' stroke='%23dba4ff'/%3E%3Cpath d='m26 10 4-5 4 5-4 5Z' fill='%23f4daff'/%3E%3C/svg%3E");background-size:62px 20px;background-position:center bottom;filter:drop-shadow(0 0 5px #c96cff)}
@keyframes profile-theme-sparkle{0%,100%{opacity:.4}45%,60%{opacity:1}}
:is(#profileLeft,#modalBg .oz-modal,.profile-style-preview-card)[data-profile-border]:not([data-profile-border="off"]) :is(.p-stat .lbl,.pm-stat .sub,.p-sec-title,.pm-label){color:var(--theme-accent)}
.profile-border-options{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:14px}
.profile-border-option{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;isolation:isolate}
.profile-border-option strong{font-size:18px;color:var(--theme-accent,#fff)}
.profile-border-option small{max-width:140px;font-size:13px;line-height:1.3;color:#d4dce9}
.profile-border-option[aria-pressed="true"]{outline:2px solid var(--theme-accent,#a5c8ff);outline-offset:3px}
@media(prefers-reduced-motion:reduce){[data-profile-border]::before{animation:none!important;opacity:.8}}
:is(#modalBg .oz-modal,.profile-style-preview-card,#profileLeft,.profile-border-option)[data-profile-border="aurora"]::before{inset:2px;background-size:12px 18px,10px 16px}
/* Decorative scenes sit below profile content and never receive input. */
:is(#profileLeft,#modalBg .oz-modal,.profile-style-preview-card)[data-profile-border]{isolation:isolate}
#profileLeft[data-profile-border] > :not(.profile-theme-scene){position:relative;z-index:1}
:is(#modalBg .oz-modal[data-profile-border] > .modal-b,.profile-style-preview-card > .profile-preview-body){position:relative;z-index:1}
.profile-border-option > :not(.profile-theme-scene){position:relative;z-index:1}
.profile-theme-scene{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none!important;z-index:0;display:block}
[data-profile-border="off"] > .profile-theme-scene{display:none}
.profile-theme-scene i{display:block;position:absolute;pointer-events:none;inset:0}
.profile-theme-lights{z-index:0;opacity:.65}
.profile-theme-detail{z-index:2;background-repeat:no-repeat}
.profile-theme-glare{z-index:1;opacity:0;background:linear-gradient(115deg,transparent 35%,var(--scene-glare,#d4ffed38) 48%,transparent 61%);transform:translateX(-120%);animation:profile-scene-glare 5s ease-in-out infinite}
[data-profile-border="aurora"]{--theme-surface:radial-gradient(ellipse at 50% 0,#123f32,transparent 70%),linear-gradient(155deg,#081c25,#0a1723 55%,#0b2022);--scene-glare:#9bffc63d;--profile-border-colors:#174b3c,#8bffc9,#509bcb,#174b3c}
[data-profile-border="aurora"] .profile-theme-lights{inset:-20%;background:radial-gradient(ellipse at 45% 20%,transparent 45%,#47d58c24 49%,#66ffa44a 52%,#8dffd829 55%,transparent 62%),radial-gradient(ellipse at 80% 10%,transparent 52%,#1ad98436 56%,transparent 67%);filter:blur(9px);animation:profile-aurora-wave 10s ease-in-out infinite alternate}
[data-profile-border="aurora"] .profile-theme-detail{background-image:url('/assets/profile-themes/forest.svg?v=2');background-position:center bottom;background-size:100% 36%;opacity:.8}
[data-profile-border="ocean"]{--scene-glare:#b3edff2e}
[data-profile-border="ocean"] .profile-theme-lights{inset:-30%;background:repeating-radial-gradient(ellipse at 30% 10%,transparent 0 36px,#76d7ff12 40px,transparent 47px 90px);filter:blur(2px);animation:profile-tidal-drift 14s ease-in-out infinite alternate;opacity:.6}
[data-profile-border="gold"]{--scene-glare:#ffe4a338}
[data-profile-border="gold"] .profile-theme-lights{background:radial-gradient(ellipse at 20% 0,#ddb55a17,transparent 60%);animation:profile-gold-warmth 5s ease-in-out infinite}
[data-profile-border="gold"] .profile-theme-detail{inset:38px 12px;border:1px solid #c5a04b14;border-radius:2px;background:repeating-linear-gradient(45deg,transparent 0 7px,#d5b15a04 8px,transparent 9px 15px)}
[data-profile-border="pulse"]{--scene-glare:#deacff38}
[data-profile-border="pulse"] .profile-theme-detail{background-image:url('/assets/profile-themes/prisms.svg');background-size:180px 180px;background-repeat:repeat;opacity:.55;mask-image:linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000)}
[data-profile-border="pulse"] .profile-theme-lights{inset:-15%;background:conic-gradient(from 25deg at 20% 30%,transparent 0 40deg,#9e65ea1a 45deg 80deg,transparent 85deg 180deg,#ef8fff14 190deg 230deg,transparent 240deg);animation:profile-prism-energy 9s ease-in-out infinite alternate}
@keyframes profile-scene-glare{0%,58%{transform:translateX(-120%);opacity:0}66%{opacity:.85}90%{transform:translateX(120%);opacity:.6}100%{transform:translateX(120%);opacity:0}}
@keyframes profile-aurora-wave{from{transform:translate(-5%,-3%) rotate(-8deg);opacity:.5}to{transform:translate(5%,5%) rotate(8deg);opacity:.9}}
@keyframes profile-tidal-drift{from{transform:translate(-3%,-4%) rotate(-4deg)}to{transform:translate(4%,3%) rotate(4deg)}}
@keyframes profile-gold-warmth{0%,100%{opacity:.35}75%{opacity:.85}}
@keyframes profile-prism-energy{from{transform:rotate(-7deg) scale(1);opacity:.4}to{transform:rotate(7deg) scale(1.1);opacity:.85}}
@media(prefers-reduced-motion:reduce){.profile-theme-scene i{animation:none!important}.profile-theme-scene .profile-theme-glare{display:none}.profile-theme-lights{opacity:.6!important}}
/* Each theme has its own motion; there is no shared sweeping glare. */
.profile-theme-scene .profile-theme-glare{display:none;animation:none}
[data-profile-border="aurora"]{--theme-surface:radial-gradient(ellipse at 50% 0,#123136,transparent 70%),linear-gradient(155deg,#091923,#0b1624 55%,#0a2024)}
[data-profile-border="aurora"] .profile-theme-lights{background:radial-gradient(ellipse at 45% 20%,transparent 45%,#69e9d52b 49%,#a1ffe86b 52%,#80dfff38 55%,transparent 62%),radial-gradient(ellipse at 80% 10%,transparent 52%,#49dcb64d 56%,transparent 67%);animation:profile-aurora-bloom 10s ease-in-out infinite;filter:blur(10px)}
@keyframes profile-aurora-bloom{0%,100%{opacity:0;transform:translate(-3%,-2%) rotate(-5deg)}20%{opacity:.2}45%,55%{opacity:.95;transform:translate(2%,3%) rotate(3deg)}78%{opacity:.22;transform:translate(4%,4%) rotate(5deg)}90%{opacity:0;transform:translate(4%,4%) rotate(5deg)}}
[data-profile-border="ocean"] .profile-theme-lights{animation:profile-tidal-drift 16s ease-in-out infinite alternate;opacity:.6}
[data-profile-border="ocean"]::after{animation-duration:12s}
:is(#modalBg .oz-modal,.profile-style-preview-card,#profileLeft,.profile-border-option)[data-profile-border="gold"]:not([data-profile-border="off"])::before{animation:profile-gold-corner-glint 7s ease-in-out infinite}
[data-profile-border="gold"]::after{animation:none;background:linear-gradient(145deg,#84602c,#e4c07a 35%,#705123 60%,#d6ae5e)}
[data-profile-border="gold"] .profile-theme-lights{animation:none;opacity:.45}
@keyframes profile-gold-corner-glint{0%,55%,100%{opacity:.45;filter:drop-shadow(0 0 1px #ac7e36)}64%,70%{opacity:1;filter:drop-shadow(0 0 7px #ffe1a1)}80%{opacity:.6;filter:drop-shadow(0 0 2px #c79a4a)}}
[data-profile-border="pulse"] .profile-theme-lights{animation:profile-prism-breathe 8s ease-in-out infinite}
[data-profile-border="pulse"] .profile-theme-detail{animation:profile-prism-resonate 8s ease-in-out infinite}
@keyframes profile-prism-breathe{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}
@keyframes profile-prism-resonate{0%,100%{opacity:.25;filter:drop-shadow(0 0 0 transparent)}45%,55%{opacity:.85;filter:drop-shadow(0 0 3px #a46adb)}}
@media(prefers-reduced-motion:reduce){[data-profile-border]::before,[data-profile-border]::after,.profile-theme-scene i{animation:none!important}.profile-theme-scene .profile-theme-glare{display:none}.profile-theme-lights{opacity:.6!important}.profile-theme-detail{opacity:.55!important}}

.profile-aurora-star{display:none;position:absolute;z-index:1;border-radius:50%;background:#fff;box-shadow:0 0 4px #d9fff7;pointer-events:none;opacity:0}
[data-profile-border="aurora"] .profile-aurora-star{display:block;animation:profile-star-twinkle var(--star-time,8s) ease-in-out var(--star-delay,0s) infinite}
@keyframes profile-star-twinkle{0%,18%,100%{opacity:0;transform:scale(.65)}40%,57%{opacity:.7;transform:scale(1)}78%{opacity:.15;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){[data-profile-border="aurora"] .profile-aurora-star{animation:none;opacity:.4}[data-profile-border="aurora"] .profile-aurora-star:nth-of-type(3n){opacity:0}}
/* Scenic styles: independent motion and quiet, dark centres for readable text. */
[data-profile-border="beach"]{--theme-surface:radial-gradient(ellipse at 90% 0,#225b6077,transparent 55%),linear-gradient(160deg,#0b323c,#092c35 65%,#164749);--theme-accent:#b9f2e6;--theme-shadow:#4cbfbb26;--theme-radius:26px;--profile-border-colors:#658b78,#d9c58a,#66c4bc,#658b78}
[data-profile-border="forest"]{--theme-surface:radial-gradient(ellipse at 50% 0,#31552b66,transparent 65%),linear-gradient(160deg,#101f1b,#0b1817 70%,#142b21);--theme-accent:#c7e7ad;--theme-shadow:#6aad4226;--theme-radius:26px 12px 26px 12px;--profile-border-colors:#31543b,#9ca766,#466c43,#31543b}
[data-profile-border="volcano"]{--theme-surface:radial-gradient(ellipse at 50% 100%,#722f213d,transparent 58%),repeating-linear-gradient(120deg,transparent 0 39px,#ffffff03 40px 41px),linear-gradient(160deg,#242027,#13151c 75%);--theme-accent:#ffd1a9;--theme-shadow:#d3482929;--theme-radius:10px 22px 10px 22px;--profile-border-colors:#52312a,#f79c52,#853627,#52312a}
[data-profile-border="celestial"]{--theme-surface:radial-gradient(ellipse at 85% 10%,#493b7766,transparent 55%),linear-gradient(160deg,#101c35,#11142b 60%,#172139);--theme-accent:#d8e4ff;--theme-shadow:#829ce333;--theme-radius:22px;--profile-border-colors:#71819c,#d6c399,#738cb8,#71819c}
:is(#modalBg .oz-modal,.profile-style-preview-card,#profileLeft,.profile-border-option)[data-profile-border]:is([data-profile-border="beach"],[data-profile-border="forest"],[data-profile-border="volcano"],[data-profile-border="celestial"])::before{animation:none;background:none;opacity:.6}
[data-profile-border="beach"]::after,[data-profile-border="forest"]::after,[data-profile-border="volcano"]::after,[data-profile-border="celestial"]::after{animation:none;background:linear-gradient(145deg,var(--profile-border-colors))}
[data-profile-border="beach"] .profile-theme-lights{opacity:1;background:radial-gradient(circle at 87% 11%,#ffe8a0b3 0 13px,#ffd66d29 22px,transparent 67px);animation:profile-cove-sun 9s ease-in-out infinite}
[data-profile-border="beach"] .profile-theme-lights::before,[data-profile-border="beach"] .profile-theme-lights::after{content:"";position:absolute;left:-15%;right:-15%;bottom:-15px;height:100px;border-radius:48% 54% 0 0;background:#44b5b526;box-shadow:0 -2px 0 #b7f5e33b;animation:profile-cove-wave 7s ease-in-out infinite alternate}
[data-profile-border="beach"] .profile-theme-lights::after{bottom:-25px;animation-delay:-4s;animation-duration:10s;background:#75dccb24}
[data-profile-border="beach"] .profile-theme-detail{background:url('/assets/profile-themes/beach-cove.svg') center bottom / 100% 155px no-repeat;opacity:.8}
@keyframes profile-cove-sun{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes profile-cove-wave{from{transform:translate(-3%,0) rotate(-2deg)}to{transform:translate(3%,-13px) rotate(2deg)}}
[data-profile-border="forest"] .profile-theme-lights{background:radial-gradient(ellipse at 50% 0,#a8d26414,transparent 65%);opacity:.8}
[data-profile-border="forest"] .profile-theme-detail{background:url('/assets/profile-themes/enchanted-forest.svg') center / 100% 100% no-repeat;opacity:.72}
.profile-scene-particle,.profile-scene-orbit,.profile-scene-meteor{display:none;position:absolute;pointer-events:none;z-index:1}
[data-profile-border="forest"] .profile-scene-particle{display:block;left:var(--particle-x);top:var(--particle-y);width:3px;height:3px;border-radius:50%;background:#e5fda6;box-shadow:0 0 7px 2px #c5ef7966;opacity:0;animation:profile-firefly var(--particle-duration) ease-in-out var(--particle-delay) infinite}
[data-profile-border="forest"] .profile-scene-particle:nth-of-type(4n){top:-14px;width:7px;height:12px;border-radius:0 80% 0 80%;background:#89ac57;box-shadow:none;animation:profile-forest-leaf 18s linear var(--particle-delay) infinite}
@keyframes profile-firefly{0%,100%{opacity:0;transform:translate(0,0)}35%{opacity:.85}65%{opacity:.15;transform:translate(8px,-12px)}85%{opacity:.5;transform:translate(-5px,-4px)}}
@keyframes profile-forest-leaf{0%{opacity:0;transform:translate(0,0) rotate(0deg)}8%{opacity:.55}75%{opacity:.45}100%{opacity:0;transform:translate(30px,520px) rotate(250deg)}}
[data-profile-border="volcano"] .profile-theme-lights{background:radial-gradient(ellipse at 50% 110%,#f27b2233,transparent 55%);animation:profile-forge-heat 6s ease-in-out infinite}
[data-profile-border="volcano"] .profile-theme-detail{background:url('/assets/profile-themes/volcanic-forge.svg') center / 100% 100% no-repeat;animation:profile-forge-cracks 6s ease-in-out infinite}
[data-profile-border="volcano"] .profile-scene-particle{display:block;left:var(--particle-x);bottom:10px;width:2px;height:5px;border-radius:50%;background:#ffbd65;box-shadow:0 0 6px #ff682d;opacity:0;animation:profile-forge-ember var(--particle-duration) linear var(--particle-delay) infinite}
@keyframes profile-forge-heat{0%,100%{opacity:.35}45%{opacity:.9}60%{opacity:.6}75%{opacity:.85}}
@keyframes profile-forge-cracks{0%,100%{opacity:.45}50%{opacity:.9}}
@keyframes profile-forge-ember{0%{opacity:0;transform:translate(0,0) scale(.7)}12%{opacity:.85}65%{opacity:.4}100%{opacity:0;transform:translate(22px,-210px) scale(.2)}}
[data-profile-border="celestial"] .profile-theme-lights{background:radial-gradient(ellipse at 75% 10%,#8280d51a,transparent 65%);opacity:.7}
[data-profile-border="celestial"] .profile-theme-detail{background:url('/assets/profile-themes/celestial-observatory.svg') center / 100% 100% no-repeat;opacity:.65}
[data-profile-border="celestial"] .profile-aurora-star{display:block;animation:profile-star-twinkle var(--star-time,8s) ease-in-out var(--star-delay,0s) infinite}
[data-profile-border="celestial"] .profile-scene-orbit{display:block;right:-40px;bottom:-30px;width:175px;height:175px;border:1px solid #d0be8a40;border-radius:50%;animation:profile-observatory-orbit 28s linear infinite}
[data-profile-border="celestial"] .profile-scene-orbit::before{content:"";position:absolute;top:19px;left:19px;width:7px;height:7px;background:#fff0be;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);box-shadow:0 0 9px #fff}
[data-profile-border="celestial"] .profile-scene-meteor{display:block;top:8%;left:65%;width:80px;height:2px;background:linear-gradient(90deg,transparent,#d7eaff);border-radius:50%;opacity:0;transform:rotate(140deg);animation:profile-observatory-meteor 13s linear infinite}
@keyframes profile-observatory-orbit{to{transform:rotate(360deg)}}
@keyframes profile-observatory-meteor{0%,83%{opacity:0;transform:translate(0,0) rotate(140deg)}85%{opacity:.9}92%{opacity:0;transform:translate(-190px,160px) rotate(140deg)}100%{opacity:0;transform:translate(-190px,160px) rotate(140deg)}}
@media(prefers-reduced-motion:reduce){.profile-theme-scene *,.profile-theme-scene *::before,.profile-theme-scene *::after{animation:none!important}.profile-scene-particle{opacity:.35!important}.profile-scene-meteor{display:none!important}[data-profile-border="forest"] .profile-scene-particle:nth-of-type(4n){display:none}[data-profile-border="celestial"] .profile-aurora-star{opacity:.4}}
.profile-style-market{margin:34px 0 50px;padding-top:24px;border-top:1px solid #ffffff12}
.profile-style-market h2{font-size:28px;margin:0 0 8px}.profile-style-market>p{color:#c3cbdb;margin:0 0 22px}
.profile-style-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.profile-border-option.profile-style-product{box-sizing:border-box;min-height:250px;padding:30px 24px 25px;text-align:center;cursor:default;gap:12px;overflow:visible}
.profile-style-product h3{font:inherit;font-size:24px;color:var(--theme-accent);margin:0}
.profile-style-product p{line-height:1.4;margin:0;max-width:245px;color:#e0e6f0}
.profile-style-product .price-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:92px;background:#090d22bf;border:1px solid #ffffff40;color:white;font:inherit;border-radius:12px;padding:9px 16px;cursor:pointer}
.profile-style-product .price-btn:disabled{cursor:default;opacity:.7}
.profile-style-product .currency-icon,#profileStyleBuyConfirm .currency-icon{width:20px;height:20px;object-fit:contain}
#profileStyleBuyConfirm{display:inline-flex;align-items:center;gap:6px}
#profileStyleBuyPreview{margin-top:18px;min-height:210px}
#profileStyleBuyError{color:#ffb1b1;min-height:1.4em}
.profile-style-market .profile-style-status{margin-top:18px}
@media(max-width:540px){.profile-style-products{grid-template-columns:1fr}.profile-border-option.profile-style-product{min-height:225px}}
.market-titles-section{margin:34px 0 30px!important;padding-top:24px;border-top:1px solid #ffffff12}
.market-titles-section h2,.profile-style-market h2{font-size:28px;font-weight:700;line-height:1.25;margin:0 0 22px;text-align:left}
#titles .title-apply-btn{min-width:85px;background:linear-gradient(180deg,#e5bd4738,#b98b162e);color:#ffe69a;border:1px solid #e1b74499;box-shadow:0 0 12px #e7b72d12}
#titles .title-apply-btn:hover:not(:disabled){background:#d7a72c55;border-color:#ffe299;color:#fff3c4}
#titles .title-apply-btn[aria-pressed="true"]{background:#ffffff0d;border-color:#ffffff35;color:#d9ddeb;box-shadow:none}
#titles .title-apply-btn:disabled{opacity:.65;cursor:wait}
.profile-style-buy[data-owned="1"][data-active="1"]{border-color:#ffffff65;background:#172235d9}

#titles .title-apply-btn{min-width:0;justify-content:center;padding:7px 16px;gap:0;text-align:center}

/* Prismatic: a quiet navy centre with slowly travelling spectral edges. */
[data-profile-border="prismatic"]{--theme-surface:radial-gradient(ellipse at 0 0,#4f378a33,transparent 50%),radial-gradient(ellipse at 100% 100%,#1d68702b,transparent 50%),linear-gradient(155deg,#10182d,#090f21 65%,#10172d);--theme-accent:#e9dfff;--theme-shadow:#7865e32b;--theme-radius:18px;--profile-border-colors:#ff9eac,#e2b2ff,#95baff,#87e4d3,#ffe0a1,#ff9eac}
[data-profile-border="prismatic"]::after{animation-duration:18s}
[data-profile-border="prismatic"] .profile-theme-lights{inset:-15%;background:radial-gradient(ellipse at 15% 10%,#b17cf421,transparent 45%),radial-gradient(ellipse at 85% 90%,#75ead51c,transparent 45%);animation:profile-prismatic-glow 16s ease-in-out infinite alternate}
[data-profile-border="prismatic"] .profile-aurora-star{display:block;background:#e9d7ff;box-shadow:0 0 5px #c6adff66;animation:profile-star-twinkle var(--star-time,8s) ease-in-out var(--star-delay,0s) infinite}
@keyframes profile-prismatic-glow{from{transform:translate(-2%,-2%);opacity:.35}to{transform:translate(2%,2%);opacity:.8}}

/* Starfall: drifting starlight and a single occasional meteor. */
[data-profile-border="starfall"]{--theme-surface:radial-gradient(ellipse at 85% 0,#29468a38,transparent 55%),linear-gradient(155deg,#0c1831,#080e22 65%,#111b36);--theme-accent:#d3e5ff;--theme-shadow:#6d9be42b;--theme-radius:18px;--profile-border-colors:#243d6c,#92baff,#d9e9ff,#476ba3,#243d6c}
[data-profile-border="starfall"]::after{animation-duration:24s}
[data-profile-border="starfall"] .profile-theme-lights{inset:-8%;background:radial-gradient(ellipse at 75% 5%,#86abff17,transparent 58%);animation:profile-starfall-drift 24s ease-in-out infinite alternate}
[data-profile-border="starfall"] .profile-aurora-star{display:block;box-shadow:0 0 5px #b0d7ff88;animation:profile-star-twinkle var(--star-time,8s) ease-in-out var(--star-delay,0s) infinite,profile-starfall-drift 28s ease-in-out infinite alternate}
[data-profile-border="starfall"] .profile-scene-meteor{display:block;top:5%;left:80%;width:94px;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#c9e4ff);box-shadow:0 0 6px #a5caff66;opacity:0;animation:profile-starfall-meteor 18s linear infinite}
@keyframes profile-starfall-drift{from{translate:0 0}to{translate:-8px 12px}}
@keyframes profile-starfall-meteor{0%,72%,100%{opacity:0;transform:translate(0,0) rotate(-38deg)}74%{opacity:.8;transform:translate(-25px,20px) rotate(-38deg)}81%{opacity:0;transform:translate(-230px,180px) rotate(-38deg)}}

/* Emberglass: charcoal facets with warmth confined to the edges. */
[data-profile-border="emberglass"]{--theme-surface:radial-gradient(ellipse at 50% 100%,#743b2029,transparent 65%),linear-gradient(155deg,#211c22,#111319 60%,#201a1d);--theme-accent:#ffd7b2;--theme-shadow:#e5783426;--theme-radius:18px;--profile-border-colors:#5d372b,#e99656,#ffd3a0,#a85532,#5d372b}
[data-profile-border="emberglass"]::after{animation-duration:20s}
[data-profile-border="emberglass"] .profile-theme-lights{background:radial-gradient(ellipse at 5% 100%,#ff862a2b,transparent 55%),radial-gradient(ellipse at 95% 100%,#ffb3651a,transparent 50%);animation:profile-emberglass-warmth 11s ease-in-out infinite}
[data-profile-border="emberglass"] .profile-theme-detail{background:linear-gradient(135deg,#ffffff04,transparent 36%,#ffffff03 37%,transparent 38%),linear-gradient(35deg,transparent 70%,#ffc89307 71%,transparent 72%);opacity:.6}
[data-profile-border="emberglass"] .profile-scene-particle{display:block;left:var(--particle-x);bottom:1%;width:2px;height:3px;border-radius:50%;background:#ffd09c;box-shadow:0 0 5px #f28b4d88;opacity:0;animation:profile-emberglass-rise var(--particle-duration,8s) linear var(--particle-delay,0s) infinite}
@keyframes profile-emberglass-warmth{0%,100%{opacity:.35}50%{opacity:.8}}
@keyframes profile-emberglass-rise{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:.7}75%{opacity:.2}100%{opacity:0;transform:translate(12px,-160px) scale(.3)}}
@media(prefers-reduced-motion:reduce){
  :is([data-profile-border="prismatic"],[data-profile-border="starfall"],[data-profile-border="emberglass"]) .profile-aurora-star{animation:none!important;opacity:.4}
  :is([data-profile-border="prismatic"],[data-profile-border="starfall"],[data-profile-border="emberglass"]) .profile-theme-lights{animation:none!important;opacity:.6}
  [data-profile-border="emberglass"] .profile-scene-particle{animation:none!important;opacity:.3}
  [data-profile-border="starfall"] .profile-scene-meteor{display:none!important}
}