:root{--bg: #0e0c18;--bg-light: #161228;--bg-card: #1e1830;--bg-card-hover: #28203a;--text: #d4ccc0;--text-dim: #706858;--text-bright: #f0e8d8;--accent: #b82840;--accent-hover: #d03050;--gold: #d4a020;--green: #38a878;--red: #c03040;--blue: #4878b8;--beast: #d06830;--bird: #4898c8;--plant: #48a840;--undead: #8848a8;--arcane: #3888d8;--dragon: #c83838;--lv1: #a8a098;--lv2: #5080d0;--lv3: #b048d8;--lv4: #d4a020;--common: #a8a098;--uncommon: #38a878;--rare: #4878b8;--epic: #b048d8;--legendary: #d4a020;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--max-width: 1100px;--nav-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--text-bright)}h1,h2,h3,h4{font-family:Cinzel Decorative,Cinzel,serif;color:var(--text-bright);line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.text-dim{color:var(--text-dim)}.text-gold{color:var(--gold)}.text-accent{color:var(--accent)}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.section{padding:var(--space-2xl) 0}.section+.section{border-top:1px solid #1e1830}.section-title{text-align:center;margin-bottom:var(--space-lg)}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}.section{padding:var(--space-xl) 0}}.site-nav{position:sticky;top:0;z-index:50;background:#0e0c18f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #1e1830;height:var(--nav-height)}.site-nav .container{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:Cinzel Decorative,serif;font-size:1.1rem;color:var(--text-bright);font-weight:700}.nav-logo img{width:32px;height:32px;border-radius:4px}.nav-links{display:flex;list-style:none;gap:var(--space-lg);align-items:center}.nav-links a{color:var(--text-dim);font-size:.9rem;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-bright)}.nav-links .play-btn{background:var(--accent);color:#fff;padding:6px 16px;border-radius:6px;font-weight:600;font-size:.85rem}.nav-links .play-btn:hover{background:var(--accent-hover);color:#fff}.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:var(--space-xs)}@media(max-width:768px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:var(--nav-height);left:0;right:0;flex-direction:column;background:var(--bg);border-bottom:1px solid #1e1830;padding:var(--space-md);gap:var(--space-md)}.nav-links.open{display:flex}}.site-footer{border-top:1px solid #1e1830;padding:var(--space-xl) 0 var(--space-lg);color:var(--text-dim);font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-links{display:flex;list-style:none;gap:var(--space-lg)}.footer-links a{color:var(--text-dim);font-size:.85rem}.footer-links a:hover{color:var(--text)}.card{background:var(--bg-card);border:1px solid #2a2240;border-radius:8px;padding:var(--space-lg);transition:border-color .2s,transform .2s}.card:hover{border-color:#3a3050;transform:translateY(-2px)}.btn{display:inline-block;padding:12px 28px;border-radius:8px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:background .2s,transform .1s;text-align:center}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid #3a3050}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-bright)}.btn-lg{padding:16px 40px;font-size:1.1rem}.badge{display:inline-block;padding:2px 10px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-beast{background:var(--beast);color:#fff}.badge-bird{background:var(--bird);color:#fff}.badge-plant{background:var(--plant);color:#fff}.badge-undead{background:var(--undead);color:#fff}.badge-arcane{background:var(--arcane);color:#fff}.badge-dragon{background:var(--dragon);color:#fff}.badge-common{background:var(--common);color:#111}.badge-uncommon{background:var(--uncommon);color:#fff}.badge-rare{background:var(--rare);color:#fff}.badge-epic{background:var(--epic);color:#fff}.badge-legendary{background:var(--legendary);color:#111}.badge-alpha{background:var(--gold);color:#111}.badge-beta{background:var(--blue);color:#fff}.badge-launch{background:var(--green);color:#fff}.badge-offensive{background:var(--red);color:#fff}.badge-defensive{background:var(--blue);color:#fff}.badge-utility{background:var(--green);color:#fff}.badge-drain{background:var(--undead);color:#fff}.tag{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.7rem;background:var(--bg-card);color:var(--text-dim);border:1px solid #2a2240}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid #1e1830}.data-table th{color:var(--text-dim);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.data-table tr:hover td{background:var(--bg-light)}