.rarity-comum{--badge-accent:#a9c1b4;--badge-glow:#a9c1b42a}.rarity-raro{--badge-accent:#61b8e8;--badge-glow:#61b8e828}.rarity-epico{--badge-accent:#c09be8;--badge-glow:#c09be82a}.rarity-lendario{--badge-accent:#f3c869;--badge-glow:#f3c86930}.rarity-platina{--badge-accent:#a8ede0;--badge-glow:#a8ede040}
.badge-medallion{display:grid;place-items:center;width:150px;aspect-ratio:1;border:1px solid var(--badge-accent,#d8c596);border-radius:50%;margin:20px auto;background:radial-gradient(circle,var(--badge-glow,#f9eecf),transparent 72%);box-shadow:0 0 24px var(--badge-glow,#f9eecf)}.badge-medallion img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 5px 5px #13332925)}
.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.collection-heading h2{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.1;margin:10px 0}.collection-total{text-align:right;white-space:nowrap}.collection-total>strong{display:block;font-size:2.6rem;color:#21594c}.collection-total strong span{font-size:1.2rem;font-weight:600;color:#6a7d70}.collection-total>span{font-size:.78rem}.collection-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.collection-filters button{border:1px solid #cfdacf;border-radius:24px;padding:9px 16px;background:#fff;color:#204838;font-weight:800;min-height:44px}.collection-filters button[aria-pressed=true]{background:#21594c;color:#fff;border-color:#21594c}.collection-filter-status{font-size:.8rem;min-height:1.3em;margin:10px 0}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.achievement-card{display:flex;flex-direction:column;position:relative;padding:20px;border:1px solid #d9e2d6;border-radius:16px;background:linear-gradient(155deg,#fffef9,#f4f7ec);color:#183e32}.achievement-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.achievement-card .badge-medallion{width:120px;margin:24px auto 18px}.achievement-state{color:#3b6851}.achievement-category{font-size:.61rem;letter-spacing:.07em;font-weight:900;text-transform:uppercase;color:#6b7c6d}.achievement-card h3{font-size:1.15rem;line-height:1.2;margin:8px 0 10px}.achievement-card>p{font-size:.78rem;line-height:1.6;margin:0 0 15px}.achievement-card.is-earned{border-color:var(--badge-accent);box-shadow:inset 0 2px var(--badge-accent)}.achievement-card.is-locked .badge-medallion{box-shadow:none;background:#e9ede4;border-color:#d4dacf}.achievement-card.is-locked .badge-medallion img{filter:grayscale(1);opacity:.48}.achievement-card.is-locked .achievement-state{color:#758173}.achievement-progress{margin-top:auto}.achievement-progress label{display:flex;justify-content:space-between;font-size:.69rem;font-weight:800}.achievement-progress progress{display:block;width:100%;height:6px;border:0;border-radius:12px;margin-top:7px;accent-color:#2d7253;overflow:hidden}.achievement-progress progress::-webkit-progress-bar{background:#dce5d8}.achievement-progress progress::-webkit-progress-value{background:#2d7253;border-radius:12px}.achievement-earned-date{margin-top:auto!important;color:#437057}.achievement-points{font-size:.7rem;font-weight:900}
.achievement-toast{--badge-accent:#f3c869;position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:1900;display:grid;grid-template-columns:66px 1fr 30px;gap:6px 12px;width:min(410px,calc(100vw - 32px));padding:18px 14px 14px 16px;color:#f5f8f4;background:linear-gradient(125deg,#172b29,#0d191c 75%);border:1px solid #49625c;border-radius:18px;box-shadow:0 18px 55px #0005,0 0 0 1px #ffffff08 inset;animation:achievement-arrive .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.achievement-toast::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--badge-accent);border-radius:18px 0 0 18px}.achievement-toast-emblem{grid-row:1/3;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#eec97116;box-shadow:0 0 25px var(--badge-glow,#eec97124)}.achievement-toast-emblem img{width:64px;height:64px;object-fit:contain}.achievement-toast-copy{min-width:0;align-self:center}.achievement-toast-kicker{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.14em;color:#c5d3cd;font-weight:800;margin-bottom:4px}.achievement-toast-title{display:block;font-family:"Nunito Sans",sans-serif;font-size:16px;line-height:1.25;color:#fff;overflow-wrap:anywhere}.achievement-toast-detail{display:block;font-size:11px;margin-top:5px;color:var(--badge-accent)}.achievement-toast-close{pointer-events:auto;align-self:start;display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:50%;color:#b6c9c0;background:#ffffff0a;font-size:21px;cursor:pointer}.achievement-toast-link{pointer-events:auto;grid-column:2/4;justify-self:start;display:inline-flex;gap:6px;align-items:center;font-family:"Nunito Sans",sans-serif;font-size:11px;font-weight:800;color:#dfebdf;min-height:24px}.achievement-toast-link:hover{color:#fff}.achievement-toast.is-leaving{opacity:0;transform:translateY(14px);transition:opacity .2s,transform .2s}.achievement-toast[hidden]{display:none!important}.has-mobile-ticket .achievement-toast{bottom:110px}
.badge-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.badge-filters>div{flex:1;min-width:170px}.badge-filters label{display:block;font-size:.8rem;font-weight:700;margin-bottom:6px}.badge-filters input,.badge-filters select{width:100%;padding:10px;border:1px solid #d6dde7;border-radius:7px;background:#fff}.cms-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.cms-badge-card{border:1px solid #dce2ea;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.cms-badge-art{display:flex;align-items:center;justify-content:center;gap:16px;background:#f4f6f8;padding:20px}.cms-badge-art img{object-fit:contain;width:88px;height:88px}.cms-badge-art>span{font-size:.72rem;font-weight:700;color:#526071}.cms-badge-content{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1}.cms-badge-meta{display:flex;justify-content:space-between;font-size:.69rem;color:#748094;font-weight:700}.badge-status{background:#f0f2f5;padding:3px 7px;border-radius:5px}.badge-status.is-published{color:#215e43;background:#e1f2e6}.cms-badge-content h2{font-family:inherit!important;font-size:1.05rem!important;line-height:1.3;margin:0!important;color:#1c2b40}.cms-badge-content p{font-size:.79rem;line-height:1.6;margin:0;color:#5d6878}.cms-badge-category{font-weight:700;color:#7a8797!important}.cms-badge-content .btn{align-self:start;margin-top:auto}.badge-dependency{font-size:.73rem!important;padding:10px;background:#fff6e2;border-radius:6px;color:#795e27!important}.badge-editor-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:40px}.badge-editor-fields{display:grid;gap:20px}.badge-editor .field>input,.badge-editor .field>select,.badge-editor .field>textarea{width:100%}.badge-editor .field>label{display:block;font-weight:700;font-size:.8rem;margin-bottom:6px}.badge-editor small{display:block;line-height:1.6;color:#718094;font-size:.74rem}.badge-editor-preview{position:sticky;top:30px;align-self:start;text-align:center;background:#f5f7fa;border:1px solid #e0e5ec;border-radius:12px;padding:26px 20px;display:grid;gap:12px}.badge-editor-preview h2{font-family:inherit!important;font-size:1.2rem!important;margin:0}.badge-editor-preview p{font-size:.82rem;line-height:1.6;color:#687689}.badge-editor-preview .badge-medallion{margin:10px auto}.badge-image-field{padding:18px;border:1px dashed #b5c3d3;border-radius:10px;display:grid;gap:12px}.badge-image-field legend{float:none;width:auto;font-size:.9rem;font-weight:800;padding:0 7px}.badge-image-field p{font-size:.75rem;color:#718094}.badge-image-field>input{width:100%}.badge-manual h2{font-family:inherit;font-size:1.25rem}.badge-exploration{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.badge-easter-egg{background:transparent;border:0;min-width:44px;min-height:44px;color:#3c8f65;cursor:pointer}.badge-hidden-ball{opacity:.05}.badge-hidden-ball:focus-visible{opacity:1}.alola-skull-flash{position:fixed;inset:0;z-index:1700;display:grid;place-items:center;pointer-events:none;color:#fce4f7;background:#220c3288;font-size:clamp(2rem,8vw,5rem);font-weight:900;animation:skull-flash 1.4s both}.badge-easter-message{font-size:.8rem;color:#295b44}
@keyframes achievement-arrive{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}@keyframes skull-flash{0%,100%{opacity:0}25%,70%{opacity:1}}@media(min-width:961px){.has-mobile-ticket .achievement-toast{bottom:24px}}@media(max-width:1100px){.cms-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-editor-columns{grid-template-columns:minmax(0,1fr) 235px}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.collection-heading{align-items:start;flex-direction:column}.collection-total{text-align:left}.achievement-grid,.cms-badge-grid{grid-template-columns:1fr}.badge-editor-columns{display:flex;flex-direction:column-reverse}.badge-editor-preview{position:static}.achievement-toast{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.badge-filters{align-items:stretch}}@media(prefers-reduced-motion:reduce){.achievement-toast,.alola-skull-flash{animation:none}.achievement-toast.is-leaving{transform:none;transition:none}.alola-skull-flash{display:none}}
/* Collection navigation: controls remain readable and keyboard accessible at every width. */
.collection-overall{display:block;width:100%;height:9px;margin:1.2rem 0;accent-color:#21594c}.collection-tools{border-block:1px solid #d9e2d6;padding:0 0 1rem;margin:1.5rem 0}.collection-filters{margin-top:1rem}.collection-filters button span{font-size:.75rem;font-weight:600;margin-left:.35rem;opacity:.85}.collection-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.3rem}.collection-controls .collection-search{grid-column:1/-1}.collection-controls label,.collection-page-size label{display:block;font-size:.8rem;font-weight:800;color:#204838;margin-bottom:.4rem}.collection-controls input,.collection-controls select,.collection-page-size select{font:inherit;background:#fff;color:#183e32;border:1px solid #8b9f8d;border-radius:9px;padding:11px 12px;width:100%;min-height:46px;min-width:0}.collection-results-bar{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-top:.9rem}.collection-filter-status{font-size:.85rem;margin:0}.collection-results-bar button{white-space:nowrap;min-height:44px}.collection-empty{border:1px dashed #9db5a0;border-radius:14px;text-align:center;padding:2.5rem 1rem;background:#f0f5eb}.collection-empty h3{font-size:1.3rem}.achievement-code{font-size:.72rem;color:#516b5c;letter-spacing:.06em;font-weight:800;margin:-.25rem 0 .6rem}.achievement-availability{margin-top:.8rem;color:#655628;line-height:1.5}.collection-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;border-top:1px solid #d9e2d6;padding-top:1.4rem;margin-top:1.6rem}.collection-page-buttons,.collection-page-numbers{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.collection-page-buttons button{font:inherit;font-size:.85rem;font-weight:800;border:1px solid #a1b69f;border-radius:9px;min-height:44px;min-width:44px;background:#fff;color:#204838;padding:.5rem .65rem;cursor:pointer}.collection-page-buttons button[aria-current=page]{background:#21594c;color:#fff;border-color:#21594c}.collection-page-buttons button:disabled,.collection-results-bar button:disabled{opacity:.5;cursor:default}.collection-page-size{display:flex;gap:.6rem;align-items:center}.collection-page-size label{margin:0;white-space:nowrap}.collection-page-size select{width:auto;font-size:.85rem}.collection-footnote{font-size:.8rem;color:#536a59;margin-top:1.3rem;line-height:1.6}.achievement-grid{scroll-margin-top:130px}.achievement-collection input:focus-visible,.achievement-collection select:focus-visible,.achievement-collection button:focus-visible,.achievement-grid:focus-visible{outline:3px solid #a96714;outline-offset:3px}.achievement-grid:focus-visible{border-radius:14px}@media(max-width:650px){.collection-controls{grid-template-columns:1fr}.collection-results-bar{align-items:flex-start;flex-direction:column;gap:.2rem}.collection-pagination{flex-direction:column;align-items:stretch}.collection-page-buttons{justify-content:center}.collection-page-numbers{gap:.25rem}.collection-page-buttons button{padding:.5rem;font-size:.8rem}.collection-page-size{justify-content:center}.collection-empty{padding:1.5rem 1rem}}@media(max-width:370px){.collection-page-buttons{gap:.2rem}.collection-page-numbers{gap:.1rem}.collection-page-buttons button{min-width:40px}}