.medals-page{gap:26px;max-width:1120px;margin:0 auto;display:grid}.medals-page header h1{letter-spacing:-1.3px;margin:0 0 8px;font-size:clamp(28px,4vw,42px)}.medals-page header p{color:#becdce;max-width:65ch}.medals-page small{color:#a1b7bb}.medal-collection-count{border-bottom:1px solid #284145;align-items:baseline;gap:14px;padding-bottom:20px;display:flex}.medal-collection-count strong{color:#69e2d0;font-size:44px}.medal-filters{flex-wrap:wrap;gap:8px;display:flex}.medal-filters button{color:#cbd7d8;cursor:pointer;background:0 0;border:1px solid #385257;border-radius:24px;padding:9px 15px}.medal-filters button[aria-pressed=true]{color:#09261f;background:#b4f1d9;border-color:#b4f1d9}.medal-earned-toggle{align-items:center;gap:10px;display:flex!important}.medal-earned-toggle input{accent-color:#67d9c4;height:18px;width:18px!important}.medal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;display:grid}.medal-card{text-align:center;flex-direction:column;align-items:center;gap:9px;min-width:0;display:flex}.medal-ribbon{clip-path:polygon(0 0,100% 0,100% 87%,50% 100%,0 87%);background:linear-gradient(160deg,#273b3d,#132225);border-radius:22px 22px 0 0;flex-direction:column;align-items:center;width:164px;height:201px;padding:8px 8px 18px;display:flex}.medal-ribbon img{object-fit:contain;width:140px;height:140px}.medal-ribbon span{color:#f0e5bc;background:#0b171a;border-radius:30px;padding:3px 13px;font-size:18px;font-weight:800}.medal-card.locked .medal-ribbon img,.medal-mini-list .locked img{filter:grayscale();opacity:.35}.medal-card h3{margin:3px 0 0;font-size:16px;line-height:1.4}.medal-card p{color:#9fb5b9;max-width:28ch;margin:0;font-size:12px;line-height:1.5}.medal-card small{font-size:11px}.medal-card progress{accent-color:#5bddbd;border:none;width:85px;height:6px}.medal-card a{color:#66d9ca;font-size:12px}.medal-mini-list{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.medal-mini-list a{color:#d3e3e1;text-align:center;justify-items:center;gap:5px;font-size:11px;display:grid}.medal-celebration{z-index:90;color:#effff8;background:#173b32;border:1px solid #88ceb1;border-radius:18px;align-items:center;gap:12px;width:calc(100% - 48px);max-width:440px;padding:14px;animation:.35s ease-out medal-arrive;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 50px #0007}.medal-celebration p{margin:5px 0;font-size:13px}.medal-celebration a{color:#a1f6d5;font-size:13px;text-decoration:underline}.medal-celebration button{color:#fff;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 5px;font-size:24px}.medal-admin-form{background:#112125;border:1px solid #2b4349;border-radius:18px;gap:18px;padding:24px;display:grid}.medal-admin-form label{gap:7px;font-size:13px;display:grid}.medal-admin-form input,.medal-admin-form select,.medal-admin-form textarea{color:#eef8f7;background:#0a181b;border:1px solid #385358;border-radius:8px;width:100%;padding:10px}.medal-admin-form fieldset{border:1px solid #365157;border-radius:10px;grid-template-columns:1fr 1fr;gap:18px;padding:16px;display:grid}.medal-admin-form fieldset:disabled{opacity:.7}.medal-admin-form fieldset p{color:#b2c9cc;grid-column:1/-1;font-size:12px}.medal-art-picker{flex-wrap:wrap;gap:8px;display:flex}.medal-art-picker button{cursor:pointer;background:#172d31;border:1px solid #345459;border-radius:12px;padding:4px}.medal-art-picker button[aria-pressed=true]{border:2px solid #98e6bf}.medal-admin-list{gap:10px;display:grid}.medal-admin-list article{border-bottom:1px solid #2b4548;align-items:center;gap:16px;padding:12px 0;display:flex}.medal-admin-list article>div{flex:1}.medal-admin-list p{color:#9db9bf;font-size:12px}.medal-admin-list article>button{cursor:pointer}.medal-admin-form h2{margin:0}.medals-page button:focus-visible,.medals-page a:focus-visible,.medal-celebration button:focus-visible{outline-offset:4px;outline:3px solid #b3f4d7}@keyframes medal-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.medal-celebration{animation:none}}@media (max-width:800px){.medal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 12px}.medal-ribbon{width:135px;height:177px}.medal-ribbon img{width:120px;height:120px}}@media (max-width:540px){.medal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.medal-admin-form{padding:16px}.medal-admin-form fieldset{grid-template-columns:1fr}.medal-admin-list article{flex-wrap:wrap}.medal-mini-list{grid-template-columns:repeat(2,1fr)}.medal-celebration{width:calc(100% - 24px);bottom:12px;right:12px}}