:root{--ds-canvas:#050807;--ds-canvas-top:#0d1416;--ds-mesh:1;--ds-surface:#0a0716c7;--ds-surface-solid:#0a0716;--ds-fill:#ffffff08;--ds-fill-hover:#ffffff0f;--ds-line:#ffffff1a;--ds-line-soft:#ffffff12;--ds-line-hover:#ffffff2e;--ds-sheen:#ffffff1a;--ds-sheen-soft:#ffffff0f;--ds-shade:#0009;--ds-glow:#5a46dc73;--ds-bloom:.2;--ds-bloom-b:#ba30e824;--ds-bloom-c:#0db9f21f;--ds-scrim-rgb:10,7,22;--ds-ink:#f3f4f6;--ds-ink-2:#d1d5dbd9;--ds-ink-3:#9ca3afe6;--ds-label:#c4b5fdcc;--ds-accent-rgb:167,139,250;--ds-lime-hi:#d9ff8a;--ds-lime-lo:#7fd400;--ds-lime-glow:#7fd4008c;--ds-lime-glow-hi:#7fd400b3;--ds-on-lime:#0b1014;--ds-link:#5eead4;--ds-link-hover:#99f6e4;--ds-warn:#fde68a;--ds-warn-line:#fbbf2466;--ds-danger:#ffb27a;--ds-danger-line:#ff7d118c;--ds-r-card:24px;--ds-r-tile:16px;--ds-r-field:14px;--ds-spring:cubic-bezier(.34,1.56,.64,1);--ds-ease:cubic-bezier(.65,0,.35,1)}.ds-accent-home{--ds-accent-rgb:139,125,255}.ds-accent-forum{--ds-accent-rgb:56,189,248}.ds-accent-guilds{--ds-accent-rgb:176,118,255}.ds-accent-live{--ds-accent-rgb:255,72,48}.ds-accent-discover{--ds-accent-rgb:251,176,59}.ds-accent-market{--ds-accent-rgb:150,230,60}.ds-accent-music{--ds-accent-rgb:240,96,220}.ds-accent-shop{--ds-accent-rgb:45,200,230}.ds-canvas{isolation:isolate;background-color:var(--ds-canvas);background-image:radial-gradient(ellipse at top,var(--ds-canvas-top)0%,var(--ds-canvas)80%);position:relative;overflow:clip}.ds-canvas:before{content:"";z-index:-1;pointer-events:none;opacity:var(--ds-mesh);background-image:radial-gradient(at 28% 22%,rgba(var(--ds-accent-rgb),.2)0px,transparent 50%),radial-gradient(at 75% 70%,#17827029 0px,transparent 50%);filter:blur(60px);will-change:transform;animation:48s ease-in-out infinite alternate ds-drift;position:absolute;inset:-20%}@keyframes ds-drift{0%{transform:translate(0)scale(1)}to{transform:translate(4vw,-3vh)scale(1.08)}}.ds-card{border-radius:var(--ds-r-card);border:1px solid var(--ds-line);background-color:var(--ds-surface);background-image:radial-gradient(ellipse 70% 30% at 30% 0%,var(--ds-sheen-soft),transparent 70%),radial-gradient(at 10% 8%,rgba(var(--ds-accent-rgb),var(--ds-bloom))0px,transparent 50%),radial-gradient(at 95% 20%,var(--ds-bloom-b)0px,transparent 50%),radial-gradient(at 88% 96%,var(--ds-bloom-c)0px,transparent 50%);box-shadow:inset 0 1px 0 var(--ds-sheen),inset 0 -30px 60px -40px var(--ds-shade),0 30px 80px -30px var(--ds-glow);position:relative}.ds-card.ds-card-flat{background-image:radial-gradient(ellipse 70% 30% at 30% 0%,var(--ds-sheen-soft),transparent 70%);box-shadow:inset 0 1px 0 var(--ds-sheen)}.ds-card-hover{transition:transform .3s var(--ds-spring),border-color .25s ease,box-shadow .3s ease}.ds-card-hover:hover{border-color:rgba(var(--ds-accent-rgb),.45);transform:translateY(-2px)}.ds-rise{animation:ds-rise .6s var(--ds-spring)var(--ds-delay,0s)backwards}@keyframes ds-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ds-glass{border:1px solid var(--ds-line);background-color:var(--ds-fill);box-shadow:inset 0 1px 0 var(--ds-sheen-soft)}.ds-label{letter-spacing:.3em;text-transform:uppercase;color:var(--ds-label);font-family:Inter,sans-serif;font-size:10px;font-weight:600}.ds-title{text-transform:uppercase;letter-spacing:.12em;color:var(--ds-ink);font-family:Rajdhani,sans-serif;font-weight:700;line-height:1.05}.ds-ink{color:var(--ds-ink)}.ds-ink-2{color:var(--ds-ink-2)}.ds-ink-3{color:var(--ds-ink-3)}.ds-link{color:var(--ds-link);transition:color .2s}.ds-link:hover{color:var(--ds-link-hover)}.ds-status{letter-spacing:.35em;text-transform:uppercase;color:var(--ds-ink-2);font-size:10px;animation:2.4s ease-in-out infinite ds-breathe}@keyframes ds-breathe{0%,to{opacity:.45}50%{opacity:1}}.ds-btn{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;height:40px;transition:transform .3s var(--ds-spring),box-shadow .3s ease,border-color .2s ease,background-color .2s ease,color .2s ease,filter .2s ease;border:1px solid #0000;border-radius:9999px;flex:none;justify-content:center;align-items:center;gap:.55em;padding:0 18px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.ds-btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--ds-accent-rgb),.35);outline:none}.ds-btn:disabled{cursor:default}.ds-btn-sm{height:30px;padding:0 12px;font-size:10px}.ds-btn-lg{height:46px;padding:0 24px;font-size:12px}.ds-btn-icon{letter-spacing:0;width:40px;padding:0}.ds-btn-icon.ds-btn-sm{width:30px}.ds-btn-icon.ds-btn-lg{width:46px}.ds-btn-primary{color:var(--ds-on-lime);background-image:linear-gradient(180deg,var(--ds-lime-hi)0%,var(--ds-lime-lo)100%);box-shadow:inset 0 1px 0 #fff9,0 10px 28px -8px var(--ds-lime-glow)}.ds-btn-primary:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffffb3,0 14px 36px -8px var(--ds-lime-glow-hi);transform:translateY(-2px)scale(1.03)}.ds-btn-primary:disabled{filter:saturate(.3)brightness(.75)}.ds-btn-ghost{color:var(--ds-ink-2);border-color:var(--ds-line-hover);background-color:var(--ds-fill);box-shadow:inset 0 1px 0 var(--ds-sheen-soft)}.ds-btn-ghost:hover:not(:disabled){color:var(--ds-ink);border-color:rgba(var(--ds-accent-rgb),.5);background-color:rgba(var(--ds-accent-rgb),.1);transform:translateY(-1px)}.ds-btn-ghost:disabled{opacity:.5}.ds-btn-accent{color:var(--ds-ink);border-color:rgba(var(--ds-accent-rgb),.6);background-color:rgba(var(--ds-accent-rgb),.16);box-shadow:inset 0 1px 0 var(--ds-sheen-soft)}.ds-btn-accent:hover:not(:disabled){background-color:rgba(var(--ds-accent-rgb),.24);transform:translateY(-1px)}.ds-btn-accent:disabled{opacity:.6}.ds-btn-danger{color:var(--ds-danger);border-color:var(--ds-danger-line);background-color:#ff7d111a}.ds-btn-danger:hover:not(:disabled){background-color:#ff7d112e}.ds-btn-quiet{color:var(--ds-ink-3);background:0 0}.ds-btn-quiet:hover:not(:disabled){color:var(--ds-ink)}.ds-chip{border:1px solid var(--ds-line);background-color:var(--ds-fill);letter-spacing:.02em;height:26px;color:var(--ds-ink-2);white-space:nowrap;border-radius:9999px;flex:none;align-items:center;gap:.4em;padding:0 11px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}button.ds-chip,a.ds-chip{cursor:pointer}button.ds-chip:hover,a.ds-chip:hover{color:var(--ds-ink);border-color:rgba(var(--ds-accent-rgb),.5)}.ds-chip.is-active{color:var(--ds-ink);border-color:rgba(var(--ds-accent-rgb),.6);background-color:rgba(var(--ds-accent-rgb),.16)}.ds-badge{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;flex:none;align-items:center;gap:.4em;height:22px;padding:0 9px;font-family:Rajdhani,sans-serif;font-size:9px;font-weight:700;display:inline-flex}.ds-badge-lime{color:var(--ds-on-lime);background-image:linear-gradient(180deg,var(--ds-lime-hi)0%,var(--ds-lime-lo)100%);box-shadow:inset 0 1px #fff9}.ds-badge-accent{color:var(--ds-ink);border:1px solid rgba(var(--ds-accent-rgb),.45);background-color:rgba(var(--ds-accent-rgb),.16)}.ds-badge-warn{color:var(--ds-warn);border:1px solid var(--ds-warn-line);background-color:rgba(var(--ds-scrim-rgb),.6)}.ds-tabs{border:1px solid var(--ds-line);background-color:var(--ds-fill);max-width:100%;box-shadow:inset 0 1px 0 var(--ds-sheen-soft);scrollbar-width:none;border-radius:9999px;gap:4px;padding:4px;display:inline-flex;overflow-x:auto}.ds-tabs::-webkit-scrollbar{display:none}.ds-tab{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;height:32px;color:var(--ds-ink-3);cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:none;align-items:center;gap:.5em;padding:0 14px;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700;transition:color .2s,background-color .2s,box-shadow .3s;display:inline-flex}.ds-tab:hover{color:var(--ds-ink);background-color:var(--ds-fill-hover)}.ds-tab.is-active{color:var(--ds-on-lime);background-image:linear-gradient(180deg,var(--ds-lime-hi)0%,var(--ds-lime-lo)100%);box-shadow:inset 0 1px 0 #fff9,0 6px 18px -8px var(--ds-lime-glow)}.ds-menu{z-index:50;border-radius:var(--ds-r-tile);border:1px solid var(--ds-line-hover);background-color:var(--ds-surface-solid);min-width:280px;max-width:min(340px,100vw - 32px);box-shadow:inset 0 1px 0 var(--ds-sheen-soft),0 20px 50px -18px var(--ds-glow),0 10px 24px -12px var(--ds-shade);transform-origin:0 0;animation:ds-menu-in .18s var(--ds-ease);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.ds-menu-end{transform-origin:100% 0;left:auto;right:0}@keyframes ds-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ds-menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:9px 12px;transition:background-color .15s;display:flex}.ds-menu-item:hover:not(:disabled),.ds-menu-item:focus-visible{background-color:rgba(var(--ds-accent-rgb),.12);outline:none}.ds-menu-item:disabled{opacity:.5;cursor:default}.ds-menu-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ds-ink);font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;line-height:1.2}.ds-menu-item.is-danger .ds-menu-label{color:var(--ds-danger)}.ds-menu-note{color:var(--ds-ink-3);font-family:Inter,sans-serif;font-size:11.5px;line-height:1.4}.ds-menu-rule{background-color:var(--ds-line-soft);height:1px;margin:4px 8px}.ds-field{border-radius:var(--ds-r-field);border:1px solid var(--ds-line);background-color:var(--ds-fill);width:100%;height:40px;color:var(--ds-ink);box-shadow:inset 0 1px 0 var(--ds-sheen-soft),inset 0 -6px 12px -8px var(--ds-shade);outline:none;padding:0 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}textarea.ds-field{resize:vertical;height:auto;padding:10px 14px;line-height:1.5}select.ds-field{cursor:pointer}select.ds-field option{background-color:var(--ds-surface-solid);color:var(--ds-ink)}.ds-field::placeholder{color:var(--ds-ink-3);opacity:.8}.ds-field:hover{border-color:var(--ds-line-hover)}.ds-field:focus{border-color:rgba(var(--ds-accent-rgb),.65);background-color:var(--ds-fill-hover);box-shadow:0 0 0 3px rgba(var(--ds-accent-rgb),.18),inset 0 1px 0 var(--ds-sheen-soft)}.ds-field:disabled{opacity:.55}.ds-tile{border-radius:var(--ds-r-tile);border:1px solid var(--ds-line-hover);background-color:var(--ds-fill-hover);color:rgba(var(--ds-accent-rgb),.85);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.ds-tile>img{object-fit:cover;width:100%;height:100%}.ds-tile-ring{border:3px solid var(--ds-surface-solid);box-shadow:0 0 0 1px var(--ds-line),0 14px 34px -12px #000000bf}.ds-stat{border:1px solid var(--ds-line);background-color:var(--ds-fill);height:36px;box-shadow:inset 0 1px 0 var(--ds-sheen-soft);border-radius:9999px;flex:none;align-items:baseline;gap:.45em;padding:0 14px;line-height:36px;display:inline-flex}.ds-stat-value{letter-spacing:.06em;color:var(--ds-ink);font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700}.ds-stat-label{letter-spacing:.04em;color:var(--ds-ink-3);font-family:Inter,sans-serif;font-size:10px}.ds-rule{background:linear-gradient(90deg,rgba(var(--ds-accent-rgb),.4),transparent);height:1px}.ds-hair-top{border-top:1px solid var(--ds-line-soft)}.ds-hair-bottom{border-bottom:1px solid var(--ds-line-soft)}.ds-fade-bottom{-webkit-mask-image:linear-gradient(#000 35%,#0000 100%);mask-image:linear-gradient(#000 35%,#0000 100%)}.ds-scrim-bottom{background:linear-gradient(180deg,transparent 0%,rgba(var(--ds-scrim-rgb),.55)45%,rgba(var(--ds-scrim-rgb),.92)100%)}.ds-skeleton{background-color:var(--ds-fill-hover);background-image:linear-gradient(90deg,transparent 0%,var(--ds-sheen-soft)50%,transparent 100%);background-size:200% 100%;border-radius:12px;animation:1.6s ease-in-out infinite ds-shimmer}@keyframes ds-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.ds-canvas:before,.ds-rise,.ds-status,.ds-menu,.ds-skeleton{animation:none}.ds-btn,.ds-card-hover{transition:none}}