@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap";:root{font-family:Open Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#0d0d11;color:#fff;margin:0}.page{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:stretch}:root{--tiny-hightlight: #e4e6ff0c;--main-text-color: #e1e0ff54;--hover-text-color: #acacb8}.navbar{height:64px;background:#000c;border-bottom:1px solid #e4e6ff13;display:flex;align-items:center;padding:0 24px}.navbar-name{font-family:Cinzel,system-ui,sans-serif;font-size:1.8em;padding:8px}.navbar img{height:48px}.navbar-user{display:flex;align-items:center;gap:12px}.login-button{padding:6px 14px;border-radius:6px;background:#5865f2;color:#fff;text-decoration:none;font-size:13px;transition:opacity .2s ease}.login-button:hover{opacity:.85}.logout-button{background:transparent;border:1px solid #ffffff30;color:#fff;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;transition:background .2s ease}.logout-button:hover{background:#ffffff10}.user-profile{display:flex;align-items:center;gap:8px;font-size:13px}.user-profile img{width:28px;height:28px;border-radius:50%}.filter-bar{background-color:var(--tiny-hightlight);border-radius:1rem;border:1px solid var(--tiny-hightlight);width:max-content;margin-top:32px;padding:5px}.filter-tabs{display:flex;align-items:center}.filter-tabs button{background-color:#0000;border-radius:1rem;color:var(--main-text-color);border:none;padding:8px;text-transform:uppercase;font-family:Open Sans,sans-serif;font-size:.7em;font-weight:700;transition:ease-in-out .2s}.filter-tabs button:hover{color:var(--hover-text-color);cursor:pointer}.filter-tabs button:focus{background-color:var(--tiny-hightlight);color:#fff}.filter-tabs button.active{background:#27262c;color:#fff}.badge-grid{display:grid;margin-top:32px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;width:100%}.badge-card{background:linear-gradient(155deg,#0f1016,#050506);border-radius:1rem;padding:32px;border:1px solid #161616;display:flex;flex-direction:column;align-items:center;gap:0;max-width:220px;height:280px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.badge-card.locked{opacity:.4;filter:grayscale(100%);filter:brightness(50%);pointer-events:none}.badge-card:hover{transform:translateY(-4px);border-color:#d8e9ff66;box-shadow:0 10px 30px #c5d9ff26;cursor:pointer}.badge-card:after{content:"";position:absolute;top:-50%;left:-150%;width:60%;height:200%;background:linear-gradient(120deg,transparent,#ffffff0a,transparent);transform:skew(-20deg);filter:blur(48px);transition:left 1s ease}.badge-card:hover:after{left:150%}.badge-card:hover .badge-icon{transform:rotate(1440deg)}.badge-card:hover .badge-description{color:#fff}.badge-icon{font-size:32px;margin-bottom:16px;transition:transform .7s ease}.badge-rarity{display:flex;align-items:center}.badge-rarity-tag{font-size:12px;background-color:#000;border-radius:1rem;border:1px solid #fff;text-transform:uppercase;letter-spacing:.4em;font-size:.5em;color:#7b7881;padding:4px 8px;width:max-content;font-weight:700;font-family:Montserrat,sans-serif}.badge-title{margin-top:4px;margin-bottom:0;text-align:center}.badge-description{flex-grow:1}.badge-description,.badge-mission{font-size:14px;color:var(--main-text-color);text-align:center;transition:ease-in-out .2s}.badge-mission{margin-top:4px;font-style:italic}.badge-footer{width:100%;display:flex;flex-direction:row;justify-content:space-between;font-size:12px;color:var(--main-text-color);padding-top:32px;border-top:1px solid #e4e6ff13;margin-top:auto;font-family:Courier New,Courier,monospace}.badge-category{text-transform:uppercase}.badge-card.rarity-standard{background:linear-gradient(#0f1016,#050607);border:1px solid #161616}.badge-card.rarity-specialiserad{background:linear-gradient(#091b15,#050607);border:1px solid #094231}.badge-card.rarity-sällsynt{background:linear-gradient(#0a1920,#050607);border:1px solid #093b52}.badge-card.rarity-mästare{background:linear-gradient(#171321,#050607);border:1px solid #332356}.badge-card.rarity-legend{background:linear-gradient(#20180b,#050607);border:1px solid #553909}.badge-card.rarity-standard:hover{box-shadow:0 10px 30px #161616}.badge-card.rarity-specialiserad:hover{box-shadow:0 10px 30px #094231}.badge-card.rarity-sällsynt:hover{box-shadow:0 10px 30px #093b52}.badge-card.rarity-mästare:hover{box-shadow:0 10px 30px #332356}.badge-card.rarity-legend:hover{box-shadow:0 10px 30px #553909}.badge-rarity-tag.rarity-standard{color:#9ca3af}.badge-rarity-tag.rarity-specialiserad{color:#4ddb71}.badge-rarity-tag.rarity-sällsynt{color:#38bdf8}.badge-rarity-tag.rarity-mästare{color:#9458cf}.badge-rarity-tag.rarity-legend{color:#faaa15}.footer{background:#000c;border-top:1px solid #e4e6ff13;padding:24px;margin-top:32px;display:flex;justify-content:space-between;align-items:center;font-size:16px}.footer-left{display:flex;gap:8px;align-items:center;color:var(--main-text-color)}.footer-divider{color:var(--main-text-color)}.footer-right{display:flex;gap:16px}.footer a{color:var(--main-text-color);text-decoration:none;transition:.2s ease-in-out}.footer a:hover{color:#fff}