:root{--bg:#101312;--panel:#191d1a;--line:#2c332d;--muted:#8e9b90;--lime:#d0f582;--ink:#eff3e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:12px 18px;border-radius:8px}button:hover{border-color:var(--lime)}.primary{background:var(--lime);color:#18200f;border-color:var(--lime);font-weight:700}.muted{color:var(--muted)}.brand{font-size:28px;letter-spacing:-1px;font-weight:700}.brand b{color:var(--lime);margin-right:10px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--lime)}.sidebar{position:fixed;width:232px;height:100vh;padding:32px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#141815}.sidebar .brand{padding:0 14px;margin-bottom:40px}.navlabel{font-size:10px;letter-spacing:2px;color:#657267;padding:0 14px;margin:14px 0}.nav{display:flex;gap:13px;align-items:center;width:100%;background:none;border:0;text-align:left;color:var(--muted);margin:3px 0;padding:13px 15px}.nav.active{background:#293321;color:var(--lime)}.nav span{font-size:19px;width:22px}.sidebar-bottom{margin-top:auto}.upgrade-mini{padding:18px;background:linear-gradient(135deg,#364328,#222b1e);border:1px solid #52613c;border-radius:12px;margin-bottom:20px}.upgrade-mini h3{margin:0 0 7px}.upgrade-mini button{width:100%;margin-top:12px}.user{display:flex;align-items:center;gap:10px;padding:12px 2px}.avatar{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#424e33;color:var(--lime);font-weight:700}.main{margin-left:232px}.topbar{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.top-left,.actions{display:flex;align-items:center;gap:14px}.badge{font-size:11px;border:1px solid #48513c;border-radius:5px;padding:5px 8px;color:var(--lime)}.progress{width:110px;height:4px;background:#30362b;border-radius:4px}.progress i{display:block;width:22%;height:100%;background:var(--lime)}.content{max-width:1400px;margin:auto;padding:38px 40px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:28px}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.heading h1{font-size:38px;margin:8px 0 10px;letter-spacing:-1.5px}.heading p{margin:0;color:var(--muted)}.pill{padding:7px 10px;border:1px solid var(--line);border-radius:30px;font-size:11px}.hero{display:grid;grid-template-columns:1.3fr 1fr;min-height:260px;border:1px solid #4a5637;background:#283321;border-radius:16px;overflow:hidden}.hero-copy{padding:33px}.hero h2{font-size:30px;letter-spacing:-1px;line-height:1.2;max-width:390px;margin:15px 0}.hero p{color:#afbc9e;line-height:1.7;max-width:470px}.copybox{display:flex;gap:10px;margin-top:25px}.copybox input{flex:1;min-width:0;background:#1b2317;border:1px solid #47553b;color:#d9e4c9;padding:13px;border-radius:8px}.art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#7d98504a,transparent 65%)}.orbit{width:210px;height:210px;border:1px solid #829362;border-radius:50%;position:absolute;transform:rotate(-30deg) scaleX(1.4)}.orbit:nth-child(2){transform:rotate(30deg) scaleX(1.4)}.orb{width:126px;height:126px;border-radius:30px;background:linear-gradient(140deg,#e6ffae,#819e48);color:#26351a;box-shadow:15px 20px 70px #0004;display:grid;place-items:center;font-size:70px;transform:rotate(-12deg)}.art-tag{position:absolute;background:#172015;border:1px solid #52623d;border-radius:30px;padding:9px 13px;font-size:11px;bottom:30px;right:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat-value{font-family:'Space Grotesk';font-size:30px;margin:20px 0 6px;letter-spacing:-1px}.stat-note{font-size:11px;color:var(--muted)}.columns{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.card h3{font-size:17px;margin:0 0 8px}.table-head{display:flex;justify-content:space-between;align-items:center}.empty{text-align:center;padding:35px 0 20px}.empty-icon{font-size:28px;margin-bottom:15px;color:var(--lime)}.empty p{color:var(--muted);font-size:12px;line-height:1.7}.stripe{background:#1b211c}.stripe .symbol{font-size:24px;background:#292e3d;color:#acb7fa;display:inline-block;padding:9px 13px;border-radius:9px;margin-bottom:20px}.stripe p{color:var(--muted);font-size:12px;line-height:1.8}.stripe button{width:100%;margin-top:10px}.steps{display:flex;gap:22px;padding-top:25px;margin-top:24px;border-top:1px solid var(--line)}.step{flex:1}.step b{background:#293121;color:var(--lime);border-radius:50%;padding:5px 9px;display:inline-block;margin-bottom:10px}.step p{font-size:11px;color:var(--muted);line-height:1.7}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-story{padding:48px 65px;display:flex;flex-direction:column;background:#25321f;position:relative;overflow:hidden}.auth-story h1{font-size:64px;line-height:1.06;letter-spacing:-3px;margin:70px 0 20px;max-width:550px}.auth-story h1 em{font-style:normal;color:var(--lime)}.auth-story p{color:#bac6ac;max-width:400px;line-height:1.8}.preview-profile{margin:25px auto 30px;width:280px;background:#141b11;border:1px solid #63724d;border-radius:20px;padding:25px;text-align:center;transform:rotate(-6deg);box-shadow:20px 25px 60px #0004}.preview-profile .avatar{margin:auto;width:65px;height:65px;font-size:25px}.preview-profile h3{font-size:22px;margin:15px 0 8px}.preview-profile p{font-size:12px}.preview-profile .link{padding:11px;border:1px solid #3d4933;border-radius:7px;margin-top:9px}.auth-form{display:flex;align-items:center;justify-content:center;padding:50px}.form-inner{width:360px}.form-inner h2{font-size:32px;margin:14px 0}.form-inner>p{color:var(--muted);margin-bottom:30px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;margin-bottom:8px;color:#bcc4b8}.field input,.field textarea,.field select{width:100%;background:#191f19;color:var(--ink);border:1px solid #394236;border-radius:8px;padding:13px}.full{width:100%}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin:22px 0}.auth-switch button{border:0;background:none;color:var(--lime);padding:0}.divider{text-align:center;font-size:11px;color:#758071;margin:24px 0}.fine{font-size:11px;color:var(--muted);line-height:1.6}.error{color:#ffac96;font-size:12px}.premium-hero{text-align:center;padding:45px 20px 50px;background:radial-gradient(ellipse at top,#4d633140,transparent 70%);border:1px solid #48543a;border-radius:16px}.premium-hero h1{font-size:49px;letter-spacing:-2px;margin:22px 0 15px}.premium-hero h1 em{color:var(--lime);font-style:normal}.premium-hero p{color:var(--muted);line-height:1.8}.price{font-size:52px;font-family:'Space Grotesk';margin:27px 0 20px}.price small{font-size:14px;color:var(--muted)}.toggle{display:inline-flex;background:#131811;border:1px solid #35402d;border-radius:8px;padding:4px;gap:3px;margin-top:16px}.toggle button{border:0;background:none;padding:8px 16px;font-size:12px}.toggle button.selected{background:#d0f582;color:#18200f}.section-title{margin:40px 0 23px}.section-title h2{font-size:25px;margin-bottom:7px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-icon{color:var(--lime);font-size:22px;margin-bottom:18px}.features p{font-size:12px;line-height:1.8;color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:16px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted)}td:last-child,th:last-child{color:var(--lime)}details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer}details p{color:var(--muted);line-height:1.8;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#17220e;padding:13px 22px;border-radius:10px;display:none;z-index:50}dialog{background:#1c241b;border:1px solid #52603f;color:var(--ink);border-radius:16px;max-width:450px;padding:30px}dialog::backdrop{background:#0009}dialog p{line-height:1.8;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile-art{height:150px;border-radius:8px;background:linear-gradient(140deg,#8d9c73,#25331e);display:grid;place-items:center;font-size:35px;margin-bottom:18px}.mobile-brand{display:none}.public-profile{max-width:480px;margin:60px auto;text-align:center}.public-profile .avatar{width:90px;height:90px;margin:0 auto;font-size:32px}.public-profile a{display:block;margin:12px 0;padding:16px;border:1px solid var(--line);border-radius:10px}.footer{font-size:11px;color:#6a776b;margin:28px 0;display:flex;justify-content:space-between}@media(min-width:1500px){.content{padding-top:45px}.hero{min-height:295px}}@media(max-width:1050px){.sidebar{width:190px;padding:25px 12px}.main{margin-left:190px}.content{padding:28px 24px}.topbar{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.auth-story{padding:40px}.auth-story h1{font-size:48px}.features{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.6fr 1fr}}@media(max-width:700px){.sidebar{position:static;width:100%;height:auto;padding:16px;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line);gap:5px}.sidebar .brand{font-size:22px;margin:5px 12px 0 0;padding:0}.navlabel,.sidebar-bottom,.sidebar .nav span{display:none}.sidebar nav{display:flex}.nav{padding:10px;margin:0;white-space:nowrap;font-size:12px}.main{margin:0}.topbar{height:68px;padding:0 18px}.top-left .progress,.top-left .muted,.actions .save{display:none}.actions button{padding:9px;font-size:11px}.content{padding:25px 18px}.heading h1{font-size:30px}.heading .pill{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:24px}.art{display:none}.hero h2{font-size:27px}.copybox{flex-direction:column}.stats{gap:10px}.card{padding:18px}.stat-value{font-size:27px}.steps{gap:13px}.auth{grid-template-columns:1fr}.auth-story{padding:24px}.auth-story h1{margin:30px 0 12px;font-size:42px}.auth-story>p,.preview-profile,.auth-story .fine{display:none}.auth-form{padding:35px 24px}.premium-hero h1{font-size:35px}.features,.tiles{grid-template-columns:1fr}.footer{gap:15px}th,td{padding:12px 6px}}
/* Vela Afterglow */
:root{--bg:#090a17;--panel:#151629b8;--line:#ffffff16;--muted:#a0a2bc;--lime:#88f4ef;--ink:#f6f4ff}body{background:#090a17;isolation:isolate}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0%,#41316822,transparent 70%)}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient .blur-orb{position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(90px);opacity:.25;will-change:transform;animation:aurora-drift 22s ease-in-out infinite alternate;background:radial-gradient(circle,#783cff,transparent 68%);top:-25%;left:5%}.ambient .blur-orb:nth-child(2){background:radial-gradient(circle,#07d9d7,transparent 68%);left:55%;top:10%;animation-duration:27s;animation-delay:-10s;opacity:.19}.ambient .blur-orb:nth-child(3){background:radial-gradient(circle,#ff48a9,transparent 68%);left:20%;top:60%;animation-duration:31s;animation-delay:-16s;opacity:.17}.ambient .star{position:absolute;height:2px;width:2px;background:#dfe9ff;border-radius:50%;box-shadow:0 0 8px #bddcff;animation:twinkle 5s ease-in-out infinite;opacity:.3}.pointer-halo{position:fixed;left:0;top:0;width:500px;height:500px;pointer-events:none;z-index:-1;transform:translate(-1000px,-1000px);background:radial-gradient(circle,#9f7aff10,transparent 65%)}.sidebar{background:#0c0d1cbb;backdrop-filter:blur(24px)}.brand b{color:#b9a2ff;text-shadow:0 0 24px #ae7dff99}.topbar{background:#0c0d1b55;backdrop-filter:blur(18px)}.nav{transition:background .25s,color .25s,transform .25s}.nav:hover{background:#a388ff0d;transform:translateX(3px);color:#fff}.nav.active{background:linear-gradient(110deg,#9164ff30,#67f7f215);color:#d7c9ff;box-shadow:inset 2px 0 #b498ff,0 0 22px #a877ff0a}.nav.active span{color:#b69aff}.badge{background:#9e72ff16;border-color:#b795ff38;color:#ceb6ff}.progress{background:#a988ff20}.progress i{background:linear-gradient(90deg,#ac82ff,#79eff5);box-shadow:0 0 10px #a082ff}.eyebrow{color:#c0a8ff}.hero{background:linear-gradient(125deg,#48287655,#18314a50 60%,#1f525033);border-color:#b5a1ff2c;box-shadow:0 20px 80px #0003,inset 0 1px #ffffff0c;position:relative}.hero::before,.premium-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff06 45%,transparent 65%);background-size:250% 100%;animation:light-pass 13s ease-in-out infinite;border-radius:inherit}.hero-copy{z-index:1}.hero h2{font-size:33px}.hero p{color:#b7b3d2}.copybox input{background:#0c102766;border-color:#b39aff30;color:#ddd8f9}.card{background:linear-gradient(135deg,#20203999,#111323c9);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff08,0 10px 35px #0001;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.card:hover{border-color:#a497ff44;box-shadow:inset 0 1px #ffffff0c,0 15px 40px #4e2f8615}.stats .card:hover,.features .card:hover,.tiles .card:hover{transform:translateY(-5px)}.stats .card::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#b188ff,transparent)}.stats .card:nth-child(2)::before{background:linear-gradient(90deg,transparent,#64ebe0,transparent)}.stats .card:nth-child(3)::before{background:linear-gradient(90deg,transparent,#f694cc,transparent)}.stats .card:nth-child(4)::before{background:linear-gradient(90deg,transparent,#ffc57a,transparent)}.stat-value{color:#e9defe}.stats .card:nth-child(2) .stat-value{color:#a0f5ed}.stats .card:nth-child(3) .stat-value{color:#fac0e4}.stats .card:nth-child(4) .stat-value{color:#ffdab0}button{background:#1b1c32b3;border-color:#9f96c52a;transition:transform .2s,box-shadow .25s,border-color .25s,background .25s;position:relative;overflow:hidden}button:hover{border-color:#aa91ff88;box-shadow:0 0 24px #9371ff22;transform:translateY(-2px)}button:active{transform:translateY(0) scale(.98)}.primary{color:#fff;background:linear-gradient(110deg,#9a65ff,#7d5ae8 48%,#498fea);border:1px solid #c6afff66;box-shadow:0 4px 24px #9565ff38,inset 0 1px #ffffff30;text-shadow:0 1px 2px #0002}.primary::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff3 45%,transparent 70%);transform:translateX(-140%);transition:transform .65s;pointer-events:none}.primary:hover{box-shadow:0 0 18px #a776ff66,0 0 44px #6b8aff33;border-color:#ceb4ff;transform:translateY(-3px)}.primary:hover::after{transform:translateX(140%)}.ripple{position:absolute;border-radius:50%;background:#ffffff55;transform:scale(0);animation:ripple-out .65s ease-out forwards;pointer-events:none}.orb{background:linear-gradient(135deg,#e1c5ff,#9764f7 45%,#6de9ef);color:#faf0ff;box-shadow:0 0 70px #a072ff55,inset 0 1px #fff8;animation:float-core 7s ease-in-out infinite}.orbit{border-color:#ad97ff55;box-shadow:0 0 16px #a177ff15;animation:orbit-breathe 10s ease-in-out infinite}.orbit:nth-child(2){border-color:#72e4e85c;animation-delay:-5s}.art{background:radial-gradient(ellipse,#8957e533,transparent 70%)}.art-tag{background:#16152bcc;border-color:#a28fe744;color:#e3d7ff;backdrop-filter:blur(12px);animation:float-tag 8s ease-in-out infinite}.upgrade-mini{background:linear-gradient(125deg,#7341c342,#22518040);border-color:#bd9afc30;box-shadow:0 0 35px #9d61ff0a}.avatar{background:linear-gradient(135deg,#9259ef,#467bd8);color:#fff;border:1px solid #d2b9ff50;box-shadow:0 0 22px #885ee333}.step b{background:#9471ff1f;color:#c6b3ff}.stripe{background:linear-gradient(145deg,#20223d99,#17172dc9)}.stripe .symbol{background:#8476ff20;color:#c9bbff;box-shadow:0 0 28px #8060ff16}.pill{background:#c1a4ff06;border-color:#c1a4ff25}.auth-story{background:linear-gradient(140deg,#2d1a4e66,#13293e66);border-right:1px solid var(--line)}.auth-story h1 em,.premium-hero h1 em{background:linear-gradient(100deg,#c8a1ff,#83f0ed 65%,#f7a5d2);color:transparent;background-clip:text;-webkit-background-clip:text;background-size:180% 100%;animation:color-flow 9s ease-in-out infinite}.auth-story p{color:#bcb1cf}.preview-profile{background:linear-gradient(135deg,#2c1d49db,#122c36de);border-color:#b697ff55;box-shadow:15px 20px 70px #6440b92b}.auth-story .preview-profile{animation:profile-float 8s ease-in-out infinite}.preview-profile .link{background:#ffffff05;border-color:#b49ce62c}.field input,.field textarea,.field select{background:#17172db3;border-color:#afa0db2a}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b599ff;box-shadow:0 0 0 3px #ac7eff15}.premium-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 0%,#823ce63d,transparent 60%),radial-gradient(ellipse at 90% 50%,#24beb222,transparent 60%),#11122399;border-color:#ae8de944;box-shadow:0 0 80px #8450cf15}.premium-hero>*{position:relative}.toggle{background:#121225bb;border-color:#aa91d936}.toggle button.selected{background:linear-gradient(120deg,#ac85ff,#8c7df1);color:#fff;box-shadow:0 0 18px #956ff733}.price{color:#f5edff;text-shadow:0 0 35px #ab82ff22}.feature-icon{color:#c3a2ff;background:#a578ff14;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;box-shadow:inset 0 0 0 1px #bd9eff20}.features .card:nth-child(2n) .feature-icon{color:#89eae9;background:#42cbd712}.features .card:nth-child(3n) .feature-icon{color:#f2a2ce;background:#f467b112}.community-note{display:flex;align-items:center;gap:12px;font-size:12px;color:#c2bbd7;margin:20px 0 0}.community-note i{height:7px;width:7px;border-radius:50%;background:#87f6dc;box-shadow:0 0 15px #76f6d2;animation:twinkle 4s infinite}.community-note span{color:#f4eaff}.content{animation:page-enter .5s ease-out}.footer{color:#8d85a5}#toast{background:linear-gradient(110deg,#b894ff,#86e7ea);color:#171325;box-shadow:0 0 35px #a777ff33}dialog{background:#17162a;border-color:#b097ed66;box-shadow:0 0 100px #8850db20}.fine{color:var(--muted)}
@keyframes aurora-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-15%,20%) scale(1.15)}100%{transform:translate(20%,35%) scale(.9)}}@keyframes twinkle{50%{opacity:.8}}@keyframes float-core{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes float-tag{50%{transform:translateY(-9px)}}@keyframes orbit-breathe{50%{opacity:.4}}@keyframes color-flow{50%{background-position:100% 50%}}@keyframes light-pass{50%{background-position:100% 0}}@keyframes profile-float{50%{transform:translateY(-12px) rotate(-2deg)}}@keyframes page-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple-out{to{transform:scale(3);opacity:0}}
@media(max-width:700px){.hero h2{font-size:27px}.ambient .blur-orb{width:100vw;height:100vw;filter:blur(55px);opacity:.2}.pointer-halo{display:none}.nav:hover{transform:none}.community-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pointer-halo{display:none}.ambient .star{opacity:.3}}
/* A persistent left rail at every screen size. */
.sidebar{overflow-y:auto;overflow-x:hidden}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;color:#e1cfff;background:#9a68ff14}.sidebar-bottom{padding-top:20px}.user{overflow:hidden}.user strong{overflow-wrap:anywhere}.pointer-halo{background:radial-gradient(circle,#b679ff25 0%,#51d8f516 25%,transparent 65%);opacity:0;transition:opacity .5s;mix-blend-mode:screen}.pointer-halo.visible{opacity:1}.ambient{inset:-40px}.hero,.premium-hero,.stats .card,.features .card,.tiles .card{transform-style:preserve-3d;transition:transform .25s ease-out,border-color .25s,box-shadow .25s}.reactive,.stats .card.reactive:hover,.features .card.reactive:hover,.tiles .card.reactive:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:#baa0ff70;box-shadow:0 15px 55px #9668ff20}.reactive::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#c8aaff16,transparent 45%)}
@media(max-width:700px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:160px;height:100dvh;padding:22px 10px;display:flex;flex-direction:column;gap:0;border-right:1px solid var(--line);border-bottom:0}.sidebar .brand{padding:0 10px;margin:0 0 25px;font-size:25px}.sidebar nav{display:flex;flex-direction:column}.sidebar .nav{width:100%;padding:11px 8px;margin:2px 0;font-size:11px;gap:6px;white-space:normal}.sidebar .nav span{display:block;width:19px;font-size:17px}.navlabel{display:block;padding:0 10px;font-size:9px}.sidebar-bottom{display:block;margin-top:auto;padding-top:20px}.upgrade-mini{display:none}.user{gap:7px;align-items:center}.user strong{font-size:11px}.user .fine{font-size:9px}.user .avatar{width:26px;height:26px;flex-shrink:0;font-size:11px}.logout-button{font-size:12px;padding:10px}.main{margin-left:160px;min-width:0}.topbar{padding:0 12px;gap:8px}.top-left{gap:5px}.badge{font-size:9px}.actions button{padding:8px;font-size:10px}.content{padding:24px 14px}.heading h1{font-size:27px}.stats{grid-template-columns:1fr}.hero-copy{padding:20px}.hero h2{font-size:25px}.steps{flex-direction:column}.premium-hero{padding:32px 12px}.premium-hero h1{font-size:29px}.premium-hero .primary{min-width:0!important;width:100%}.toggle button{padding:7px 9px;font-size:10px}.footer{flex-direction:column}.card{padding:16px}.card:has(table){overflow-x:auto}table{min-width:360px}.pointer-halo{display:none}}
@media(max-width:400px){.sidebar{width:130px;padding:20px 7px}.main{margin-left:130px}.sidebar .nav{font-size:10px}.content{padding:20px 10px}.heading h1{font-size:24px}.hero-copy{padding:16px}.hero h2{font-size:23px}.topbar .badge{display:none}.topbar{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.reactive,.stats .card:hover,.features .card:hover,.tiles .card:hover{transform:none!important}.ambient{translate:none!important}.pointer-halo{display:none}}
.signin-link{display:block;text-align:center;padding:16px;border-radius:9px}.token-balance{border:1px solid #c6a5ff36;border-radius:30px;padding:7px 12px;color:#d6baff;font-size:11px;background:#ac77ff15}.community-banner{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.community-banner h3{margin-top:14px}.chat-card{display:flex;flex-direction:column}.chat-messages{height:450px;overflow-y:auto;margin:24px 0;padding-right:10px;scrollbar-width:thin;scrollbar-color:#8b66bf #1b172b}.chat-message{display:flex;align-items:flex-start;gap:12px;padding:14px 0}.chat-message .avatar{flex-shrink:0}.message-copy{min-width:0;width:100%}.message-meta{display:flex;align-items:center;gap:9px}.message-meta strong{font-size:13px}.message-meta time{font-size:10px;color:var(--muted)}.message-meta .badge{font-size:9px;padding:3px 5px}.message-copy p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:9px 0 0;font-size:13px}.chat-compose{display:flex;gap:10px;margin-top:9px}.chat-compose input{background:#151326;color:#fff;border:1px solid #a48cdb36;border-radius:8px;padding:13px;flex:1;min-width:0}.moderate{margin-left:auto;padding:4px 6px;font-size:10px}.shop-price{color:#d8b9ff;margin:20px 0}button:disabled{cursor:default;opacity:.5;transform:none!important;box-shadow:none}.admin-table{overflow-x:auto}.admin-table select{background:#1c1833;color:#ece2ff;border:1px solid #8d6db64a;border-radius:6px;padding:8px}.admin-table table{min-width:650px}.audit-entry{padding:13px 0;border-bottom:1px solid var(--line)}.audit-entry p{overflow-wrap:anywhere}.account-notice{padding:15px;margin-bottom:20px;border:1px solid #e8bc6644;background:#c2942714;border-radius:9px;color:#f0d19a}.equipped-halo{box-shadow:0 0 0 5px #9e6dff33,0 0 0 9px #7ae7e327,0 0 40px #b17cff55!important}@media(max-width:700px){.community-banner{align-items:stretch;flex-direction:column}.chat-messages{height:380px}.chat-message{gap:7px}.chat-message .avatar{width:26px;height:26px}.message-meta{flex-wrap:wrap;gap:5px}.chat-compose{flex-direction:column}.top-left .token-balance{font-size:9px;padding:5px}.stats .card{padding:18px}.token-balance{white-space:nowrap}.topbar{flex-wrap:wrap;height:auto;min-height:70px;padding:10px}.columns{min-width:0}}
.equipped-cosmos{border-radius:25%!important;background:linear-gradient(135deg,#db8be8,#515cdb,#6de3d8)!important;box-shadow:0 0 0 5px #a679f72b,0 0 30px #8d79f75e!important}
.creature-stage{display:block;position:relative;width:100%;height:200px;padding:15px 20px 25px;border-radius:14px;margin-bottom:19px;background:radial-gradient(ellipse at 50% 65%,#8f62ff23,transparent 65%),#14162899;border:1px solid #bd9bff1c;overflow:hidden}.creature-stage:hover{border-color:#b898ff66;box-shadow:0 0 40px #9969ee15;transform:none}.creature-stage svg{height:150px;width:140px;overflow:visible;filter:drop-shadow(0 8px 12px #0004)}.creature-sprout{background:radial-gradient(ellipse at 50% 65%,#72e9b328,transparent 65%),#13242488}.creature-byte{background:radial-gradient(ellipse at 50% 65%,#8c83f52b,transparent 65%),#151626aa}.pet-preview-hint{position:absolute;bottom:12px;left:0;width:100%;font-size:10px;color:#b8a9d1;letter-spacing:.3px}.pet-body{transform-origin:50px 100px;animation:creature-idle 3.4s ease-in-out infinite}.creature-nova .pet-body{animation:creature-hover 4s ease-in-out infinite}.pet-eyes{transform-origin:50px 57px;animation:creature-blink 5s infinite}.creature-sprout .pet-eyes{transform-origin:50px 72px;animation-delay:1.8s}.pet-antenna{transform-origin:50px 25px;animation:antenna-sway 3s ease-in-out infinite}.pet-leaves{transform-origin:50px 43px;animation:leaf-sway 4s ease-in-out infinite}.pet-right-arm{transform-origin:74px 73px}.creature-nova .pet-right-arm{transform-origin:74px 49px}.creature-sprout .pet-right-arm{transform-origin:73px 64px}.pet-happy-face{opacity:0}.pet-sparkles{animation:twinkle 3s ease-in-out infinite}.pet-shadow{transform-origin:50px 110px;animation:shadow-breathe 3.4s ease-in-out infinite}.pet-excited .pet-body{animation:creature-hop .6s ease-in-out 3}.pet-excited .pet-right-arm{animation:creature-wave .35s ease-in-out 6}.pet-excited .pet-eyes,.pet-excited .pet-mouth{opacity:0;animation:none}.pet-excited .pet-happy-face{opacity:1}.pet-excited .pet-sparkles{animation:twinkle .4s 5}.companion-dock{position:fixed;right:24px;bottom:23px;width:156px;border:1px solid #bd9cfa44;background:linear-gradient(145deg,#211b36e8,#111e2be8);backdrop-filter:blur(24px);border-radius:17px;z-index:15;box-shadow:0 10px 45px #0007,0 0 30px #9e67fd18;padding:10px 10px 9px;animation:page-enter .5s ease-out}.companion-caption{display:flex;align-items:center;gap:7px;font-size:12px;padding:2px 4px}.pet-online-dot{width:5px;height:5px;background:#9ae9d7;border-radius:50%;box-shadow:0 0 9px #73dfb8}.pet-fold{margin-left:auto;padding:0;width:20px;height:20px;border:0;background:none;color:#b5a8ce}.companion-dock .creature-stage{height:155px;padding:8px 0 18px;margin:4px 0 0;background:none;border:0}.companion-dock .creature-stage svg{width:110px;height:126px}.companion-dock .pet-preview-hint{bottom:0;font-size:9px}.pet-collection-link{display:block;text-align:center;font-size:9px;margin-top:9px;color:#b0a4c8}.companion-folded .companion-figure,.companion-folded .pet-collection-link{display:none}.has-companion{padding-bottom:230px}.profile-companion{margin:30px auto 5px;max-width:210px}.profile-companion .creature-stage{background:none;border:0;margin-bottom:6px}.empty>.creature-stage{max-width:260px;margin:0 auto 25px}@keyframes creature-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes creature-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes creature-blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.08)}}@keyframes antenna-sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(8deg)}}@keyframes leaf-sway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes shadow-breathe{50%{transform:scaleX(.85);opacity:.12}}@keyframes creature-hop{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes creature-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-25deg)}}@media(max-width:700px){.companion-dock{right:12px;bottom:12px;width:126px}.companion-dock .creature-stage{height:130px}.companion-dock .creature-stage svg{width:95px;height:108px}.has-companion{padding-bottom:215px}.creature-stage{height:185px}.creature-stage svg{height:135px}}@media(prefers-reduced-motion:reduce){.creature-stage *{animation:none!important}.pet-excited .pet-happy-face{opacity:1}}
/* Vela collectible universe */
.wallet-strip{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:17px 20px;background:#1b1531a8;border:1px solid #9767de42;border-radius:11px;margin-bottom:24px;font-size:12px}.wallet-strip strong{color:#dcc1ff}.wallet-strip button{margin-left:auto;font-size:11px;padding:8px 12px}.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.market-toolbar form{display:flex;gap:8px}.market-toolbar input,.market-toolbar select,.currency-choice select{background:#101326;color:#ece5ff;border:1px solid #8062b750;border-radius:8px;padding:10px;font-size:11px}.currency-choice{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:20px}.collectible-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.collectible-card{border:1px solid color-mix(in srgb,var(--rarity) 45%,transparent);border-radius:12px;padding:16px 12px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--rarity) 9%,transparent),transparent 80%),#0c1021cc;text-align:center;box-shadow:inset 0 0 30px color-mix(in srgb,var(--rarity) 5%,transparent);transition:border-color .3s,transform .3s,box-shadow .3s;min-width:0}.collectible-card:hover{transform:translateY(-5px);border-color:var(--rarity);box-shadow:0 0 24px color-mix(in srgb,var(--rarity) 20%,transparent),inset 0 0 35px color-mix(in srgb,var(--rarity) 9%,transparent)}.rarity-label{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.collectible-stage{display:block;width:100%;height:155px;border:0;background:none;padding:7px 0;overflow:visible;margin:5px auto;position:relative;box-shadow:none!important}.collectible-stage:hover{transform:none;background:none}.collectible-stage svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--rarity) 45%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,var(--rarity) 30%,transparent));transition:filter .3s}.collectible-card h3{font:600 11px 'Space Grotesk';text-transform:uppercase;letter-spacing:.4px;min-height:28px;margin:5px 0}.serial{font-size:8px;color:#9f92b6;letter-spacing:.7px;overflow-wrap:anywhere;margin:8px 0 13px}.collectible-price{font-weight:700;font-size:13px;color:#dfceff;margin:13px 0}.collectible-card button.full{font-size:11px;padding:9px}.badge-body{transform-origin:60px 65px;animation:badge-float 5s ease-in-out infinite}.badge-orbit{transform-origin:60px 60px;animation:badge-spin 24s linear infinite}.badge-sparks{animation:twinkle 3s ease-in-out infinite}.crest-flame{animation:flame-glow 4s ease-in-out infinite}.badge-eye{animation:eye-shimmer 5s infinite}.badge-awake .badge-body{animation:badge-celebrate .7s ease-in-out 2}.badge-awake svg{filter:drop-shadow(0 0 12px var(--rarity)) drop-shadow(0 0 24px var(--rarity))}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;color:var(--muted);margin:28px 0}.pagination button{padding:8px 14px}.rewards-inline{margin-top:26px}.rewards-inline button{margin:8px 8px 0 0}.rarity-section{border:1px solid color-mix(in srgb,var(--rarity) 28%,transparent);padding:22px;border-radius:14px;margin:26px 0;background:#10112477}.rarity-section>h3{color:var(--rarity);letter-spacing:1px;font-size:13px;margin:0 0 20px}.rarity-section>h3 span{color:var(--muted)}.collection-intro{margin:20px 0}.badge-dock{width:170px;border-color:color-mix(in srgb,var(--rarity) 45%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--rarity) 15%,transparent)}.badge-dock .collectible-stage{height:135px}.badge-dock .companion-figure>strong{display:block;text-align:center;font-size:10px;overflow-wrap:anywhere}.member-profile-header{display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:center}.profile-featured .collectible-stage{height:210px}.member-identity h1{font-size:34px;letter-spacing:-1px;margin:0 0 15px}.profile-stats{display:flex;gap:40px;margin:25px 0}.profile-stats div{display:flex;flex-direction:column;gap:5px}.profile-stats strong{font:600 25px 'Space Grotesk';color:#d7baff}.profile-stats span{font-size:10px;color:var(--muted)}.presence-pill{font-size:10px;padding:5px 9px;border-radius:30px;background:#25372d77;color:#5bf7bf}.presence-away{background:#54401d66;color:#ffd16c}.presence-dnd{background:#51253066;color:#ff91b0}.presence-offline{background:#31344377;color:#a4a9b8}.presence-control{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);padding:8px 3px;margin-bottom:6px}.presence-control select{background:#15162b;color:#83f4c6;border:1px solid #8692a333;border-radius:5px;padding:5px;font-size:10px;flex:1;min-width:0}.profile-avatar{cursor:pointer;padding:0;flex-shrink:0}.profile-avatar-large{width:130px;height:130px;font-size:50px;margin:auto}.chat-profile-name{padding:0;border:0;background:none;font-weight:700;font-size:12px}.profile-links{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}.profile-links a{background:#221932;border:1px solid #9c6cee3a;padding:12px 20px;border-radius:8px;font-size:12px}.box-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.box-hero{text-align:center;padding:30px}.mystery-box{display:block;width:160px;height:160px;margin:35px auto 30px;background:linear-gradient(135deg,#52289b,#16132f 50%,#341876);border:3px solid #c072ff;border-radius:16px;position:relative;box-shadow:0 0 35px #9a48ff66,inset 0 0 40px #883fea44;transform:perspective(500px) rotateY(-12deg) rotateX(9deg);overflow:visible}.mystery-box:hover{transform:perspective(500px) rotateY(9deg) rotateX(3deg);box-shadow:0 0 60px #ad5dff88}.box-lid{position:absolute;left:-10px;right:-10px;top:-10px;height:35px;border:2px solid #c885ff;border-radius:8px;background:linear-gradient(135deg,#703daf,#1f1737)}.box-core{font-family:'Space Grotesk';font-size:65px;color:#e0c4ff;text-shadow:0 0 20px #b35aff;position:relative;z-index:1}.box-lines{position:absolute;inset:12px;border:1px dashed #b07bff77;border-radius:10px}.box-opening{animation:box-shake .2s linear infinite!important}.box-actions{display:flex;gap:12px;justify-content:center;margin:22px 0}.odds-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:17px 0}.odds-row>span:last-child{font-size:11px;color:var(--muted)}.probability-note{text-align:center;font-size:10px}.box-winner{max-width:250px;margin:30px auto 5px;border:1px solid #ab6fff66;padding:20px;border-radius:14px;background:#20143488;animation:page-enter .5s ease-out}.box-winner h3{font-size:18px}.game-countdown{font-family:'Space Grotesk';font-size:22px;color:#d1b9ff;background:#23163877;padding:18px;border-radius:9px;margin:24px 0}.coin-options{display:flex;justify-content:center;gap:30px;margin:25px 0}.coin-choice{border-radius:50%;width:100px;height:100px;background:radial-gradient(circle,#3b235e,#141528);border:2px solid #7d65a1;box-shadow:inset 0 0 0 6px #211736;font-size:36px;color:#bf8cfa;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.coin-choice span{font-size:10px}.coin-choice.selected{border-color:#dca2ff;box-shadow:0 0 20px #c765ff44,inset 0 0 0 6px #3f2052}.coin-winning{animation:coin-turn 1s ease-out}.game-input{width:100%;padding:13px;background:#131526;border:1px solid #ac82ff3b;border-radius:8px;color:#fff;margin:10px 0 20px}.coin-result{text-align:center;padding:18px;margin-top:20px;color:#e7caff;border:1px solid #ab72ff3d;border-radius:9px}.credit-pack-grid{margin-top:25px}.credit-pack-grid .price{font-size:35px}.social-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:22px}.friend-entry{display:flex;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.friend-entry button:last-child{margin-left:auto;padding:7px 9px;font-size:11px}.dm-message{max-width:85%;background:#191b30;border:1px solid #4e3d6544;border-radius:12px;padding:13px;margin:12px 0;font-size:12px}.dm-message.sent{margin-left:auto;background:#40245955;border-color:#a062da44}.dm-message strong{font-size:10px;color:#c5a5e7}.dm-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.dm-message time{font-size:9px;color:var(--muted)}.generator-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.generator-preview{text-align:center;padding:30px}.generator-preview>.collectible-stage{height:260px;max-width:310px}.generator-placeholder{font-size:130px;color:#9d72d94a;padding:60px 0}.generator-preview form{text-align:left;margin:25px auto 0;max-width:310px}.admin-sidebar{border-color:#a078da36;background:linear-gradient(180deg,#211434bb,#101223e6)}.webhook-url{display:block;overflow-wrap:anywhere;background:#0e1120;border:1px solid var(--line);padding:15px;border-radius:8px;font-size:12px;margin:18px 0}.admin-universe .heading h1{font-size:34px}@keyframes badge-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes badge-spin{to{transform:rotate(360deg)}}@keyframes flame-glow{50%{opacity:.4;transform:translateY(-3px)}}@keyframes eye-shimmer{0%,45%,49%,100%{opacity:1}47%{opacity:.3}}@keyframes badge-celebrate{50%{transform:translateY(-9px) scale(1.05)}}@keyframes box-shake{0%,100%{rotate:-2deg}50%{rotate:2deg}}@keyframes coin-turn{to{transform:rotateY(720deg)}}@media(max-width:1150px){.collectible-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.market-toolbar{align-items:stretch;flex-direction:column}.member-profile-header{grid-template-columns:160px 1fr}.profile-stats{gap:22px}.generator-layout{grid-template-columns:1fr 1fr}}@media(max-width:700px){.collectible-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collectible-card{padding:13px 7px}.collectible-stage{height:125px}.market-toolbar form{flex-wrap:wrap}.market-toolbar input{width:100%}.wallet-strip{padding:14px;gap:12px}.wallet-strip button{width:100%;margin:0}.box-layout,.social-layout,.generator-layout{grid-template-columns:1fr}.box-hero{padding:20px 12px}.box-actions{flex-direction:column}.mystery-box{width:130px;height:130px}.member-profile-header{grid-template-columns:1fr;gap:15px}.profile-featured .collectible-stage{height:180px;max-width:180px}.member-identity h1{font-size:28px}.profile-stats{gap:18px}.profile-stats strong{font-size:23px}.rarity-section{padding:15px}.rarity-section .collectible-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coin-options{gap:12px}.coin-choice{width:75px;height:75px;font-size:28px}.odds-row{gap:6px}.odds-row>span:last-child{font-size:10px}.generator-preview{padding:20px}.generator-preview>.collectible-stage{height:200px}.admin-universe .heading h1{font-size:27px}.badge-dock{width:126px}.badge-dock .collectible-stage{height:110px}.badge-dock .companion-figure>strong{font-size:9px}}@media(max-width:420px){.collectible-grid,.rarity-section .collectible-grid{grid-template-columns:1fr}.collectible-stage{height:160px}.profile-stats{flex-wrap:wrap}.market-toolbar select{flex:1}.presence-control{gap:3px;font-size:9px}.presence-control select{font-size:9px;padding:3px}}@media(prefers-reduced-motion:reduce){.collectible-stage *,.box-opening,.coin-winning{animation:none!important}.collectible-card:hover{transform:none}}
/* Vela reference edition: original supplied artwork, live community data. */
:root{--bg:#04060e;--panel:#090b18;--line:#403064;--muted:#a9a8d3;--lime:#c29aff;--ink:#f4f1ff}body{background:#04060e;font-size:13px}body:before{opacity:.3;filter:blur(90px)}button{border-radius:7px;background:linear-gradient(160deg,#19122e,#0b1020);border-color:#4b3282;padding:9px 14px;font-size:12px;transition:border-color .2s,box-shadow .2s,transform .2s}button:hover{box-shadow:0 0 16px #9c45ff55;border-color:#bd83ff}.primary{background:linear-gradient(115deg,#941bfa,#5632ff);color:white;border-color:#a767ff;box-shadow:inset 0 0 12px #d2a0ff22,0 0 13px #8132ff33}.sidebar{width:174px;padding:15px 10px;background:#050610ec;border-right:1px solid #19152c;z-index:30}.sidebar .brand{padding:0;margin:0 0 12px}.vela-logo{display:block;width:140px;height:45px;background:none -8px -9px/1586px 992px no-repeat}.navlabel,.upgrade-mini{display:none}.nav{padding:8px 9px;margin:2px 0;gap:9px;font-size:11px;border:1px solid transparent;min-height:32px;white-space:normal}.nav span{font-size:17px;width:18px;color:#a29bea}.nav.active{background:linear-gradient(100deg,#2f145b,#15123d);border:1px solid #51309d;color:#fff;box-shadow:inset 3px 0 #b67aff}.sidebar nav{overflow:auto;min-height:0}.sidebar-bottom{padding-top:10px}.sidebar .avatar{width:32px;height:32px;background:radial-gradient(circle,#3d1960,#080b1c);border:1px solid #bb79ff;color:#e6caff;box-shadow:0 0 12px #ab46ff44}.user strong{font-size:11px}.user .fine{font-size:9px}.logout-button{padding:5px 8px;font-size:10px}.main{margin-left:174px}.topbar{height:49px;padding:0 22px;background:#080a15aa}.topbar .progress{width:80px}.topbar button{padding:6px 10px;font-size:10px}.content{max-width:1800px;padding:16px 20px}.breadcrumb{margin-bottom:14px;font-size:10px}.heading{margin-bottom:18px}.heading h1{font-size:28px}.heading .pill{display:none}.card,.neon-panel{border:1px solid #644093;background:linear-gradient(140deg,#0a0b18ee,#030711f5);border-radius:10px;box-shadow:inset 0 0 24px #31205119,0 0 20px #571ba410}.card{padding:22px}.reference-dashboard{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,1fr);gap:20px;align-items:start}.reference-shop{padding:20px 24px;grid-column:1;grid-row:1}.shop-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.shop-title h1{font-size:26px;margin:0 0 3px;letter-spacing:0}.shop-title p,.neon-panel>p{font-size:12px;color:#c3bdea;margin:3px 0 12px}.wallet-chip{font-size:20px;border:1px solid #51308b;padding:4px 8px;border-radius:6px;white-space:nowrap}.wallet-chip b{display:inline-grid;place-items:center;width:25px;height:25px;background:#302270;border-radius:4px}.reference-shop .wallet-strip,.reference-shop .market-toolbar>div,.reference-shop .rewards-inline{display:none}.reference-shop .market-toolbar{display:block;margin:0 0 10px}.reference-shop .market-toolbar form{display:flex;gap:8px;justify-content:flex-end}.reference-shop .market-toolbar input{width:220px;min-width:0}.reference-shop .market-toolbar input,.reference-shop select{font-size:10px;padding:8px;background:#0a1020;border:1px solid #34345b;border-radius:5px;color:#d3c6ee}.reference-shop .currency-choice{font-size:10px;margin:7px 0 12px;display:flex;align-items:center;gap:8px}.collectible-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.collectible-card{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity) 7%,#03060f),#030711);border:1px solid color-mix(in srgb,var(--rarity) 45%,#22243c);border-radius:8px;padding:9px 8px 7px;text-align:center;overflow:hidden}.collectible-card:has(.rarity-legendary){border-color:#ffbb64;box-shadow:0 0 10px #ffac3033,inset 0 0 15px #ffa83a0a}.collectible-card .rarity-label{font-size:10px;letter-spacing:0}.collectible-stage{height:125px;display:flex;justify-content:center;align-items:center;padding:0;margin:4px auto;background:transparent!important;overflow:hidden}.reference-art{display:block;flex:none;width:136px;height:118px;background:none calc(-1 * var(--crop-x)) calc(-1 * var(--crop-y))/1586px 992px no-repeat;filter:hue-rotate(var(--art-hue,0deg));animation:reference-float 5s ease-in-out infinite;mix-blend-mode:screen}.collectible-card:hover .reference-art{filter:hue-rotate(var(--art-hue,0deg)) brightness(1.2)}.badge-awake .reference-art{animation:reference-celebrate .8s ease-in-out 2}.collectible-card h3{font-size:10px;min-height:14px;margin:5px 0;color:color-mix(in srgb,var(--rarity) 60%,white)}.serial{font-size:7px;margin:3px 0 6px;color:#80778f}.collectible-price{font-size:13px;margin:5px 0 8px;color:#f6efff}.collectible-card button.full{padding:6px;font-size:10px;background:linear-gradient(180deg,#24133e,#10122d);box-shadow:inset 0 0 9px #8640cf33}.pagination{margin:15px 0 0;gap:16px;font-size:10px}.pagination button{padding:5px 10px}.reference-profile{padding:17px;grid-column:2;grid-row:1}.identity-overview{display:grid;grid-template-columns:145px 1fr;gap:12px}.featured-badge .collectible-stage{height:210px}.featured-badge .reference-art{transform:scale(1.2);animation:none}.identity-overview h2{font-size:22px;margin:12px 0 3px;overflow-wrap:anywhere}.identity-overview .presence-pill{float:right}.identity-overview .progress{width:100%;margin:14px 0;background:#211b36;height:7px}.identity-overview .progress i{background:linear-gradient(90deg,#8123ff,#d47dff)}.reference-stats{display:flex;gap:7px;margin:16px 0}.reference-stats span{flex:1;text-align:center;border:1px solid #382a55;border-radius:6px;padding:10px 5px;font-size:8px;color:#b8afd8}.reference-stats b{display:block;color:white;font-size:17px;margin-bottom:4px}.profile-tabbar{display:flex;gap:8px;margin:16px 0 8px}.profile-tabbar button{flex:1;padding:8px;font-size:10px}.profile-tabbar .selected{border-color:#bf69ff;background:#2b134d}.mini-collection{border:1px solid #46306d;border-radius:7px;padding:12px}.mini-collection h3{font-size:11px;color:#cfb4ed;margin:0 0 10px}.mini-collection>div{display:flex;flex-wrap:wrap;gap:7px}.mini-collection a{width:66px;height:74px;border:1px solid var(--rarity);border-radius:5px;overflow:hidden;background:#070a16}.mini-collection .collectible-stage{height:70px;margin:0}.mini-collection .reference-art{transform:scale(.47);animation:none}.reference-box,.reference-forge,.reference-games{padding:20px}.reference-box{grid-column:1;grid-row:2;width:49%}.reference-forge{grid-column:1;grid-row:2;width:calc(51% - 16px);justify-self:end}.reference-games{grid-column:2;grid-row:2}.neon-panel h2{font-size:22px;margin:0 0 7px}.box-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9px}.reference-box-art{height:172px;width:194px;max-width:100%;background:none -74px -746px/1586px 992px no-repeat;mix-blend-mode:screen;animation:reference-float 6s ease-in-out infinite}.teaser-odds{display:flex;justify-content:space-between;gap:6px;margin:9px 0;font-size:9px}.teaser-odds .rarity-label{font-size:8px}.reference-box button{margin-top:8px;font-size:10px;padding:8px}.box-teaser h4{font-size:10px}.forge-teaser .collectible-stage{height:155px}.forge-teaser .reference-art{transform:scale(1.25);animation:none}.forge-teaser h3{font-size:14px}.forge-teaser p{line-height:1.7}.reference-games .game-teaser{border:1px solid #32264c;background:#080b15;padding:17px;border-radius:8px}.game-teaser h3{font-size:14px}.game-teaser p{font-size:11px;line-height:1.7}.reference-dashboard .fine{font-size:10px}.content:has(.reference-dashboard)>.heading,.content:has(.reference-dashboard)>.breadcrumb{display:none}.content:has(.reference-dashboard){padding:16px}.content:has(.reference-dashboard) .footer{margin-top:24px}.mystery-box{background:transparent none -74px -746px/1586px 992px no-repeat;width:194px;height:172px;border:0;border-radius:0;transform:none;box-shadow:none}.mystery-box .box-lid,.mystery-box .box-core,.mystery-box .box-lines{display:none}.generator-preview>.collectible-stage .reference-art{transform:scale(1.8);animation:none}.profile-featured .reference-art{transform:scale(1.4);animation:none}.auth-tabs{display:flex;gap:8px;padding:5px;border:1px solid #443064;border-radius:9px;margin-bottom:38px}.auth-tabs a{flex:1;text-align:center;padding:12px;border-radius:6px}.auth-tabs .selected{background:#371866;box-shadow:0 0 14px #8d37f42e}.auth-badges{display:flex;justify-content:center;gap:16px;margin:30px 0}.auth-perks{display:flex;gap:18px;flex-wrap:wrap;color:#c6afe2;font-size:11px}.reference-auth .auth-story{background:radial-gradient(ellipse at 40% 55%,#35105e88,transparent 65%)}.reference-auth .auth-story .eyebrow{margin-top:65px}.reference-auth h1{font-size:clamp(36px,4vw,64px)}.reference-auth .auth-form{background:#080a17bb}.signin-link{display:block;text-align:center;padding:15px;border-radius:7px}.reference-auth .fine{line-height:1.8}.reference-auth .fine a{color:#d3a9ff}.auth .brand{display:inline-block}.admin-sidebar{background:#080712f5}.generator-preview .collectible-stage{overflow:hidden}.reference-shop .collectible-card .primary:hover{background:linear-gradient(100deg,#8739dc,#4f2cb2)}@keyframes reference-float{50%{translate:0 -4px}}@keyframes reference-celebrate{50%{translate:0 -10px;filter:brightness(1.5)}}
@media(min-width:1600px){.reference-shop .collectible-stage{height:150px}.reference-shop .reference-art{transform:scale(1.15)}}
@media(max-width:1250px){.reference-dashboard{grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:14px}.reference-shop{padding:16px}.reference-shop .collectible-grid{gap:8px}.reference-shop .collectible-stage{height:105px}.reference-shop .reference-art{transform:scale(.8);animation:none}.identity-overview{grid-template-columns:100px 1fr}.featured-badge .reference-art{transform:scale(.9)}.reference-box,.reference-forge{grid-row:auto;grid-column:1;width:100%}.reference-forge{grid-row:3}.reference-games{grid-row:2 / span 2}.box-teaser{grid-template-columns:194px 1fr}.forge-teaser{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}}
@media(max-width:1000px){.reference-dashboard{grid-template-columns:1fr}.reference-profile{grid-column:1;grid-row:2}.reference-box{grid-row:3}.reference-forge{grid-row:4}.reference-games{grid-column:1;grid-row:5}.identity-overview{grid-template-columns:160px 1fr}.featured-badge .reference-art{transform:scale(1.2)}.mini-collection>div{flex-wrap:wrap}.reference-shop .collectible-stage{height:125px}.reference-shop .reference-art{transform:scale(1)}.reference-box,.reference-forge{width:100%}.reference-shop .collectible-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.sidebar{width:65px;padding:12px 5px}.sidebar .vela-logo{width:43px;background-position:-10px -9px}.nav{font-size:0;padding:9px 13px;gap:0}.nav span{font-size:20px}.sidebar .user>div:last-child,.sidebar .presence-control label,.logout-button span{display:none}.sidebar .user{justify-content:center}.presence-control{display:block;padding:0}.presence-control select{width:100%;font-size:8px;padding:5px 0}.main{margin-left:65px}.content,.content:has(.reference-dashboard){padding:10px}.topbar{padding:0 10px}.topbar .progress,.topbar .muted,.topbar .save{display:none}.topbar .token-balance{font-size:9px}.reference-shop{padding:12px}.reference-shop .collectible-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reference-shop .market-toolbar form{flex-wrap:wrap}.reference-shop .market-toolbar input{width:100%;flex:auto}.shop-title h1{font-size:21px}.shop-title p{font-size:10px}.wallet-chip{font-size:14px}.identity-overview{grid-template-columns:95px 1fr}.featured-badge .reference-art{transform:scale(.75)}.reference-stats{gap:3px}.reference-stats span{padding:8px 3px}.reference-profile{padding:12px}.box-teaser{grid-template-columns:1fr}.reference-box-art{margin:auto}.forge-teaser{display:block}.auth-badges{gap:0}.auth-badges .reference-art{transform:scale(.8);margin:0 -10px}.reference-auth .auth-story .eyebrow{margin-top:25px}.reference-auth .auth-story{padding:25px}.reference-auth .auth-form{padding:25px}.admin-sidebar .sidebar-bottom .full{font-size:9px;padding:5px;white-space:normal}.reference-shop .serial{font-size:7px}.reference-box,.reference-forge,.reference-games{padding:16px}.collectible-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.reference-art,.reference-box-art{animation:none!important}}

.sidebar nav{flex:1;overflow-y:auto}.sidebar .nav{min-height:30px;padding-top:6px;padding-bottom:6px}.sidebar-bottom{flex-shrink:0}.featured-badge .reference-art,.forge-teaser .reference-art{width:155px;height:215px;background-position:-1084px -31px;transform:none;filter:none;animation:reference-float 6s ease-in-out infinite}.reference-shop .reference-art{animation:none}.reference-shop .collectible-card{min-width:0}.reference-shop .market-toolbar{margin-top:-25px;padding-right:0}.reference-shop .shop-title{padding-bottom:23px}.reference-shop .wallet-chip{align-self:flex-start}.reference-shop .market-toolbar form{justify-content:flex-start}.reference-shop .collectible-stage{height:120px}.reference-auth .reference-art{animation:reference-float 5s ease-in-out infinite}

/* Original standalone PNGs: complete silhouettes, never screenshot crops. */
.reference-art{display:none}.badge-png{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--rarity,#b574ff) 38%,transparent));animation:reference-float 6s ease-in-out infinite;transition:filter .25s,transform .25s}.collectible-card:hover .badge-png{filter:drop-shadow(0 0 14px var(--rarity));transform:scale(1.05)}.badge-awake .badge-png{animation:reference-celebrate .8s ease-in-out 2}.collectible-card .collectible-stage{overflow:visible}.featured-badge .collectible-stage{height:210px}.featured-badge .badge-png{object-fit:contain}.generator-preview>.collectible-stage .badge-png{max-width:310px}.mini-collection .badge-png{animation:none}.auth-badges .badge-png{width:30%;height:160px}.vela-logo{width:145px;height:45px;background:none!important;display:flex;align-items:center;gap:5px;font-family:'Space Grotesk',sans-serif;letter-spacing:4px;font-size:27px;font-weight:700;color:#eee1ff;text-shadow:0 0 12px #9a36ee}.vela-logo b{font-size:35px;margin:0}.vela-logo small{display:block;font-size:7px;letter-spacing:2px;line-height:1}.reference-box-art,.mystery-box{background:linear-gradient(145deg,#6e28a5,#170d35 48%,#451577)!important;border:2px solid #b967ff;border-radius:16px;box-shadow:inset 0 0 24px #9746e166,0 0 35px #9746ff44;width:145px;height:145px;margin:25px auto;transform:perspective(600px) rotateY(-18deg) rotateX(10deg);display:grid;place-items:center;color:#e6c2ff;font-size:70px;text-shadow:0 0 20px #bd71ff}.reference-box-art:before,.mystery-box:before{content:'';position:absolute;inset:10px;border:1px solid #d5a1ff80;border-radius:10px}.mystery-box .box-core{display:block}.generator-layout textarea{min-height:100px;width:100%;background:#0a0e20;border:1px solid #49306c;color:white;padding:12px;border-radius:7px}.generator-preview .badge-png{animation:reference-float 6s ease-in-out infinite}.badge-png:only-child{min-width:0}@media(max-width:700px){.sidebar .vela-logo{width:43px}.sidebar .vela-logo>span{display:none}.auth-badges .badge-png{height:105px}.reference-profile .featured-badge .collectible-stage{height:150px}}@media(prefers-reduced-motion:reduce){.badge-png{animation:none!important}}
/* Personal overview: identity and progress, distinct from the marketplace. */
.overview-dashboard{display:grid;gap:22px}.overview-dashboard .card{padding:25px 28px;background:linear-gradient(120deg,#0c0c19f5,#080b16f5);border-color:#403050;border-radius:14px}.overview-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}.overview-section-head h2,.overview-collection h2{font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0}.overview-section-head .fine{margin:7px 0 0}.overview-label{font-size:9px;letter-spacing:1.7px;color:#b5a0d5}.overview-identity-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.overview-identity label{display:block;color:#d5c5ef;font-size:12px;margin-bottom:11px}.overview-link-control{display:flex;gap:10px}.overview-link-control input{flex:1;width:100%;min-width:0;background:#10101e;color:#e7ddf4;border:1px solid #3f3257;border-radius:8px;padding:12px 14px;font-size:12px}.overview-link-control input[readonly]{font-size:11px;color:#a79bb8}.overview-identity .fine{margin:10px 0 0;font-size:10px;line-height:1.6}.overview-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(ellipse at right,#41165e36,transparent 60%),#0b0c17!important;min-height:130px}.overview-welcome-identity{display:flex;align-items:center;gap:20px}.overview-welcome h1{font-size:30px;margin:5px 0 12px;letter-spacing:-.8px}.overview-welcome-meta{display:flex;align-items:center;gap:15px;font-size:10px;color:#b9acd2}.overview-portrait{width:88px;flex-shrink:0}.overview-portrait .collectible-stage{height:85px;margin:0}.overview-portrait .avatar{width:66px;height:66px;font-size:26px;background:#361b56;border:1px solid #9d65ce}.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.overview-stats .card{padding:21px}.overview-stat-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;font-size:20px;flex-shrink:0}.overview-stat-icon.purple{color:#c28bf8;background:#a55cf419}.overview-stat-icon.gold{color:#f2bd58;background:#f5ad2017}.overview-stat-icon.cyan{color:#6ce7df;background:#31d4c719}.overview-stat-icon.pink{color:#ef91ce;background:#e35ba419}.overview-stats strong{display:block;margin-top:17px;font-size:28px;font-family:'Space Grotesk',sans-serif}.overview-stats .card>span{display:block;font-size:12px;color:#d8cbea;margin-top:5px}.overview-stats .fine{font-size:10px;margin:8px 0 0}.overview-percent{color:#cc95fa;font-size:16px}.overview-progress-track{height:7px;background:#211b2d;border-radius:10px;overflow:hidden}.overview-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#8b3fe5,#e485d2);border-radius:inherit;transition:width .4s}.overview-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.overview-checklist button{display:flex;align-items:center;gap:11px;text-align:left;padding:13px;background:#11101c;border-color:#2d273d;color:#b7acc8}.overview-checklist button span{font-size:17px;color:#70627e}.overview-checklist button.complete span{color:#76dcb4}.overview-checklist b{margin-left:auto;font-size:11px;font-weight:400;color:#8e78a8}.overview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.overview-action{display:flex;gap:15px;align-items:center;text-align:left;padding:18px;background:#0c0d19;border-color:#382b4b;border-radius:12px;min-height:88px}.overview-action strong{display:block;font-weight:500;font-size:12px;color:#e7dff1}.overview-action small{display:block;font-size:10px;color:#9689ac;margin-top:6px;line-height:1.5}.overview-action>b{margin-left:auto;font-size:13px;color:#8e78a8}.overview-collection-title{display:flex;align-items:center;gap:16px}.overview-collection-title .fine{font-size:11px;margin:7px 0 0;line-height:1.6}.overview-collection-title>button{margin-left:auto;white-space:nowrap}.overview-collection-previews{display:flex;gap:15px;margin-top:21px;flex-wrap:wrap}.overview-collection-previews>button{width:135px;padding:10px;border-color:color-mix(in srgb,var(--rarity) 40%,transparent);background:#080b15}.overview-collection-previews .collectible-stage{height:88px}.overview-collection-previews strong{display:block;font-size:10px;margin:8px 0;overflow-wrap:anywhere}.overview-collection-previews>button>span{font-size:9px;color:var(--rarity)}.overview-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.overview-bottom-grid .fine{font-size:11px;line-height:1.8}.overview-xp{display:flex;justify-content:space-between;color:#baa4d4;font-size:10px;margin:20px 0 9px}.overview-daily>button{margin-top:20px}.overview-share-url{padding:12px;background:#090913;border:1px solid #30263f;border-radius:7px;overflow-wrap:anywhere;font-size:11px;color:#bba9d2;margin:18px 0}.overview-share>button{margin:0 7px 5px 0}.overview-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.overview-tools article{border:1px solid #33253f;border-radius:10px;overflow:hidden;background:#090b16}.overview-tool-art{height:132px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#6d30a15a,transparent 75%),#0d0d21}.overview-tool-art.blue{background:radial-gradient(ellipse at center,#22648160,transparent 75%),#090e20}.overview-tool-art.rose{background:radial-gradient(ellipse at center,#8c326160,transparent 75%),#170b20}.overview-tool-art>span{font-size:60px;color:#d4a1f2;text-shadow:0 0 20px #a256f680;z-index:1}.overview-tool-art.blue>span{color:#8ce2ef}.overview-tool-art.rose>span{color:#f0a5d1}.overview-tool-art i{position:absolute;width:100px;height:100px;border:1px solid #bb6fff40;transform:rotate(30deg);border-radius:20px}.overview-tool-art small{position:absolute;left:13px;top:12px;font-size:7px;letter-spacing:2px;color:#a78fbd}.overview-tool-copy{padding:17px}.overview-tool-copy h3{margin:0 0 8px;font-size:14px}.overview-tool-copy .fine{font-size:11px;line-height:1.7;min-height:36px}.overview-tool-copy button{font-size:10px}.content:has(.overview-dashboard)>.heading{margin-bottom:22px}.content:has(.overview-dashboard)>.heading h1{font-size:28px}.content:has(.overview-dashboard)>.breadcrumb{margin-bottom:14px}
@media(max-width:1100px){.overview-identity-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-action{padding:14px;gap:10px}.overview-action small{display:none}.overview-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.overview-dashboard{gap:16px}.overview-dashboard .card{padding:18px}.overview-identity-grid{gap:20px}.overview-section-head{align-items:flex-start;gap:12px}.overview-label{display:none}.overview-welcome{align-items:flex-start;flex-direction:column}.overview-welcome h1{font-size:25px;overflow-wrap:anywhere}.overview-welcome-identity{gap:10px;min-width:0}.overview-portrait{width:60px}.overview-portrait .collectible-stage{height:65px}.overview-welcome-meta{gap:9px;flex-wrap:wrap}.overview-stats{gap:10px}.overview-stats strong{font-size:25px}.overview-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.overview-action{padding:12px;min-height:80px}.overview-action .overview-stat-icon{width:31px;height:31px;font-size:17px}.overview-action strong{font-size:10px}.overview-action>b{display:none}.overview-checklist{grid-template-columns:1fr}.overview-bottom-grid,.overview-tools{grid-template-columns:1fr}.overview-collection-title{flex-wrap:wrap;gap:12px}.overview-collection-title>button{margin-left:0}.overview-collection-title>div{flex:1;min-width:140px}.overview-collection-previews{gap:10px}.overview-collection-previews>button{width:calc(50% - 5px)}.overview-link-control{flex-wrap:wrap}.overview-link-control input{flex-basis:100%}.overview-section-head h2{font-size:17px}.overview-stats .fine{line-height:1.6}}
/* Hexora interaction and accessibility layer */
.sidebar{overflow-x:hidden;scrollbar-width:none}.sidebar nav{overflow-x:hidden;scrollbar-width:none;min-width:0}.sidebar::-webkit-scrollbar,.sidebar nav::-webkit-scrollbar{display:none;width:0;height:0}.sidebar .nav{max-width:100%;min-width:0}.sidebar .vela-logo{font-size:29px}.sidebar .vela-logo small{font-size:10px;letter-spacing:3px}
a,button{transition:color .2s,background .2s,box-shadow .2s,border-color .2s,transform .2s}a:hover,button:not(:disabled):hover{color:#fff;border-color:#c790ff;box-shadow:0 0 18px #a75bff3b}button.nav:hover,button.nav:focus-visible{background:linear-gradient(100deg,#7731b845,#14172a);transform:translateX(3px);box-shadow:inset 3px 0 #c98bff,0 0 15px #a55bff24}a:focus-visible,button:focus-visible{outline:2px solid #d4abff;outline-offset:3px}.header-logout{color:#ffb0bd!important;border-color:#a43d59!important;background:linear-gradient(135deg,#6b18374d,#30101d)!important}.header-logout:hover{box-shadow:0 0 22px #f13c655c!important}.topbar{flex-wrap:wrap;gap:12px}.actions{flex-wrap:wrap;gap:10px}.header-subbar{display:flex;justify-content:flex-end;padding:9px 26px;border-bottom:1px solid var(--line)}.header-subbar button{padding:7px 14px}.notification-bell{min-width:48px}.notification-bell span:not(:empty){background:#b855ee;color:white;border-radius:20px;padding:2px 6px;margin-left:3px}.notification-item{margin-top:16px}.notification-item.unread{border-left:3px solid #c78bff}.notification-item p{white-space:pre-wrap}.live-notification{position:fixed;right:24px;bottom:25px;z-index:10000;width:min(380px,calc(100vw - 48px));text-align:left;background:#191129f2;backdrop-filter:blur(18px);border:1px solid #c187ff;box-shadow:0 0 40px #8849dc55;padding:20px;animation:notice-in .35s ease}.live-notification strong,.live-notification span{display:block}.live-notification span{font-size:14px;margin-top:8px;max-height:100px;overflow:hidden}.photo-avatar{overflow:hidden;flex-shrink:0}.photo-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.overview-portrait .photo-avatar{width:110px;height:110px;font-size:40px}.photo-upload{display:flex;gap:24px;align-items:center;margin-bottom:24px}.photo-upload .avatar{width:100px;height:100px}.photo-upload input{max-width:100%;margin:12px 0}.rules-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin:20px 0}.rules-check input{width:auto;margin-top:3px}.auth-form{overflow-y:auto}.box-hero{position:relative;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease;isolation:isolate}.box-hero:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),#b35cff30,transparent 75%)}.box-revealed .box-lid{animation:lid-open .7s ease forwards}.box-revealed .box-core{filter:drop-shadow(0 0 30px #deacff);color:#fff}.box-winner{animation:prize-in .7s ease both}.box-sparkles{position:absolute;left:50%;top:35%;pointer-events:none}.box-sparkles i{position:absolute;font-style:normal;color:#ecc5ff;animation:spark-flight 1.5s var(--delay) ease-out both;transform:rotate(var(--angle))}.box-opening{animation:box-shake .18s infinite!important}
@keyframes box-shake{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-3px)}}@keyframes lid-open{to{transform:translateY(-65px) rotate(-18deg);opacity:0}}@keyframes spark-flight{0%{opacity:1;transform:rotate(var(--angle)) translateX(0) scale(.4)}100%{opacity:0;transform:rotate(var(--angle)) translateX(220px) scale(1.4)}}@keyframes prize-in{from{opacity:0;transform:translateY(20px) scale(.85)}to{opacity:1;transform:none}}@keyframes notice-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.box-opening,.box-revealed .box-lid,.box-winner,.live-notification,.box-sparkles i{animation:none!important}.box-hero{transform:none!important}.box-sparkles{display:none}}@media(max-width:700px){.topbar .actions{justify-content:flex-end}.header-subbar{padding-right:16px}.photo-upload{align-items:flex-start;flex-direction:column}}
/* Original CSS chest, with an independently animated lid. */
.mystery-box{position:relative;width:180px;height:160px;margin:34px auto;background:linear-gradient(140deg,#381264,#160d32 60%,#442080);border:2px solid #bc72ff;border-radius:17px;box-shadow:inset -15px -10px 24px #09051b99,inset 8px 8px 16px #b967ff33,0 0 35px #ad4bff55;transform:perspective(600px) rotateX(8deg) rotateY(-10deg);overflow:visible}.mystery-box .box-lid{display:block;position:absolute;left:-8px;right:-8px;top:-14px;height:43px;border:2px solid #e1a6ff;border-radius:10px;background:linear-gradient(150deg,#a84aff,#38125f 55%,#9d43e3);box-shadow:0 0 20px #b650ff88;z-index:2}.mystery-box .box-core{display:block;position:absolute;inset:38px 0 0;font-size:66px;font-weight:700;text-shadow:0 0 15px #e5b3ff;color:#e8caff}.mystery-box .box-lines{display:block;position:absolute;inset:0 22px;border-left:2px solid #d68fff88;border-right:2px solid #d68fff88;pointer-events:none}.box-revealed{box-shadow:0 0 65px #e1adffb0,inset 0 0 45px #cb80ff77}.profile-featured>.photo-avatar{width:150px;height:150px;font-size:55px}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.live-notification:nth-last-child(2){bottom:180px}.live-notification:nth-last-child(n+3){bottom:335px}
.sidebar .vela-logo{font-size:23px;letter-spacing:2px}.sidebar .vela-logo b{font-size:30px}.sidebar .vela-logo small{font-size:8px;letter-spacing:2.4px}.overview-portrait{width:110px!important;height:110px!important;flex:0 0 110px!important}.overview-welcome-identity{gap:24px!important}.notification-bell{font-size:18px}.photo-avatar img{display:block}

/* Hexora hover update: all dashboard boxes, shop cards, and action tiles. */
.hexora-hover-card{position:relative;isolation:isolate;transform:perspective(950px) rotateX(var(--hx-tilt-x,0deg)) rotateY(var(--hx-tilt-y,0deg)) translateY(0)!important;transition:transform .22s ease-out,box-shadow .22s ease,border-color .22s ease!important}
.hexora-hover-card.hexora-reactive{transform:perspective(950px) rotateX(var(--hx-tilt-x,0deg)) rotateY(var(--hx-tilt-y,0deg)) translateY(-5px)!important;border-color:var(--rarity,#ce97ff)!important;box-shadow:0 18px 38px #05020f88,0 0 28px color-mix(in srgb,var(--rarity,#ac61ff) 34%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--rarity,#ce97ff) 30%,transparent)!important;z-index:3}
.hexora-card-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none!important;z-index:2;opacity:0;background:radial-gradient(340px circle at var(--hx-spot-x,50%) var(--hx-spot-y,50%),color-mix(in srgb,var(--rarity,#c87fff) 26%,transparent),transparent 72%);transition:opacity .22s ease;mix-blend-mode:screen}
.hexora-reactive>.hexora-card-glow{opacity:1}.hexora-hover-card:focus-within{border-color:#d4a1ff;box-shadow:0 0 22px #b16aff40}.hexora-hover-card .hexora-card-glow{margin:0;padding:0;max-width:none;width:auto;height:auto}.overview-actions,.overview-stats,.collectible-grid,.tiles{perspective:1200px}.mystery-box.hexora-reactive{box-shadow:0 0 45px #ce75ff99,inset 0 0 25px #bd70ff66!important}.box-opening.hexora-hover-card{animation:box-shake .18s infinite!important}
@media(prefers-reduced-motion:reduce){.hexora-hover-card,.hexora-hover-card.hexora-reactive{transform:none!important;transition:box-shadow .2s,border-color .2s!important}}
@keyframes box-shake{0%,100%{rotate:-3deg;translate:0 0}50%{rotate:3deg;translate:0 -3px}}
/* Glass surfaces retain the moving background behind every card. */
.card,.collectible-card,.neon-panel,.overview-action{background:linear-gradient(135deg,rgba(26,19,44,.70),rgba(8,15,28,.61))!important;-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);border-color:rgba(177,132,231,.28)}
.header-presence{display:flex;align-items:center;gap:7px;margin:0!important;padding:0!important}.header-presence label{font-size:11px;color:#bfb0d3}.header-presence select{width:auto;min-width:85px;padding:8px;border-radius:8px;background:#151226cc;color:#7cf0c6}.topbar .actions{align-items:center}.showcase-editor{margin-bottom:24px}.showcase-editor>button{margin:15px 9px 0 0}.showcase-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.showcase-picker>label{position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid #7c52ab66;border-radius:12px;padding:12px;cursor:pointer;background:#160d2466}.showcase-picker>label:has(input:checked){border-color:#d79eff;box-shadow:0 0 18px #be72ff38}.showcase-picker input{position:absolute;left:10px;top:10px;width:auto;z-index:4;accent-color:#b45cff}.showcase-picker .collectible-stage{height:110px;width:100%;margin:0}.showcase-picker label>span{font-size:12px;text-align:center}.profile-showcase{margin:22px 0}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.showcase-badge{text-align:center;min-width:0;padding:15px;border-radius:14px;border:1px solid color-mix(in srgb,var(--rarity) 26%,transparent);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity) 9%,transparent),transparent 75%)}.showcase-badge>.collectible-stage{height:160px;width:100%;margin:0 0 12px}.showcase-badge strong{display:block;font-size:13px;margin-bottom:9px}.collectible-stage{position:relative;isolation:isolate;overflow:hidden}.collectible-stage .badge-png{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--rarity) 70%,transparent));animation-duration:var(--badge-cycle,6s);animation-delay:var(--badge-delay,0s);will-change:transform}.badge-effect-0 .badge-png{animation-name:badge-drift!important;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.badge-effect-1 .badge-png{animation-name:badge-orbit!important;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.badge-effect-2 .badge-png{animation-name:badge-breathe!important;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.badge-effect-3 .badge-png{animation-name:badge-sway!important;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.badge-effect-4 .badge-png{animation-name:badge-prism!important;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.badge-shimmer{position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#ffffff05 44%,#ffffff45 49%,#ffffff08 53%,transparent 60%);mix-blend-mode:screen;opacity:0;transform:translateX(-100%);animation:badge-shine calc(var(--badge-cycle,6s) + 2s) var(--badge-delay,0s) ease-in-out infinite;mask-image:radial-gradient(ellipse at center,black,transparent 65%)}.badge-tooltip{position:fixed;width:280px;max-width:calc(100vw - 24px);z-index:20000;pointer-events:none;padding:16px;border:1px solid #c38afb99;border-radius:12px;background:#140e24ed;backdrop-filter:blur(20px);box-shadow:0 8px 30px #0008,0 0 20px #a350e82b;color:#eee5ff}.badge-tooltip[hidden]{display:none!important}.badge-tooltip strong,.badge-tooltip span{display:block}.badge-tooltip strong{font-size:14px}.badge-tooltip span{font-size:10px;letter-spacing:1px;color:#c291f2;margin-top:7px}.badge-tooltip p{font-size:12px;line-height:1.65;margin:9px 0 0;color:#d4c6e7}.leaderboard-list{display:grid;gap:10px}.member-ranking,.recent-member{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #8163a13d;border-radius:12px;background:#100c1e55}.member-ranking .avatar,.recent-member .avatar{width:42px;height:42px;font-size:17px}.member-ranking small,.recent-member small{display:block;color:#b9a6ce;font-size:11px;margin-top:5px}.member-ranking>b{margin-left:auto;text-align:right;color:#e4b8ff;font-size:22px}.member-ranking.podium{border-color:#dfb36666;background:linear-gradient(100deg,#7c4c281e,#a250cc16)}.rank-number{min-width:40px;color:#c69be9;font-size:22px}.recent-signups{margin-top:24px}#recentSignups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recent-member time{margin-left:auto;color:#bba8d2;font-size:11px;white-space:nowrap}.admin-table input[type=number]{min-width:120px;max-width:150px}.member-ranking>span,.recent-member>span{min-width:0;overflow-wrap:anywhere}
@keyframes badge-drift{0%,100%{transform:translateY(0) rotate(-2deg);filter:drop-shadow(0 0 8px var(--rarity)) brightness(1)}50%{transform:translateY(-7px) rotate(2deg);filter:drop-shadow(0 0 18px var(--rarity)) brightness(1.13)}}@keyframes badge-orbit{0%,100%{transform:perspective(500px) rotateY(-12deg) rotateZ(-3deg)}50%{transform:perspective(500px) rotateY(12deg) rotateZ(3deg);filter:drop-shadow(0 0 16px var(--rarity)) brightness(1.12)}}@keyframes badge-breathe{0%,100%{transform:scale(.93);filter:drop-shadow(0 0 6px var(--rarity))}50%{transform:scale(1);filter:drop-shadow(0 0 21px var(--rarity)) brightness(1.2)}}@keyframes badge-sway{0%,100%{transform:translate(-3px,0) rotate(-4deg)}50%{transform:translate(3px,-5px) rotate(4deg);filter:drop-shadow(0 0 18px var(--rarity)) brightness(1.15)}}@keyframes badge-prism{0%,100%{transform:perspective(500px) rotateX(-8deg) scale(.96);filter:drop-shadow(0 0 9px var(--rarity))}50%{transform:perspective(500px) rotateX(8deg) scale(1.02);filter:drop-shadow(0 0 20px var(--rarity)) brightness(1.23)}}@keyframes badge-shine{0%,40%{opacity:0;transform:translateX(-100%)}50%{opacity:.7}66%,100%{opacity:0;transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.collectible-stage .badge-png,.badge-shimmer{animation:none!important;will-change:auto}.badge-shimmer{display:none}}@media(max-width:700px){#recentSignups{grid-template-columns:1fr}.member-ranking{gap:10px;padding:12px}.member-ranking>b{font-size:17px}.member-ranking small{font-size:10px}.header-presence label{display:none}}
.member-profile-header[data-theme=forest]{background:linear-gradient(130deg,#163d30bc,#091f27a8)!important}.member-profile-header[data-theme=midnight]{background:linear-gradient(130deg,#21113db0,#111b38a8)!important}.member-profile-header[data-theme=clay]{background:linear-gradient(130deg,#613b2db0,#251729a8)!important}.member-profile-header[data-theme=editorial]{background:linear-gradient(130deg,#31314aa8,#161621a8)!important}.member-profile-header[data-theme=editorial] h1{font-family:Georgia,serif;font-weight:500}.member-profile-header[data-theme=minimal]{background:#111721a8!important;border-color:#a5b2c244}.member-profile-header[data-theme=terminal]{background:#071a12c9!important;color:#9cf4bb;font-family:monospace}.member-profile-header[data-theme=terminal] h1{font-family:monospace;color:#adffbf;text-shadow:0 0 18px #59e69166}
/* Universe update: grouped navigation, news, rank identity, and member tools. */
.nav-group{margin:0 0 17px}.nav-group h2{font-size:8px;letter-spacing:2px;color:#9b87b4;margin:15px 10px 8px}.nav-group .nav{border:1px solid #8e6aaf28;border-radius:10px;margin:5px 0;background:#12102155;min-height:34px}.nav-group .nav.active{border-color:#c58aff99;box-shadow:inset 3px 0 #c684ff,0 0 15px #9f47e329;background:linear-gradient(110deg,#673b8a66,#1a1530)}.overview-top-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:20px;align-items:stretch}.overview-top-grid .overview-identity-grid{grid-template-columns:1fr}.news-panel{min-width:0}.live-dot{font-size:8px;letter-spacing:2px;color:#83f5c0}.live-dot:before{content:'';display:inline-block;width:5px;height:5px;background:#75eeb1;border-radius:50%;margin-right:7px;box-shadow:0 0 9px #77ffc2}.news-link{display:block;padding:13px 0;border-bottom:1px solid #8c66b22b}.news-link:last-child{border:0}.news-link>span{display:block;color:#b88cda;font-size:9px;margin-bottom:5px}.news-link strong{font-size:15px;color:#efe1ff}.news-link p{font-size:11px;line-height:1.6;color:#b6a7c8;margin:6px 0 0}.news-link:hover strong{color:#dfaeff;text-shadow:0 0 12px #c46cff77}.news-panel #homeNews{max-height:290px;overflow:auto;scrollbar-width:thin}.article-page{max-width:960px;margin:0 auto}.article-page>.eyebrow{margin-top:30px}.article-page h1{font-size:clamp(28px,4vw,48px);line-height:1.15;overflow-wrap:anywhere}.article-summary{font-size:19px;line-height:1.6;color:#d7c1ed}.article-body{font-size:16px;line-height:1.95;margin-top:35px;overflow-wrap:anywhere}.article-body p{margin-bottom:24px;color:#e2d9eb}.admin-news-row{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #866aa533}.admin-news-row>div{flex:1}.admin-news-row small{display:block;color:#b29ac8;margin-top:7px}.admin-news-row a{font-size:12px}.rank-name{display:inline-block;position:relative;white-space:normal;overflow-wrap:anywhere}.rank-effect-1{color:#71f9ca;text-shadow:0 0 10px #52e9b58c;animation:rank-pulse 3s ease-in-out infinite}.rank-effect-2{color:#a9edff;font-family:Georgia,serif;letter-spacing:.6px;text-shadow:1px 1px #255b91,-1px -1px #efffff55;animation:rank-frost 5s ease-in-out infinite}.rank-effect-3{color:#d0acff;font-style:italic;text-shadow:0 0 15px #9c65ee;animation:rank-float 4s ease-in-out infinite}.rank-effect-4{color:#ff9cce;font-weight:700;text-shadow:2px 0 #a52f7666,-2px 0 #d960aa55;animation:rank-rose 3.5s ease-in-out infinite}.rank-effect-5{color:#ffc48b;font-family:Georgia,serif;letter-spacing:1px;text-shadow:0 0 16px #ff762d99;animation:rank-solar 3s ease-in-out infinite}.rank-effect-6{font-family:monospace;font-weight:700;background:linear-gradient(90deg,#8decff,#c99bff,#8decff);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:rank-gradient 4s linear infinite}.rank-effect-7{color:#ff9972;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:1px;text-shadow:0 -2px 12px #ff551f;animation:rank-ember 2s ease-in-out infinite}.rank-effect-8{color:#e7ceff;font-family:Georgia,serif;letter-spacing:2px;text-shadow:0 0 8px #d37fff,0 0 24px #8e48eccc;animation:rank-astral 5s ease-in-out infinite}.rank-effect-9{color:#9afff5;font-family:monospace;font-weight:800;text-shadow:2px 0 #b66cff,-2px 0 #287fff;animation:rank-quantum 4s steps(1) infinite}.rank-effect-10{font-family:Georgia,serif;font-weight:800;letter-spacing:.5px;background:linear-gradient(110deg,#c89126 0%,#ffe78b 25%,#fffce0 45%,#f7c54f 58%,#ffecad 75%,#c89126 100%);background-size:220% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 9px #fbc44e99);animation:rank-gradient 3s linear infinite}.rank-effect-10:after{content:'✦';position:absolute;right:-13px;top:-6px;font-size:10px;color:#ffe89b;-webkit-text-fill-color:#ffe89b;animation:rank-sparkle 1.8s ease-in-out infinite}.rank-preview{font-size:32px;padding:25px 0}.rank-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.rank-option{display:flex;gap:9px;align-items:center;padding:18px;border:1px solid #9a69c54d;border-radius:12px;background:#130f2055;flex-wrap:wrap;cursor:pointer}.rank-option input{width:auto;accent-color:#be78ff}.rank-option strong,.rank-option small{display:block;width:100%;font-size:11px;margin-left:24px}.rank-option small{font-size:10px;color:#a38cb9}.rank-option.locked{opacity:.45;cursor:not-allowed}.rank-option:has(input:checked){border-color:#cb96ff;box-shadow:0 0 18px #a663db3b}.rank-option>.rank-name{font-size:21px}.cursor-settings{margin-top:22px}.cursor-preview{position:relative;min-height:170px;border:1px solid #8f55b63b;margin-top:22px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(#ad63d12b 1px,transparent 1px) 0 0/16px 16px,#170d2355}.cursor-preview>span{font-size:45px;color:#cba6f2}.cursor-preview p{font-size:11px;color:#ae95c5}.custom-member-cursor body,.custom-member-cursor a,.custom-member-cursor button,.custom-member-cursor .cursor-preview{cursor:var(--member-cursor)!important}.custom-member-cursor input,.custom-member-cursor textarea{cursor:text!important}.chat-typing{min-height:27px;font-size:11px;color:#c79ce8;padding:6px 0}.chat-sound{display:flex;align-items:center;gap:10px;font-size:10px;color:#ae98c2;margin:0 0 12px}.chat-sound button{font-size:10px;padding:7px 11px}.chat-sound input{width:95px;padding:0;accent-color:#b977f0}.chat-message .rank-name{font-size:inherit}.chat-message .message-meta{overflow:visible}.template-toolbar{display:flex;gap:15px;align-items:center;margin:30px 0 18px;flex-wrap:wrap}.template-toolbar>input{flex:1;min-width:180px}.template-toolbar .rules-check{margin:0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card{padding:0!important;overflow:hidden;min-width:0}.template-card[hidden]{display:none!important}.template-scene{position:relative;height:240px;overflow:hidden;background:#141225;isolation:isolate}.template-scene:before{content:'';position:absolute;inset:-30%;background:var(--scene-bg,radial-gradient(ellipse,#9b47dd66,transparent 65%));z-index:-1}.template-dots{display:flex;gap:5px;position:absolute;top:15px;left:15px}.template-dots i{width:15px;height:15px;border:1px solid #fff5;border-radius:50%}.template-official{position:absolute;top:15px;right:12px;padding:5px 7px;background:#0a3a4c88;border:1px solid #4bc3dd55;color:#8bdced;font-size:8px;border-radius:5px}.template-mini-profile{position:absolute;width:135px;left:50%;top:53%;transform:translate(-50%,-50%);background:#100b1bb3;backdrop-filter:blur(12px);padding:20px 12px;border:1px solid #b581dc44;border-radius:15px;text-align:center}.template-mini-avatar{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--scene-accent,#c78aff);color:var(--scene-accent,#c78aff);border-radius:50%;margin:0 auto 10px}.template-mini-profile strong{font-size:11px;display:block;overflow-wrap:anywhere}.template-mini-profile small{display:block;font-size:7px;color:#bfaad5;margin:6px 0 13px}.template-mini-profile>i{display:block;height:5px;background:#e6dcf05c;border-radius:6px;margin:5px auto;width:85%}.template-mini-profile>i:last-child{width:60%;opacity:.4}.template-card-copy{padding:20px}.template-card-copy h3{margin:0}.template-card-copy p{min-height:34px;font-size:11px;line-height:1.6}.template-actions{display:flex;gap:8px}.template-actions button{font-size:10px;padding:10px 12px;flex:1}.template-preview .template-scene{height:310px;border-radius:12px}.template-preview h2{margin-top:22px}.snapshot{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #76518b33}.snapshot strong{flex:1}.snapshot span{font-size:11px;color:#ab8dc4}.snapshot button{font-size:10px}.scene-forest{--scene-bg:radial-gradient(ellipse at 30% 40%,#419b6580,transparent 60%),linear-gradient(120deg,#14342e,#071a25);--scene-accent:#7be9ac}.scene-clay{--scene-bg:radial-gradient(ellipse at 50% 20%,#f1a57b88,transparent 60%),linear-gradient(130deg,#5b3542,#1d1426);--scene-accent:#e8ac87}.scene-editorial{--scene-bg:linear-gradient(115deg,#817b6d66,#212236);--scene-accent:#e6d8ba;font-family:Georgia,serif}.scene-minimal{--scene-bg:linear-gradient(135deg,#3b425355,#0c101b);--scene-accent:#e4e8f3}.scene-terminal{--scene-bg:repeating-linear-gradient(0deg,#22412d16 0 1px,transparent 1px 5px),linear-gradient(130deg,#0e271c,#050c0b);--scene-accent:#7bffac;font-family:monospace}.scene-aurora{--scene-bg:conic-gradient(from 45deg,#b154e666,#2aa2bf77,#ea68ae66,#182956,#b154e666);--scene-accent:#d1a1ff}.scene-ember{--scene-bg:radial-gradient(ellipse at 40% 70%,#ff6a2f99,transparent 60%),radial-gradient(ellipse at 80% 30%,#b5486844,transparent 50%),#271021;--scene-accent:#ffc185}.scene-ocean{--scene-bg:repeating-radial-gradient(ellipse at 20% 90%,#53bfe533 0 15px,transparent 30px 70px),linear-gradient(140deg,#134c66,#08142c);--scene-accent:#90edff}.scene-starlight{--scene-bg:radial-gradient(#d9b4ff 1px,transparent 2px) 0 0/31px 31px,radial-gradient(ellipse,#674c9d88,transparent 65%),#0d102d;--scene-accent:#e5c6ff}.scene-aurora:before{animation:scene-drift 16s linear infinite}.scene-ember:before{animation:scene-ember 8s ease-in-out infinite}.scene-ocean:before{animation:scene-wave 15s ease-in-out infinite}.scene-starlight:before{animation:scene-stars 25s linear infinite}.member-profile-header[data-theme=aurora],.member-profile-header[data-theme=ember],.member-profile-header[data-theme=ocean],.member-profile-header[data-theme=starlight]{position:relative;isolation:isolate;overflow:hidden}.member-profile-header[data-theme=aurora]:before,.member-profile-header[data-theme=ember]:before,.member-profile-header[data-theme=ocean]:before,.member-profile-header[data-theme=starlight]:before{content:'';position:absolute;inset:-30%;z-index:-1;pointer-events:none;opacity:.55;background:var(--profile-scene);animation:scene-wave 18s ease-in-out infinite}.member-profile-header[data-theme=aurora]{--profile-scene:conic-gradient(#9539b5,#2194a8,#a83970,#293268,#9539b5)}.member-profile-header[data-theme=ember]{--profile-scene:radial-gradient(ellipse at 30% 80%,#f57226,transparent 60%),#34121f}.member-profile-header[data-theme=ocean]{--profile-scene:repeating-radial-gradient(ellipse at 20% 90%,#53bfe54d 0 15px,transparent 30px 70px),#073348}.member-profile-header[data-theme=starlight]{--profile-scene:radial-gradient(#f4caff 1px,transparent 2px) 0 0/31px 31px,radial-gradient(ellipse,#674c9d,transparent 65%)}
.music-dock{position:fixed;right:0;bottom:100px;width:365px;max-width:calc(100vw - 20px);z-index:7000;transition:transform .3s ease;filter:drop-shadow(0 10px 30px #0007)}.music-dock.folded{transform:translateX(calc(100% + 1px))}.music-nub{position:absolute;right:100%;top:20px;border-radius:12px 0 0 12px;width:35px;height:62px;padding:0;background:#2b1648df;border-color:#b67aff80;font-size:23px;color:#d6a3ff}.music-panel{background:#140d23ed;border:1px solid #aa73d76b;border-radius:16px 0 0 16px;padding:17px;backdrop-filter:blur(24px)}.music-panel h3{font-size:15px;margin:0}.music-panel .overview-section-head{gap:10px;margin-bottom:12px}.music-panel .overview-section-head button{padding:4px 10px}.music-search{display:flex;gap:6px;margin-top:8px}.music-search input{min-width:0;font-size:11px;padding:9px}.music-search button{padding:9px;font-size:10px}.music-panel .fine{font-size:10px;line-height:1.6}.spectrum{display:flex;align-items:center;gap:3px;height:55px;padding:10px;border:1px solid #bc8ae538;border-radius:12px;margin:13px 0;background:#20162b66}.spectrum i{display:block;flex:1;border-radius:5px;min-width:3px;height:var(--bar-height);max-height:32px;background:linear-gradient(#e38dbb,#9b36e7);transform:scaleY(.22);opacity:.65;transform-origin:center}.playing .spectrum i{animation:spectrum-bars calc(.6s + var(--bar)*.037s) calc(var(--bar)*-.13s) ease-in-out infinite;opacity:1}.spectrum time{font:10px monospace;color:#c4accf;margin-left:8px}.music-footnote{margin-bottom:0;color:#9b86af}#musicResults{max-height:150px;overflow:auto}.track-result{display:block;text-align:left;width:100%;font-size:11px;padding:10px;margin-top:5px}.track-result strong,.track-result span{display:block}.track-result span{font-size:9px;color:#a991c1;margin-top:5px}.music-panel iframe{border-radius:8px;background:#171120}.music-panel .overview-section-head{align-items:center}.content:has(.article-page){padding-bottom:120px}
@keyframes rank-pulse{50%{text-shadow:0 0 18px #71f9cacc;filter:brightness(1.2)}}@keyframes rank-frost{50%{text-shadow:2px 0 #7edfff,0 0 17px #72bddd}}@keyframes rank-float{50%{translate:0 -2px;text-shadow:0 0 20px #c297ff}}@keyframes rank-rose{50%{letter-spacing:1px;text-shadow:0 0 14px #ff79c6}}@keyframes rank-solar{50%{filter:brightness(1.35)}}@keyframes rank-gradient{to{background-position:220% center}}@keyframes rank-ember{50%{text-shadow:0 -5px 15px #ff8425,0 0 5px #ff371f}}@keyframes rank-astral{50%{text-shadow:0 0 14px #f2d8ff,0 0 25px #aa6aff;filter:brightness(1.2)}}@keyframes rank-quantum{40%{text-shadow:-2px 0 #ca8fff,2px 0 #48e9ff}42%{translate:1px 0}44%,100%{translate:0 0}}@keyframes rank-sparkle{0%,100%{opacity:.3;scale:.6}50%{opacity:1;scale:1.3}}@keyframes scene-drift{to{rotate:360deg}}@keyframes scene-ember{50%{scale:1.25;filter:brightness(1.3)}}@keyframes scene-wave{50%{translate:8% -5%;rotate:8deg;scale:1.2}}@keyframes scene-stars{to{translate:31px -31px}}@keyframes spectrum-bars{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@media(max-width:1100px){.overview-top-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.rank-options,.template-grid{grid-template-columns:1fr}.overview-top-grid{gap:16px}.template-toolbar>input{flex-basis:100%}.music-dock{width:300px;bottom:90px}.admin-news-row{flex-wrap:wrap}.article-summary{font-size:16px}.article-body{font-size:14px}.rank-option>.rank-name{font-size:18px}.chat-sound{flex-wrap:wrap}.template-preview .template-scene{height:230px}}
@media(prefers-reduced-motion:reduce){.rank-name,.rank-name:after,.template-scene:before,.member-profile-header:before,.playing .spectrum i{animation:none!important}.music-dock{transition:none}.playing .spectrum i{transform:scaleY(.6)}}
.nav-group .nav .nav-title{width:auto;font-size:inherit;font-weight:500;line-height:1.4;text-align:left}.nav-group .nav .nav-icon{flex:0 0 20px;width:20px;font-size:17px}.nav-group .nav{align-items:center}.template-card .template-scene{pointer-events:none}
@media(max-width:700px){.nav-group .nav .nav-title{display:none!important}.nav-group .nav .nav-icon{display:block!important;flex-basis:22px;width:22px;text-align:center}.nav-group .nav{justify-content:center;padding:10px 4px;min-height:39px}.nav-group h2{font-size:6px;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:14px 0 7px}.topbar{height:auto;min-height:70px;padding-top:8px;padding-bottom:8px}.topbar .actions .save{display:inline-block}.topbar .actions{gap:5px}.topbar .actions button{font-size:9px;padding:7px}.rank-preview{font-size:25px}}
.template-toolbar input:not([type=checkbox]),.music-search input,#snapshotName,#quickMuteMinutes{background:#100d20bf;border:1px solid #8b61af66;border-radius:9px;color:#eee1ff;padding:11px 13px;font:inherit}.template-toolbar input::placeholder,.music-search input::placeholder{color:#a188ba}.template-toolbar input[type=checkbox]{accent-color:#bc79ef}.music-panel input{font-size:11px}.music-panel iframe{height:166px}
/* Studio 7: the gallery and real profiles share the same scene materials. */
.scene-midnight{--scene-bg:radial-gradient(ellipse at 70% 25%,#65539a88,transparent 60%),linear-gradient(140deg,#19243e,#090d1c);--scene-accent:#b8a5ff}
.profile-surface{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--scene-accent,#9268cc);border-radius:24px;padding:26px;background:#0b0d19;min-height:520px}
.profile-surface:before{content:'';position:absolute;inset:-30%;background:var(--scene-bg);z-index:-1;pointer-events:none}
.profile-surface .member-profile-header{background:#0b0b19a8!important;border-color:var(--scene-accent);backdrop-filter:blur(16px)}
.profile-surface .member-profile-header:before{display:none!important}
.profile-surface .profile-links a{border-color:var(--scene-accent)}
.procedural-pet{max-width:330px;filter:drop-shadow(0 8px 16px #0008);overflow:visible}
#makerPreview{display:grid;place-items:center;min-height:370px}#makerPreview .collectible-stage{width:100%;max-width:350px}
select{color-scheme:dark;background-color:#171327;color:#eee5ff;border:1px solid #76529b;border-radius:9px;padding:12px;max-width:100%}select option{background:#171327;color:#eee5ff}
.content{animation:none!important}
@media(prefers-reduced-motion:reduce){.profile-surface:before{animation:none!important}}
#makerPreview .procedural-pet{width:280px!important;height:280px!important;max-width:100%!important}#makerPreview .collectible-stage{height:330px!important}

/* Whole-site template palettes. Layout, rank colors and item rarities stay intact. */
.site-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;isolation:isolate;background:var(--site-bg)}
.site-atmosphere[hidden]{display:none}.site-atmosphere:before{content:'';position:absolute;inset:-30%;background:var(--scene-bg);z-index:-1;pointer-events:none}
.template-card.theme-selected{border:2px solid var(--lime)!important;box-shadow:0 0 22px color-mix(in srgb,var(--lime) 25%,transparent)!important}
.template-card.theme-selected .template-actions button[aria-pressed=true]{opacity:1;cursor:default}
:root[data-site-theme="forest"]{--site-bg:#071a18;--bg:#071a18;--panel:#0e2925;--site-accent:#7be9ac;--lime:#7be9ac;--muted:#adcebd;--ink:#f6f4ff;--line:color-mix(in srgb,#7be9ac 28%,transparent)}
:root[data-site-theme="clay"]{--site-bg:#21141c;--bg:#21141c;--panel:#38222c;--site-accent:#e8ac87;--lime:#e8ac87;--muted:#d0b4bb;--ink:#f6f4ff;--line:color-mix(in srgb,#e8ac87 28%,transparent)}
:root[data-site-theme="editorial"]{--site-bg:#171820;--bg:#171820;--panel:#292a30;--site-accent:#e6d8ba;--lime:#e6d8ba;--muted:#c8c3b6;--ink:#f6f4ff;--line:color-mix(in srgb,#e6d8ba 28%,transparent)}
:root[data-site-theme="minimal"]{--site-bg:#0c101b;--bg:#0c101b;--panel:#1b2230;--site-accent:#e4e8f3;--lime:#e4e8f3;--muted:#aeb8cc;--ink:#f6f4ff;--line:color-mix(in srgb,#e4e8f3 28%,transparent)}
:root[data-site-theme="terminal"]{--site-bg:#050c0b;--bg:#050c0b;--panel:#0c2118;--site-accent:#7bffac;--lime:#7bffac;--muted:#93bca2;--ink:#f6f4ff;--line:color-mix(in srgb,#7bffac 28%,transparent)}
:root[data-site-theme="aurora"]{--site-bg:#100e27;--bg:#100e27;--panel:#221d3c;--site-accent:#d1a1ff;--lime:#d1a1ff;--muted:#c5b9df;--ink:#f6f4ff;--line:color-mix(in srgb,#d1a1ff 28%,transparent)}
:root[data-site-theme="ember"]{--site-bg:#210e18;--bg:#210e18;--panel:#351a26;--site-accent:#ffc185;--lime:#ffc185;--muted:#d1acb6;--ink:#f6f4ff;--line:color-mix(in srgb,#ffc185 28%,transparent)}
:root[data-site-theme="ocean"]{--site-bg:#08142c;--bg:#08142c;--panel:#112b44;--site-accent:#90edff;--lime:#90edff;--muted:#a3c5dd;--ink:#f6f4ff;--line:color-mix(in srgb,#90edff 28%,transparent)}
:root[data-site-theme="starlight"]{--site-bg:#0d102d;--bg:#0d102d;--panel:#201c40;--site-accent:#e5c6ff;--lime:#e5c6ff;--muted:#bfb2da;--ink:#f6f4ff;--line:color-mix(in srgb,#e5c6ff 28%,transparent)}

:root[data-site-theme]:not([data-site-theme="midnight"]) body{background:var(--site-bg)}
:root[data-site-theme]:not([data-site-theme="midnight"]) body::before{background:none}
:root[data-site-theme]:not([data-site-theme="midnight"]) :is(.sidebar,.topbar,.header-subbar,.music-panel,dialog){background:color-mix(in srgb,var(--site-bg) 88%,transparent)!important;border-color:var(--line)}
:root[data-site-theme]:not([data-site-theme="midnight"]) :is(.card,.neon-panel,.collectible-card,.rank-option,.overview-action,.upgrade-mini){background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 88%,transparent),color-mix(in srgb,var(--site-bg) 80%,transparent))!important;border-color:var(--line)}
:root[data-site-theme]:not([data-site-theme="midnight"]) :is(input,textarea,select,select option,button,.nav-group .nav,.token-balance,.badge,.profile-links a){background-color:color-mix(in srgb,var(--panel) 85%,transparent);border-color:var(--line);color:var(--ink)}
:root[data-site-theme]:not([data-site-theme="midnight"]) :is(.primary,.save,.progress i,.overview-progress-track i){background:linear-gradient(120deg,var(--site-accent),color-mix(in srgb,var(--site-accent) 65%,#fff))!important;color:var(--site-bg)!important;border-color:var(--site-accent)!important}
:root[data-site-theme]:not([data-site-theme="midnight"]) :is(.nav.active,.nav:hover,button:hover,a:hover){border-color:var(--site-accent);box-shadow:0 0 18px color-mix(in srgb,var(--site-accent) 18%,transparent)}
:root[data-site-theme]:not([data-site-theme="midnight"]) :is(.nav.active,.eyebrow,.brand b,.vela-logo,.overview-percent,.nav-group h2,.breadcrumb){color:var(--site-accent)}
:root[data-site-theme]:not([data-site-theme="midnight"]) .nav.active{background:color-mix(in srgb,var(--site-accent) 16%,var(--panel))!important}
:root[data-site-theme]:not([data-site-theme="midnight"]) .header-logout{color:#ffb3bc!important;background:#541b2b66!important;border-color:#d6506d!important}
:root[data-site-theme]:not([data-site-theme="midnight"]) .profile-surface{font-family:inherit}
@media(prefers-reduced-motion:reduce){.site-atmosphere:before{animation:none!important}}
/* Midnight 9: deep plum, mulberry glow and violet glass. */
:root[data-site-theme="midnight"]{--bg:#160f1d;--site-bg:#160f1d;--panel:#21162b;--line:#7b4f844d;--lime:#d3a1ef;--ink:#f7effa;--muted:#b6a0c3}
.scene-midnight{--scene-bg:radial-gradient(ellipse at 17% 10%,#48223c88,transparent 65%),linear-gradient(135deg,#2e1930,#160f1d 85%);--scene-accent:#d3a1ef}
:root[data-site-theme="midnight"] body{background:#160f1d}
:root[data-site-theme="midnight"] body:before{background:none}
:root[data-site-theme="midnight"] :is(.sidebar,.topbar,.header-subbar,.music-panel,dialog){background:#190f21df!important;border-color:#80528a44}
:root[data-site-theme="midnight"] :is(.card,.neon-panel,.collectible-card,.rank-option,.overview-action){background:linear-gradient(120deg,#2a1a31cf,#1a1123dd)!important;border-color:#81538b55}
:root[data-site-theme="midnight"] :is(input,textarea,select,option,button){background-color:#21162bcc;border-color:#936a9e55}
:root[data-site-theme="midnight"] :is(.primary,.save){background:linear-gradient(120deg,#ac65d7,#cc5a9a)!important;color:white!important;border-color:#d9a5ee88}
:root[data-site-theme="midnight"] .nav.active{background:linear-gradient(100deg,#7b448647,#a64d6c22)!important;color:#edd0fa}
.studio-columns{align-items:start}.username-claim{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.username-claim input{flex:1;min-width:150px}.username-claim>span{color:var(--muted);font-size:12px}.public-page-button{display:inline-block;padding:12px 18px;border:1px solid var(--line);border-radius:9px}.background-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 25px}.background-choices button{height:75px;background-size:cover;color:white;text-shadow:0 1px 7px black;font-size:11px}.effect-picker{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.effect-picker select{max-width:230px}.effect-picker>strong,.effect-picker>span{display:inline-block;font-size:24px;min-height:40px;padding:10px}.profile-editor-preview{padding:25px 10px 40px;border-radius:18px;margin-top:22px}.profile-editor-preview .stacked-profile{width:100%;transform:none!important}.profile-editor-preview .public-badge img{max-width:100%}.ticket-row{display:flex;align-items:center;gap:20px;text-align:left;width:100%;margin:9px 0;flex-wrap:wrap}.ticket-row strong{flex:1}.ticket-row time,.ticket-row span{font-size:11px;color:var(--muted)}.ticket-thread article{border-bottom:1px solid var(--line);padding:22px 0}.ticket-thread time{font-size:10px;color:var(--muted);margin-left:16px}.ticket-thread p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.auth.reference-auth{background:radial-gradient(ellipse at 15% 20%,#60304f66,transparent 60%),#160f1d}.auth.reference-auth .auth-form{background:#1b1223de}.auth.reference-auth .auth-story{background:radial-gradient(ellipse at 60% 45%,#6a36745c,transparent 70%)}
:root[data-site-theme="midnight"] .premium-hero{background:radial-gradient(ellipse at 20% 0%,#60336b88,transparent 65%),linear-gradient(140deg,#321b37,#1b1023)!important;border-color:#b982ca77!important}
:root[data-site-theme] input,:root[data-site-theme] textarea{color:var(--ink)}
:root[data-site-theme] .ambient .blur-orb{background:radial-gradient(circle,color-mix(in srgb,var(--lime) 45%,transparent),transparent 68%)!important}
:root[data-site-theme="midnight"] .ambient .blur-orb{opacity:.1}
:root[data-site-theme="midnight"] .ambient .blur-orb:nth-child(2){background:radial-gradient(circle,#92436c55,transparent 68%)!important;opacity:.1}
:root[data-site-theme="midnight"] .pointer-halo{background:radial-gradient(circle,#d795ba12,transparent 65%)}