@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Quicksand:wght@300;400;500;600;700&display=swap";:root{--bg-deep: #0a0f0d;--bg-mid: #111a16;--bg-card: #14201a;--bg-card-hover: #1a2b23;--text-primary: #e8f0eb;--text-secondary: #8aa896;--text-muted: #5a7a68;--accent-glow: #3ddc84;--accent-gold: #f0c040;--border-subtle: rgba(61,220,132,.12);--common: #e0e0e0;--common-bg: rgba(255, 255, 255, .08);--common-border: rgba(255, 255, 255, .25);--rare: #42a5f5;--rare-bg: rgba(66, 165, 245, .08);--rare-border: rgba(66, 165, 245, .25);--epic: #00bcd4;--epic-bg: rgba(0, 188, 212, .08);--epic-border: rgba(0, 188, 212, .25);--legendary: #ffa726;--legendary-bg: rgba(255, 167, 38, .08);--legendary-border: rgba(255, 167, 38, .25);--mythical: #dc2828;--mythical-bg: rgba(220, 40, 40, .08);--mythical-border: rgba(220, 40, 40, .25);--arcane: #b39ddb;--arcane-bg: rgba(179, 157, 219, .08);--arcane-border: rgba(179, 157, 219, .25);--guardian: #dc32b4;--guardian-bg: rgba(220, 50, 180, .06);--guardian-border: rgba(220, 50, 180, .3);--enchanted: #8c32dc;--enchanted-bg: rgba(140, 50, 220, .08);--enchanted-border: rgba(140, 50, 220, .25);--ancient: #2eaa5e;--ancient-bg: rgba(46, 170, 94, .08);--ancient-border: rgba(46, 170, 94, .25);--rainbow: #e040a0;--rainbow-bg: rgba(224, 64, 160, .08);--rainbow-border: rgba(224, 64, 160, .25);--rainbow-grad: linear-gradient(135deg, #ff5c5c, #ffb84d, #ffe34d, #5cff5c, #5cd6ff, #c45cff, #ff5cd1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,sans-serif;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(61,220,132,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(176,96,232,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(240,192,64,.02) 0%,transparent 50%)}.fireflies{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.firefly{position:absolute;width:3px;height:3px;background:var(--accent-glow);border-radius:50%;box-shadow:0 0 6px 2px #3ddc8466;animation:drift linear infinite,flicker ease-in-out infinite}@keyframes drift{0%{transform:translate(0) scale(1)}25%{transform:translate(30px,-60px) scale(1.2)}50%{transform:translate(-20px,-120px) scale(.8)}75%{transform:translate(40px,-180px) scale(1.1)}to{transform:translate(10px,-240px) scale(.9)}}@keyframes flicker{0%,to{opacity:0}20%{opacity:.8}50%{opacity:.3}70%{opacity:1}90%{opacity:.5}}.header{position:relative;z-index:10;text-align:center;padding:60px 20px 28px}.header h1{line-height:1;margin:0}.header-logo{max-width:clamp(200px,40vw,400px);height:auto;filter:drop-shadow(0 0 30px rgba(61,220,132,.15))}.header .subtitle{font-size:.85rem;color:var(--text-muted);margin-top:6px;letter-spacing:.15em;text-transform:uppercase;font-weight:500}.header .page-title{font-family:Cinzel Decorative,serif;font-weight:700;font-size:clamp(1.1rem,2.5vw,1.6rem);color:var(--accent-gold);margin-top:10px;letter-spacing:.06em}.header .page-title:empty{display:none}.social-icons{display:inline-flex;align-items:center;gap:8px}.social-icon{width:22px;height:22px;opacity:.7;transition:opacity .25s,transform .25s;vertical-align:middle}.social-icon:hover{opacity:1;transform:scale(1.15)}.nav-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.nav-link{display:inline-block;padding:6px 18px;border-radius:100px;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;font-weight:600;transition:opacity .2s,transform .2s}.nav-link:hover{opacity:.75;transform:translateY(-1px)}.nav-link-green{background:#3ddc8414;border:1px solid rgba(61,220,132,.2);color:var(--accent-glow)}.nav-link-gold{background:#f0c04014;border:1px solid rgba(240,192,64,.2);color:var(--accent-gold)}.nav-link-purple{background:#b060e814;border:1px solid rgba(176,96,232,.2);color:#b060e8}.nav-link-blue{background:#42a5f514;border:1px solid rgba(66,165,245,.2);color:#42a5f5}.nav-link-orange{background:#ffa72614;border:1px solid rgba(255,167,38,.2);color:#ffa726}.nav-link-cyan{background:#26c6da14;border:1px solid rgba(38,198,218,.2);color:#26c6da}.nav-link-pink{background:#e040a014;border:1px solid rgba(224,64,160,.2);color:#e040a0}.code-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:#3ddc8414;border:1px solid rgba(61,220,132,.2);font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:700;color:var(--accent-glow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3ddc8433;border-radius:10px}.nav-hamburger,.nav-panel[hidden]{display:none}@media(max-width:699px){.nav-links{display:none}.nav-hamburger{display:flex;position:fixed;top:16px;right:64px;z-index:1000;width:44px;height:44px;border-radius:50%;background:#3ddc841a;border:1px solid rgba(61,220,132,.3);color:var(--accent-glow);align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}.nav-hamburger:hover{background:#3ddc8433;transform:scale(1.1);box-shadow:0 0 15px #3ddc8433}.nav-hamburger-icon{display:inline-flex;flex-direction:column;gap:4px;width:18px;justify-content:center;align-items:stretch}.nav-hamburger-icon .bar{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.nav-hamburger[aria-expanded=true] .nav-hamburger-icon .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger[aria-expanded=true] .nav-hamburger-icon .bar:nth-child(2){opacity:0}.nav-hamburger[aria-expanded=true] .nav-hamburger-icon .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.nav-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:stretch;justify-content:stretch}.nav-panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080c0ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}.nav-panel-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:80px 24px 40px;transform:scale(.85);transform-origin:top right;opacity:0;transition:transform .22s ease-out,opacity .18s ease-out}.nav-panel.is-open .nav-panel-backdrop{opacity:1}.nav-panel.is-open .nav-panel-inner{transform:scale(1);opacity:1}.nav-panel-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-panel-close:hover{background:#ffffff1f}.nav-panel-links{display:flex;flex-direction:column;gap:12px;align-items:center}.nav-panel-links .nav-link{padding:14px 22px;font-size:.9rem;text-align:center;min-width:220px}body.nav-panel-open{overflow:hidden}body.nav-panel-open .header{z-index:2000}@media(prefers-reduced-motion:reduce){.nav-panel-backdrop,.nav-panel-inner{transition:opacity .12s ease}.nav-panel-inner{transform:none}.nav-hamburger-icon .bar{transition:none}}.codes-modal-overlay[hidden]{display:none}.codes-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:20px}.codes-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080c0ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}.codes-modal-inner{position:relative;z-index:1;max-width:560px;width:100%;background:linear-gradient(135deg,#3ddc840f,#f0c0400f);border:1px solid rgba(61,220,132,.18);border-radius:16px;padding:28px 32px 32px;transform:scale(.92);opacity:0;transition:transform .2s ease-out,opacity .16s ease-out}.codes-modal-overlay.is-open .codes-modal-backdrop{opacity:1}.codes-modal-overlay.is-open .codes-modal-inner{transform:scale(1);opacity:1}.codes-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.codes-modal-close:hover{background:#ffffff1f}.codes-modal-title{font-family:Cinzel Decorative,serif;font-size:1rem;font-weight:700;color:var(--accent-gold);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.codes-modal-title:before,.codes-modal-title:after{content:"";display:inline-block;width:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,192,64,.4),transparent)}.codes-modal-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}body.codes-modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.codes-modal-backdrop,.codes-modal-inner{transition:opacity .12s ease}.codes-modal-inner{transform:none}}