:root{--bg-dark:#121210;--bg-card:#1c1c18;--bg-elevated:#252520;--bg-hover:#2a2a24;--text-primary:#f5f4f0;--text-secondary:#a8a69e;--text-muted:#6b6a64;--accent:#c9a227;--accent-hover:#ddb52e;--accent-muted:#c9a22726;--summary:#7c9885;--summary-bg:#7c98851f;--good:#7c9885;--good-bg:#7c98851f;--bad:#c4915c;--bad-bg:#c4915c1f;--ugly:#b85c5c;--ugly-bg:#b85c5c1f;--killer:#8b7cb8;--killer-bg:#8b7cb81f;--border:#2d2d28;--border-light:#3a3a34;--locked-overlay:#121210d9}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:DM Sans,sans-serif;line-height:1.6}.texture-overlay{pointer-events:none;opacity:.02;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.container{max-width:1200px;margin:0 auto;padding:2rem}@media (max-width:768px){.container{padding:1rem}}