:root{color-scheme:dark}
body{font-family:'Inter',sans-serif;background:radial-gradient(circle at 15% 15%,#1e1b4b 0%,#0f172a 55%,#090d16 100%);color:#f8fafc;min-height:100vh;overflow-x:hidden}
.font-serif-display{font-family:'Cinzel',serif}
.card{background:rgba(15,23,42,0.85);backdrop-filter:blur(16px);border:1px solid rgba(251,191,36,0.22);border-radius:1rem;padding:1.25rem;box-shadow:0 10px 30px -10px rgba(0,0,0,0.5)}
.panel{background:rgba(30,41,59,0.7);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,0.18);border-radius:0.75rem;padding:0.875rem}
.stat-box{padding:0.625rem;border-radius:0.75rem;background:rgba(15,23,42,0.9);border:1px solid #1e293b}
.sub-box{padding:0.75rem;border-radius:0.75rem;background:#0f172a;border:1px solid #1e293b}
.input-field{width:100%;padding:0.5rem 0.75rem;border-radius:0.5rem;background:#0f172a;border:1px solid #334155;color:#fff}
.gold-gradient-text{background:linear-gradient(135deg,#fde68a 0%,#f59e0b 55%,#fbbf24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.gold-btn{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#090d16;font-weight:700;transition:all .2s ease}
.gold-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 20px -4px rgba(245,158,11,0.5)}
.custom-scroll::-webkit-scrollbar{width:6px;height:6px}
.custom-scroll::-webkit-scrollbar-track{background:rgba(15,23,42,0.6)}
.custom-scroll::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.4);border-radius:9999px}
@keyframes pulse-ring{0%{transform:scale(0.92);opacity:0.85}70%{transform:scale(1.25);opacity:0}100%{transform:scale(1.25);opacity:0}}
.live-dot::before{content:'';position:absolute;inset:-3px;border-radius:9999px;background:#10b981;animation:pulse-ring 1.8s infinite}