:root{--bg:#0b1020;--panel:rgba(12,16,26,.5);--panel-border:rgba(255,255,255,.07);--panel-2:#0f1628;--line:#ffffff14;--text:#eef2ff;--muted:#9aa7c2;--accent:#4f8cff;--accent-2:#8d6bff;--good:#2ad38b;--warn:#f4b94a;--danger:#ff6f7e;--shadow:0 12px 36px #0006;--app-max:1540px;--app-pad:16px;--modal-width:min(1320px,calc(100vw - 48px));--modal-height:min(88dvh,860px);--modal-side:286px;--fighter:#ffb247;--rider:#8ed37b;--shooter:#5ab7ff;}html{min-height:100%;scroll-behavior:smooth;background:radial-gradient(1300px 820px at 12% 10%,rgba(74,118,255,.26),transparent 62%),radial-gradient(980px 680px at 84% 14%,rgba(118,88,255,.22),transparent 58%),radial-gradient(1200px 920px at 50% 112%,rgba(44,119,255,.16),transparent 68%),linear-gradient(180deg,#091734 0,#08142d 42%,#060d1d 100%);background-attachment:fixed;}body{min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:transparent;color:var(--text);position:relative;isolation:isolate;overflow-x:hidden;}body.drawer-open{overflow:hidden}.container{width:100%;max-width:var(--app-max);margin:0 auto;padding:0 var(--app-pad);}@keyframes dustDrift{0%{transform:translate3d(-3%,-2%,0)scale(1.05)}50%{transform:translate3d(2.5%,-1%,0)scale(1.08)}100%{transform:translate3d(1%,3%,0)scale(1.05)}}@keyframes dustFloat{0%{transform:translate3d(2%,1%,0)scale(1.02)}100%{transform:translate3d(-2%,-1.5%,0)scale(1.04)}}html:before{content:"";position:fixed;inset:-25%;pointer-events:none;z-index:0;opacity:.75;background:radial-gradient(980px 560px at 18% 18%,rgba(99,130,255,.18),transparent 62%),radial-gradient(880px 620px at 82% 18%,rgba(152,102,255,.14),transparent 64%),radial-gradient(1040px 760px at 54% 82%,rgba(78,150,255,.12),transparent 68%);filter:blur(20px)saturate(1.08);animation:dustDrift 22s ease-in-out infinite alternate;}body:before,
body:after{content:"";position:fixed;pointer-events:none;z-index:-1;filter:blur(16px);animation:dustFloat 30s ease-in-out infinite alternate;}body:before{inset:0;opacity:.75;background:radial-gradient(900px 520px at 22% 18%,rgba(92,126,255,.16),transparent 60%),radial-gradient(860px 560px at 82% 22%,rgba(149,108,255,.12),transparent 62%),radial-gradient(980px 760px at 56% 82%,rgba(66,145,255,.1),transparent 66%);mix-blend-mode:screen;}body:after{inset:-20%;opacity:.35;background:radial-gradient(560px 340px at 15% 30%,rgba(255,150,70,.13),transparent 60%),radial-gradient(520px 320px at 86% 28%,rgba(180,120,255,.16),transparent 62%),radial-gradient(720px 460px at 50% 72%,rgba(72,138,255,.11),transparent 65%);animation-duration:38s;}