*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c8a96a;--gold-bright:#e8c98a;--gold-dim:#c8a96a66;--gold-border:#c8a96a24;--gold-top:#c8a96a47;--jade:#5aaa6a;--rose:#c07088;--info:#5a9acc;--ether:#b070e0;--text:#e8dfc8;--text-soft:#e8dfc899;--text-dim:#e8dfc852;--font-d:"Cinzel", serif;--font-b:"Cormorant Garamond", Georgia, serif;--r-md:10px;--r-lg:14px;--cat-colour:var(--gold)}html{background:#060410!important}html,body{min-height:100vh;color:var(--text);font-family:var(--font-b);-webkit-font-smoothing:antialiased;background-color:#060410!important;background-image:radial-gradient(80% 50% at 50% -10%,#5a328c33 0%,#0000 70%),radial-gradient(60% 40% at 10% 60%,#c8a96a0a 0%,#0000 60%),radial-gradient(50% 60% at 90% 80%,#5028781a 0%,#0000 60%)!important;background-attachment:fixed!important}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -10%,#5a328c26 0%,#0000 70%),radial-gradient(40% 40% at 10% 60%,#c8a96a0a 0%,#0000 60%),radial-gradient(40% 60% at 90% 80%,#50287814 0%,#0000 60%);position:fixed;inset:0}body>*{z-index:1;position:relative}.cloud-layer,.rune-layer,.lightning-flash{pointer-events:none;z-index:0;position:fixed;inset:0}.ap-nav-wrap{z-index:20;width:min(1100px,100% - 2rem);margin:0 auto;padding:1.1rem 0 0;position:relative}.ap-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;font-family:var(--font-d);background:#060608e0;border:.5px solid #c8a96a38;border-radius:999px;align-items:center;gap:4px;margin:0 auto;padding:.55rem .8rem;font-size:.78rem;display:flex;position:relative}.ap-nav-logo{align-items:center;padding:0 2px;display:flex}.ap-nav-logo img{object-fit:contain;border-radius:3px;width:28px;height:28px;display:block}.ap-nav-sep{background:#c8a96a2e;flex-shrink:0;width:.5px;height:16px;margin:0 2px}.ap-nav a{color:#ddd5c873;letter-spacing:.04em;white-space:nowrap;border:.5px solid #0000;border-radius:999px;padding:.32rem .68rem;transition:all .18s}.ap-nav a:hover{color:var(--text);border-color:#c8a96a33}.ap-nav a.active{color:var(--gold);background:#c8a96a17;border-color:#c8a96a47}.ap-nav-burger{cursor:pointer;background:#c8a96a0f;border:.5px solid #c8a96a38;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:30px;height:30px;margin-left:2px;transition:all .15s;display:flex}.ap-nav-burger:hover{background:#c8a96a1f}.ap-nav-burger.open{background:#c8a96a24;border-color:#c8a96a73}.ap-nav-dot{background:#c8a96a99;border-radius:50%;width:3.5px;height:3.5px}.ap-nav-burger.open .ap-nav-dot{background:var(--gold)}.ap-nav-dropdown{z-index:200;background:#05050af7;border:.5px solid #c8a96a38;border-radius:14px;width:300px;padding:.75rem;display:none;position:absolute;top:calc(100% + 8px);right:0}.ap-nav-dropdown.open{animation:.18s navDropIn;display:block}@keyframes navDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ap-nd-section{margin-bottom:.55rem}.ap-nd-section:last-child{margin-bottom:0}.ap-nd-label{font-family:var(--font-d);letter-spacing:.2em;text-transform:uppercase;color:#c8a96a66;margin-bottom:5px;padding:0 4px;font-size:8.5px}.ap-nd-links{flex-wrap:wrap;gap:4px;display:flex}.ap-nd-links a{font-family:var(--font-d);letter-spacing:.04em;color:#c8beaa8c;background:#c8a96a08;border:.5px solid #c8a96a1a;border-radius:999px;padding:.28rem .62rem;font-size:.68rem;transition:all .12s}.ap-nd-links a:hover{color:var(--gold);background:#c8a96a14;border-color:#c8a96a47}.ap-nd-links a.active,.ap-nd-links a.ap-nd-active{color:var(--gold);background:#c8a96a17;border-color:#c8a96a47}.ap-nd-links a.ap-nd-soon{color:#c8beaa40;opacity:.5;pointer-events:none}.ap-nd-div{background:#c8a96a14;height:.5px;margin:.45rem 0}.ap-nav-bell{cursor:pointer;color:#ddd5c873;align-items:center;padding:2px 6px;transition:all .18s;display:inline-flex;position:relative}.ap-nav-bell:hover{color:var(--gold)}.ap-bell-badge{background:var(--gold);color:#060608;font-size:9px;font-family:var(--font-d);border-radius:999px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-weight:700;display:none;position:absolute;top:-2px;right:0}.ap-bell-dropdown{z-index:200;background:#05050af7;border:.5px solid #c8a96a38;border-radius:10px;width:280px;max-height:340px;display:none;position:absolute;top:calc(100% + 8px);right:-40px;overflow-y:auto}.ap-bell-dropdown.open{display:block}.ap-bell-head{border-bottom:.5px solid #c8a96a1f;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ap-bell-head span{font-family:var(--font-d);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim);font-size:9px}.ap-bell-mark-all{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:9px}.ap-bell-list{padding:4px 0}.ap-bell-empty{color:var(--text-dim);text-align:center;padding:16px;font-size:11px}.ap-ticker-bar{z-index:10;width:min(1100px,100% - 2rem);height:22px;margin:.6rem auto 0;position:relative;overflow:hidden}.badges-hero{text-align:center;z-index:2;padding:3rem 1.5rem 1.5rem;position:relative}.badges-hero h1{font-family:var(--font-d);letter-spacing:.08em;color:var(--gold);margin:0 0 6px;font-size:2rem;font-weight:400}.badges-sub{font-family:var(--font-b);color:var(--text-dim);letter-spacing:.04em;font-size:14px;font-style:italic}.badges-summary{text-align:center;margin:0 auto 1.5rem;padding:0 1.5rem}.badges-summary-inner{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#120e1eeb 0%,#0a0814f5 100%);border:.5px solid #c8a96a24;border-top:1px solid #c8a96a47;align-items:center;gap:0;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #c8a96a1a,0 4px 20px #0006}.badges-stat{text-align:center;padding:.85rem 2rem}.badges-stat-val{font-family:var(--font-d);color:var(--gold);font-size:1.2rem}.badges-stat-lbl{font-family:var(--font-d);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-top:2px;font-size:7px}.badges-stat-div{background:#c8a96a1f;align-self:center;width:.5px;height:40px}.badges-tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto 1.5rem;padding:0 1.5rem;display:flex}.badges-tab{font-family:var(--font-d);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:.5px solid #c8a96a24;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:7px;transition:all .18s;display:flex}.badges-tab:hover{color:var(--text-soft);border-color:#c8a96a47}.badges-tab.active{color:var(--gold);background:#c8a96a14;border-color:#c8a96a59}.badges-tab-count{opacity:.6;background:#c8a96a14;border:.5px solid #c8a96a26;border-radius:999px;padding:1px 6px;font-size:9px}.badges-grid{max-width:1000px;margin:0 auto 3rem;padding:0 1.5rem}.badges-grid-inner{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.badge-card{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#120e1ee0 0%,#0a0814f0 100%);border:.5px solid #c8a96a1a;border-top:1px solid #c8a96a33;flex-direction:column;transition:all .22s;display:flex;position:relative;overflow:hidden}.badge-card:hover{border-top-color:#c8a96a66;transform:translateY(-2px);box-shadow:0 8px 28px #00000080}.badge-card.earned{border-top:1px solid var(--cat-colour)}.badge-card.earned:hover{box-shadow:0 8px 28px #00000080, 0 0 20px color-mix(in srgb, var(--cat-colour) 8%, transparent)}.badge-card.locked{opacity:.45;filter:grayscale(.7)}.badge-card.locked:hover{opacity:.6;transform:translateY(-1px)}.badge-card.current:after{content:"CURRENT";font-family:var(--font-d);letter-spacing:.14em;color:#060608;background:var(--gold);border-radius:4px;padding:2px 7px;font-size:6px;position:absolute;top:10px;right:10px}.badge-img-wrap{justify-content:center;align-items:center;width:100px;height:100px;margin:1.2rem auto .8rem;display:flex;position:relative}.badge-img{object-fit:contain;border-radius:50%;width:100%;height:100%}.badge-glyph{width:80px;height:80px;color:var(--cat-colour);opacity:.8;font-size:28px;font-family:var(--font-d);background:#c8a96a0d;border:.5px solid #c8a96a26;border-radius:50%;justify-content:center;align-items:center;display:flex}.badge-card.locked .badge-glyph{opacity:.25;color:var(--text-dim)}.badge-card-body{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0 1rem 1.1rem;display:flex}.badge-title{font-family:var(--font-d);letter-spacing:.04em;color:var(--text);font-size:12px;line-height:1.3}.badge-card.earned .badge-title{color:var(--cat-colour)}.badge-desc{font-family:var(--font-b);color:var(--text-dim);flex:1;font-size:11.5px;font-style:italic;line-height:1.5}.badge-earned-at{font-family:var(--font-d);letter-spacing:.1em;text-transform:uppercase;color:#c8a96a4d;margin-top:2px;font-size:7px}.badge-locked-label{font-family:var(--font-d);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:2px;font-size:7px}.badge-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.badge-title-btn{font-family:var(--font-d);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);cursor:pointer;background:#c8a96a0f;border:.5px solid #c8a96a40;border-radius:999px;padding:5px 12px;font-size:7px;transition:all .18s}.badge-title-btn:hover{background:#c8a96a24;border-color:#c8a96a80}.badge-title-btn.active{border-color:var(--gold);color:var(--gold-bright);background:#c8a96a2e}.badge-showcase-btn{font-family:var(--font-d);letter-spacing:.08em;text-transform:uppercase;color:var(--jade);cursor:pointer;background:#5aaa6a0f;border:.5px solid #5aaa6a40;border-radius:999px;padding:5px 12px;font-size:7px;transition:all .18s}.badge-showcase-btn:hover{background:#5aaa6a24;border-color:#5aaa6a80}.badge-showcase-btn.showcased{border-color:var(--jade);background:#5aaa6a2e}.badges-showcase-bar{text-align:center;font-family:var(--font-d);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-top:.5px solid #c8a96a14;margin-top:1.2rem;padding:.8rem;font-size:7px}.badges-showcase-bar strong{color:var(--gold)}.badges-loading{text-align:center;font-family:var(--font-d);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);padding:5rem 1rem;font-size:10px}.badges-footer{text-align:center;font-family:var(--font-d);letter-spacing:.1em;text-transform:uppercase;color:#c8a96a40;padding:1.5rem 1rem 2.5rem;font-size:7px}@media (max-width:640px){.badges-grid-inner{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.badges-hero h1{font-size:1.6rem}.badges-stat{padding:.7rem 1.2rem}}