@theme{ --color-brand: #9b3444; --color-brand-glow: #b53d50; --color-brand-dim: #7a2535;  --color-bg: #08080a; --color-surface: #111113; --color-elevated: #18181b; --color-bg-hover: #1f1f23;  --color-border: #27272a; --color-border-light: #3f3f46;  --color-foreground: #e4e4e7; --color-muted-foreground: #71717a;  --color-role-tank: #3b82f6; --color-role-dps: #ef4444; --color-role-healer: #22c55e;  --color-discord: #5865f2;  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --font-display: "Outfit", "Inter", sans-serif; --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e4e4e7;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-color:#08080a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#111113}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#52525b}@keyframes gradient-y{0%,to{background-position:0 0}50%{background-position:0 100%}}@keyframes ping-slow{0%{opacity:.6;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 45%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--brand) 0%, transparent)}}@keyframes count-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@utility animate-gradient-y{background-size: 100% 300%; animation: gradient-y 6s ease-in-out infinite;}@utility ping-slow{animation: ping-slow 2.4s cubic-bezier(0, 0, .2, 1) infinite;}@utility pulse-glow{animation: pulse-glow 2s ease-out infinite;}@utility count-up{animation: count-up .6s ease-out both;}@utility animate-slide-in-left{animation: slide-in-left .25s ease-out both;}@utility scrollbar-hide{&::-webkit-scrollbar { display: none; } scrollbar-width: none;}@utility text-balance{text-wrap: balance;}.card{background-color:#111113;border:1px solid #27272a;border-radius:.75rem;padding:1.25rem}.btn-primary{color:#fff;cursor:pointer;background-color:#9b3444;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.btn-primary:hover{background-color:#b53d50}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#d4d4d8;cursor:pointer;background-color:#18181b;border:1px solid #27272a;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.btn-secondary:hover{background-color:#1f1f23}.badge-base{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.badge-tank{color:#93c5fd;background-color:#1e3a8a66;border:1px solid #1e40af80}.badge-dps{color:#fca5a5;background-color:#7f1d1d66;border:1px solid #991b1b80}.badge-healer{color:#86efac;background-color:#14532d66;border:1px solid #16653480}.sidebar-aside{transition:transform .25s}@media (max-width:1023px){.sidebar-aside{transform:translate(-100%)}.sidebar-aside.sidebar-open{transform:translate(0)}}@media (min-width:1024px){.sidebar-aside{transform:translate(0)!important}}.mobile-overlay{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:fixed;inset:0}@media (min-width:1024px){.mobile-overlay{display:none}}.hamburger-btn{display:flex}@media (min-width:1024px){.hamburger-btn{display:none}}.sidebar-close-btn{display:flex}@media (min-width:1024px){.sidebar-close-btn{display:none}}.dashboard-main{padding-left:0}@media (min-width:1024px){.dashboard-main{padding-left:220px}}.rgrid-2,.rgrid-3,.rgrid-4{grid-template-columns:1fr}@media (min-width:768px){.rgrid-2{grid-template-columns:repeat(2,1fr)}.rgrid-3{grid-template-columns:repeat(3,1fr)}.rgrid-4{grid-template-columns:repeat(4,1fr)}}.hscroll-mobile{overflow-x:auto}@media (min-width:768px){.hscroll-mobile{overflow-x:visible}}.rgrid-4-2{grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.rgrid-4-2{grid-template-columns:repeat(4,1fr)}}@media (max-width:767px){.mobile-stack{grid-template-columns:1fr!important}}@media (max-width:480px){.mobile-hide{display:none!important}}.party-hscroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:.5rem;overflow-x:auto}.party-hscroll>*{scroll-snap-align:start}.mobile-only-block{display:none}@media (max-width:767px){.mobile-only-block{display:block}}@media (max-width:640px){.profile-identity{flex-direction:column;align-items:flex-start!important}.profile-identity>*{width:100%}.profile-edit-btn{justify-content:center}}.rgrid-2>*,.rgrid-3>*,.rgrid-4>*,.rgrid-4-2>*{min-width:0}