.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-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 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%);isolation:isolate;background:linear-gradient(160deg,#1c3034,#0e1a1e);border:1px solid #32565b;border-radius:22px 22px 0 0;place-items:center;width:164px;height:190px;padding:8px;display:grid}.medal-ribbon img{object-fit:contain;filter:drop-shadow(0 15px 16px #0009);width:144px;height:144px}.medal-card h3{margin:3px 0 0;font-size:16px;line-height:1.4}.medal-card small{font-size:11px}.rarity-crystal .medal-ribbon{background:linear-gradient(145deg,#dffcff26,#3e768655)}.rarity-obsidian .medal-ribbon{background:linear-gradient(145deg,#101314,#083f4355);border-color:#0b898f}.rarity-titanium .medal-ribbon{background:linear-gradient(145deg,#767d80,#162326)}.rarity-holographic .medal-ribbon{background:linear-gradient(145deg,#7658ab66,#1ccfd455,#f38bbd35)}.rarity-liquid_glass .medal-ribbon{background:linear-gradient(145deg,#31e0dd55,#0b496155)}.rarity-black_diamond .medal-ribbon{background:linear-gradient(145deg,#090a0c,#2e292088);border-color:#c8a661}.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-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}.medal-unlock-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010808dd;place-items:center;padding:20px;animation:.28s ease-out medal-backdrop;display:grid;position:fixed;inset:0}.medal-unlock{text-align:center;background:radial-gradient(circle at 50% 25%,#0d5555,#071316 68%);border:1px solid #3bbfb8;border-radius:28px;justify-items:center;gap:12px;width:min(430px,100%);padding:34px 30px 30px;animation:.5s cubic-bezier(.16,1,.3,1) medal-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #000c}.medal-unlock>:not(.medal-unlock-glow){z-index:1;position:relative}.medal-unlock-glow{filter:blur(45px);background:#3fe6d955;border-radius:50%;width:320px;height:320px;animation:1.8s ease-in-out infinite medal-pulse;position:absolute;top:55px}.medal-unlock>p{text-transform:uppercase;letter-spacing:.14em;color:#8fe8df;margin:0;font-size:11px}.medal-unlock img{filter:drop-shadow(0 20px 24px #0009);width:min(240px,60vw);height:auto;animation:.75s cubic-bezier(.16,1,.3,1) medal-orbit}.medal-unlock h2{letter-spacing:-1px;margin:0;font-size:clamp(25px,6vw,34px)}.medal-unlock>span{color:#e1f6f1;font-size:14px}.medal-unlock>small{color:#9ddbd2}.medal-unlock>div:last-child{justify-content:center;gap:10px;margin-top:8px;display:flex}.medal-unlock.rarity-obsidian{border-color:#1bd8d6}.medal-unlock.rarity-titanium{background:radial-gradient(circle at 50% 25%,#37464b,#071316 68%);border-color:#aebfc1}.medal-unlock.rarity-holographic{background:radial-gradient(circle at 50% 25%,#51416f,#081316 68%);border-color:#d4a4ff}.medal-unlock.rarity-liquid_glass{border-color:#50efe8}.medal-unlock.rarity-black_diamond{background:radial-gradient(circle at 50% 25%,#24221f,#060809 68%);border-color:#c7a361}.medals-page button:focus-visible,.medals-page a:focus-visible,.medal-unlock button:focus-visible,.medal-unlock a:focus-visible{outline-offset:4px;outline:3px solid #b3f4d7}@keyframes medal-backdrop{0%{opacity:0}to{opacity:1}}@keyframes medal-rise{0%{opacity:0;transform:scale(.82)translateY(26px)}to{opacity:1;transform:none}}@keyframes medal-orbit{0%{opacity:0;transform:scale(.55)rotate(-18deg)}to{opacity:1;transform:none}}@keyframes medal-pulse{50%{opacity:.65;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.medal-unlock-backdrop,.medal-unlock,.medal-unlock img,.medal-unlock-glow{animation:none}}@media (max-width:800px){.medal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 12px}.medal-ribbon{width:135px;height:166px}.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-unlock{padding:28px 20px 24px}.medal-unlock>div:last-child{flex-direction:column;width:100%}.medal-unlock .button{width:100%}}