@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#080914;--card:#121423;--card2:#171a2e;--line:#30324c;--text:#f3f2ff;--dim:#a3a4bd;--green:#aa8aff;--accent:#aa8aff;--violet:#b994ff;--cyan:#69d7ff;--red:#ff7e9f;--gold:#ffcf79;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 'DM Sans',sans-serif;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 13% 0%,#53319d26,transparent 48%),radial-gradient(ellipse at 95% 52%,#1e639326,transparent 55%),linear-gradient(#8772dd0a 1px,transparent 1px),linear-gradient(90deg,#8772dd0a 1px,transparent 1px);background-size:auto,auto,54px 54px,54px 54px}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}*:focus-visible{outline:2px solid #b99aff;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}a:hover{color:#d5bfff}
.site-frame{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:30;background:#0c0c1bee;border-bottom:1px solid #39304d;backdrop-filter:blur(20px);box-shadow:0 12px 34px #0006}.header-top{max-width:1550px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;font:900 26px 'Space Grotesk';color:#fff;background:linear-gradient(135deg,#8160e9,#c16ef5);box-shadow:0 0 24px #946dfb50}.brand-mark span{color:#79e4ff}.brand-name{font:800 23px 'Space Grotesk';letter-spacing:-1.2px}.brand-name span{color:#c5a0ff}.brand small{display:block;font:9px 'Space Mono';color:#9f91bd;letter-spacing:1.3px}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.top-actions .avatar{width:34px;height:34px;border-radius:10px;font-size:15px}.staff-identity{display:flex}.top-nav{display:flex;align-items:center;gap:5px;max-width:1550px;margin:auto;overflow-x:auto;padding:7px 27px 11px;scrollbar-width:thin;scrollbar-color:#615079 transparent}.nav{display:inline-flex;align-items:center;gap:7px;color:#a9a8ca;font-size:12px;font-weight:800;padding:8px 11px;border-radius:9px;border:1px solid transparent;white-space:nowrap;transition:background .18s,color .18s}.nav .icon{font-size:15px;color:#9582c5}.nav:hover,.nav.active{background:#302447;color:#fff;border-color:#57407a}.nav.active .icon{color:#d3b1ff}.main{flex:1;width:min(1440px,100%);padding:28px 32px 95px;margin:0 auto;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 32px}.breadcrumbs,.network-status{font:10px 'Space Mono',monospace;color:#9995bd;letter-spacing:1.3px}.breadcrumbs span{color:#615876}.breadcrumbs b{color:#d2a5ff}.network-status{display:flex;align-items:center;gap:8px}.network-status .version{opacity:.65;margin-left:9px}.pulse-dot{width:6px;height:6px;background:#77dbf5;border-radius:50%;box-shadow:0 0 11px #77dbf5;animation:pulse 2.5s infinite}@keyframes pulse{50%{opacity:.35}}.site-footer{border-top:1px solid var(--line);background:#0c0c1a;padding:23px 30px;color:#8886a5;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font:10px 'Space Mono'}
.button,.pill{border:1px solid #393b57;border-radius:10px;color:#f5f4ff;background:#1a1c32;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.12px;transition:transform .17s,background .17s,border-color .17s}.button:hover{background:#2d2947;border-color:#8970bf;color:white;transform:translateY(-1px)}.button.primary{background:linear-gradient(110deg,#8f6aeb,#bf84f1);border-color:#c09bfa;color:#0c0b19;box-shadow:0 6px 27px #9066e92d}.button.primary:hover{background:linear-gradient(110deg,#a384ff,#d09bfc)}.button.danger{border-color:#813b53;color:#ff96ac}.button.small{padding:7px 10px;font-size:11px}.balance{color:var(--gold);background:#2d2337;border:1px solid #66516a;font:700 12px 'Space Mono';padding:9px 12px;border-radius:10px}.eyebrow{font:11px 'Space Mono';letter-spacing:1.7px;color:#c496ff;text-transform:uppercase}.page-title{font:700 clamp(30px,3.2vw,48px)/1.16 'Space Grotesk';letter-spacing:-1.7px;margin:8px 0 9px}.lead{font-size:14px;color:var(--dim);max-width:785px;margin-bottom:25px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 0%,#8a4ceb6e,transparent 55%),radial-gradient(ellipse at 10% 100%,#287da845,transparent 55%),linear-gradient(135deg,#19152c,#101124);border:1px solid #665096;border-radius:21px;padding:44px 40px;margin-bottom:25px;box-shadow:0 20px 80px #0706116a}.hero:after{content:'Z';font:900 280px 'Space Grotesk';color:#b79bff0a;position:absolute;right:5%;top:-60px;pointer-events:none}.hero h1{font:700 clamp(35px,5vw,67px)/1.07 'Space Grotesk';letter-spacing:-2.2px;max-width:690px;margin:20px 0}.hero h1 em{color:#cd9fff;font-style:normal}.hero p{max-width:520px;color:#b9b2cf}.hero .button{position:relative;z-index:1;margin-top:14px}
.card,.post,.channel,.product{background:linear-gradient(155deg,#17192c,#101221);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 35px #03030a24}.card{padding:22px;margin:0 0 17px}.card h3{font:700 19px 'Space Grotesk';margin:0 0 10px}.smallprint,.muted{color:var(--dim)}.smallprint{font-size:12px}.mono{font-family:'Space Mono',monospace}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 23px}.stat{padding:19px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#191b32,#121327)}.stat strong{font:700 27px 'Space Grotesk';display:block;color:#e6dcff}.stat span{color:#a8a4be;font:10px 'Space Mono';letter-spacing:.8px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 14px}.section-row h2{font:700 22px 'Space Grotesk';margin:0}.section-row a{color:#c7a0ff;font-size:12px}.channel-list,.member-grid,.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.channel{display:flex;gap:14px;padding:19px;transition:transform .16s,border .16s}.channel:hover,.product:hover{border-color:#8063b4;transform:translateY(-2px)}.channel-icon{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:11px;background:#30234e;color:#d0a1ff;font:20px 'Space Mono'}.channel b{display:block}.channel p{font-size:12px;color:var(--dim);margin:4px 0 0}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.avatar{width:43px;height:43px;border-radius:12px;object-fit:cover;background:linear-gradient(140deg,#6549a5,#2d2849);border:1px solid #7462af;display:inline-grid;place-items:center;color:#e8d1ff;font:bold 20px 'Space Grotesk';flex-shrink:0;overflow:hidden}.avatar.big{width:92px;height:92px;border-radius:21px;font-size:38px}.username{font-weight:800}.role{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;border:1px solid color-mix(in srgb,var(--role-color,#aa8aff) 55%,transparent);background:color-mix(in srgb,var(--role-color,#aa8aff) 13%,#161327);font:700 10px 'Space Mono';white-space:nowrap;letter-spacing:.2px}.role-icon{font-size:15px;filter:drop-shadow(0 0 5px currentColor)}.effect-glow,.effect-sparkle{text-shadow:0 0 12px currentColor}.effect-gold{text-shadow:0 0 13px #f4c678}.effect-aura,.effect-cosmic{text-shadow:0 0 13px currentColor,0 0 26px currentColor}.effect-flame,.effect-embers{text-shadow:0 0 11px #ff725f}.effect-outline{text-shadow:0 1px 0 #000}.effect-electric{text-shadow:0 0 10px #7fdbff}.effect-glitch{text-shadow:1px 0 #ff598e,-1px 0 #6cddff}
.post{padding:19px 21px;margin-bottom:13px}.post .content{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0;color:#e3e1f0}.post footer{display:flex;gap:10px;color:var(--dim);font-size:12px}.post footer button{border:0;background:transparent;color:inherit;padding:0 6px 0 0}.post footer button:hover{color:#d4acff}.post .row{align-items:flex-start}.input,textarea,select{width:100%;color:#f4f1ff;border:1px solid #464460;border-radius:10px;background:#0e1021;padding:11px 12px}textarea{min-height:112px;resize:vertical}label{font-size:12px;color:#c2bbdc;display:block;margin:12px 0 6px}.formrow{display:flex;gap:13px;align-items:end}.formrow>*{flex:1;min-width:0}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:19px 0}.tabs button{padding:9px 13px;background:#17172c;color:#b9b4d4;border:1px solid #3e3b60;border-radius:9px}.tabs button:hover,.tabs button.active{background:#6644aa;color:white;border-color:#9473d8}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product{overflow:hidden}.product-art{height:174px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 80% 0%,#9f51cf60,transparent 55%),linear-gradient(135deg,#2a1d49,#111827);font:700 43px 'Space Grotesk';color:#d5b2ff}.product-art img{width:100%;height:100%;object-fit:cover}.product-body{padding:16px}.product h3{margin:0 0 5px;font-size:15px}.price{font:700 13px 'Space Mono';color:var(--gold)}.tag{display:inline-block;padding:3px 8px;border-radius:6px;border:1px solid #605576;background:#342c4a;color:#d5c6f7;font:10px 'Space Mono';margin:0 3px 4px 0}.badge{display:inline-flex;align-items:center;gap:7px;color:#cbaafa;border:1px solid currentColor;border-radius:9px;padding:5px 10px;background:#ffffff08;font:700 11px 'Space Mono'}.collectible-badge{position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--badge-color) 22%,#0c0e1c),#151326);border-color:color-mix(in srgb,var(--badge-color) 62%,#181624);box-shadow:inset 0 1px #ffffff20,0 0 20px color-mix(in srgb,var(--badge-color) 17%,transparent)}.badge-icon{font-size:17px;filter:drop-shadow(0 0 6px var(--badge-color))}.profile-cover{height:195px;border-radius:20px 20px 0 0;position:relative;background-image:radial-gradient(circle at 25% 45%,color-mix(in srgb,var(--profile-accent,#a78aff) 45%,transparent),transparent 70%);background-size:cover;background-position:center;border:1px solid var(--line);overflow:hidden}.profile-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0909159c,transparent 80%);pointer-events:none}.profile-panel{margin-top:-1px;border:1px solid var(--line);border-radius:0 0 18px 18px;background:linear-gradient(140deg,#1b1634,#111221);padding:0 25px 28px}.profile-main{margin-top:-43px;position:relative;display:flex;align-items:flex-end;gap:17px}.profile-main .avatar{border:4px solid #1a1730}.profile-name{font:700 clamp(28px,4vw,45px) 'Space Grotesk';margin:12px 0 3px}.empty{background:#111323;border:1px dashed #4d496e;border-radius:13px;padding:30px;color:var(--dim);text-align:center}.notice{background:#2c2730;border:1px solid #74604e;border-radius:10px;color:#eed7ab;padding:12px 16px;margin:15px 0}.divider{height:1px;background:var(--line);margin:18px 0}.loading{padding:12vh 20px;color:#c6a6ff;font:12px 'Space Mono';text-align:center;letter-spacing:2px}.blink{animation:blink .9s steps(2) infinite}@keyframes blink{50%{opacity:0}}#toast{position:fixed;bottom:22px;right:22px;z-index:99;max-width:360px}#toast>div{background:#302343;border:1px solid #ba91ef;box-shadow:0 15px 45px #0009;padding:13px 17px;border-radius:11px;margin-top:8px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:#aa9cc6;font:10px 'Space Mono';letter-spacing:.8px}.table th,.table td{border-bottom:1px solid #353451;padding:11px 9px;vertical-align:middle}.table select{min-width:135px}.auth{max-width:460px;margin:55px auto}.auth .card{padding:32px}.credit-orb{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#543c73,#272142);border:2px solid #ab84e8;box-shadow:0 0 40px #ac80e955;font-size:30px;margin:0 auto 18px}.claim-card{text-align:center;max-width:580px;margin:auto}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-card{transition:transform .18s,border-color .18s}.theme-card:hover{transform:translateY(-4px);border-color:var(--preview-accent)}.theme-showcase{height:132px;position:relative;display:grid;place-items:center;border-radius:11px;overflow:hidden;border:1px solid var(--preview-accent);isolation:isolate}.theme-showcase .name-effect{font-size:clamp(20px,2.6vw,32px);font-weight:900}.showcase-mark{position:absolute;right:11px;top:5px;font-size:35px;opacity:.18;color:var(--preview-accent)}
/* Real, CSS-based username visuals, shared by profile, channels and theme previews. */
.name-effect{position:relative;display:inline-block;color:var(--name-color,#c79dff);text-shadow:0 0 9px color-mix(in srgb,var(--name-color) 18%,transparent);font-weight:900;isolation:isolate}.name-none{}.name-subtle{text-shadow:0 0 9px var(--name-color)}.name-sparkle{background:linear-gradient(105deg,var(--name-color) 0%,#fff 22%,var(--name-color) 43%,#fff 55%,var(--name-color) 78%);background-size:230% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:username-shimmer 2.9s linear infinite;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--name-color) 45%,transparent))}.name-sparkle:after{content:'✦';position:absolute;right:-.7em;top:-.35em;font-size:.44em;color:#fff;filter:drop-shadow(0 0 5px var(--name-color));animation:twinkle 1.25s ease-in-out infinite alternate}.name-glitch{animation:name-jitter 3.5s infinite;text-shadow:-2px 0 #52e3ff,2px 0 #ff709f}.name-glitch:after{content:attr(data-text);position:absolute;inset:0;color:#ff4f8f;opacity:.7;clip-path:inset(35% 0 42%);animation:glitch-slice 2.8s steps(2) infinite;pointer-events:none}.name-electric{color:#a1edff;text-shadow:0 0 8px #58bcff,0 0 21px #59d4ff,0 0 34px #5b8bff;animation:electric-glow 1.3s ease-in-out infinite alternate}.name-cosmic{background:linear-gradient(90deg,#c3a1ff,#7dcdff,#ff98db,#d3a8ff);background-size:280% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:username-shimmer 4s linear infinite;filter:drop-shadow(0 0 9px #9d80e855)}.name-gold{background:linear-gradient(95deg,#ad7c38,#ffe8a0,#fff7d6,#c68a44,#ffda87);background-size:260% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:username-shimmer 3.6s linear infinite;filter:drop-shadow(0 0 8px #ffbf6d55)}.name-embers{color:#ffbc84;text-shadow:0 0 11px #f87950,0 0 23px #ff352e;animation:ember-pulse 1.6s ease-in-out infinite alternate}.name-hero{font-size:inherit}
@keyframes username-shimmer{from{background-position:200% center}to{background-position:-100% center}}@keyframes twinkle{0%{opacity:.2;transform:rotate(-15deg) scale(.6)}100%{opacity:1;transform:rotate(15deg) scale(1.1)}}@keyframes name-jitter{0%,94%,100%{transform:translateX(0)}95%{transform:translateX(-2px)}96%{transform:translateX(2px)}}@keyframes glitch-slice{0%,91%,100%{transform:translateX(0);opacity:0}92%{transform:translateX(3px);opacity:.8}94%{transform:translateX(-3px);opacity:.7}}@keyframes electric-glow{to{text-shadow:0 0 5px #9ee9ff,0 0 16px #7fbfff}}@keyframes ember-pulse{to{text-shadow:0 0 4px #ff512f,0 0 13px #ff6d37}}
/* Daily spin / real backend awards */
.spin-layout{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(290px,.85fr);gap:20px;align-items:start}.wheel-card{text-align:center}.wheel-outer{position:relative;width:min(330px,90%);aspect-ratio:1;margin:8px auto 18px}.spin-wheel{position:absolute;inset:5px;border-radius:50%;border:8px solid #d7bdff;box-shadow:0 0 0 5px #34254d,0 15px 65px #a275f53a,inset 0 0 25px #09081577;transition:transform 3.25s cubic-bezier(.12,.85,.17,1);display:grid;place-items:center}.wheel-inner{width:39%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#423464,#181327);border:6px solid #d4acfa;box-shadow:0 0 20px #0008;font:900 55px 'Space Grotesk';color:white;position:relative}.wheel-inner span{position:absolute;right:12%;top:14%;font-size:18px;color:#eddbff}.wheel-pointer{position:absolute;z-index:4;top:-15px;left:50%;transform:translateX(-50%);font-size:35px;line-height:1;color:#f7e3ff;filter:drop-shadow(0 3px 5px #000)}.wheel-card h2{margin-bottom:6px}.odds-list{display:flex;flex-direction:column;gap:0}.odds-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.odds-row span{display:flex;align-items:center;gap:9px}.odds-row i{width:11px;height:11px;display:inline-block;border-radius:3px;flex-shrink:0}.odds-row b{font:700 12px 'Space Mono';color:#e6d5ff}
.feature-banner{padding:23px;margin-bottom:22px;border:1px solid #6a4e9b;border-radius:14px;background:linear-gradient(120deg,#2b1e47,#141627)}.feature-banner span{font:700 12px 'Space Mono';letter-spacing:2px;color:#d6afff}.feature-banner p{margin:8px 0 0;color:var(--dim)}.review-release{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;flex-wrap:wrap}.review-release>div:first-child{flex:1;min-width:190px}.review-files{width:100%}.file-download{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:#26213f;border:1px solid #594981;border-radius:9px;margin:6px;font-weight:700;font-size:12px}.file-download small{font-weight:400;color:#aaa2c7}.upload-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.upload-box input{max-width:250px}
@media(max-width:1100px){.market-grid,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:26px 22px 60px}.staff-identity{display:none}}@media(max-width:740px){.header-top{padding:12px 15px;gap:8px}.brand-mark{height:40px;width:40px;font-size:23px}.brand-name{font-size:20px}.brand small{font-size:8px}.top-nav{padding:5px 12px 11px}.nav{padding:7px 10px}.main{padding:21px 15px 60px}.topbar{margin-bottom:23px}.network-status{display:none}.channel-list,.member-grid,.theme-grid,.market-grid,.spin-layout{grid-template-columns:1fr}.stats{gap:7px}.stat{padding:12px}.stat strong{font-size:21px}.hero{padding:30px 23px}.hero:after{font-size:200px;top:5px}.formrow{flex-direction:column;align-items:stretch}.formrow>*{width:100%}.profile-panel{padding:0 17px 22px}.top-actions .button{padding:6px 8px}.site-footer{padding:16px}.wheel-outer{max-width:290px}}@media(max-width:490px){.brand small{display:none}.balance{font-size:10px;padding:7px}.top-actions{gap:5px}.top-actions .avatar{width:29px;height:29px}.main{padding:16px 12px 55px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat span{font-size:8px}.topbar .breadcrumbs{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}