.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%}}.medal-mini-art{clip-path:polygon(14% 0,86% 0,100% 13%,100% 82%,50% 100%,0 82%,0 13%);background:radial-gradient(circle at 50% 22%,#2b7f87,#0a333b 67%,#08262d);place-items:center;width:96px;height:110px;padding:4px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #52c9d144,0 10px 20px #0008}.medal-mini-art:after{content:"";clip-path:inherit;pointer-events:none;background:linear-gradient(145deg,#72f8f51c,#0000 38%);position:absolute;inset:1px}.medal-mini-art img{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 10px #000a);width:88px;height:88px;position:relative}.medal-mini-list{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:14px 12px}.medal-mini-list a{overflow-wrap:anywhere;min-width:0}.medal-mini-card,.medal-card{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.medal-mini-card{color:#d3e3e1;text-align:center;overflow-wrap:anywhere;justify-items:center;gap:5px;min-width:0;font-size:11px;display:grid}.medal-mini-card:focus-visible,.medal-card:focus-visible,.medal-detail-close:focus-visible{outline-offset:4px;outline:3px solid #b3f4d7}.medal-card{padding:0}.medal-card-title{margin:3px 0 0;font-size:16px;font-weight:700;line-height:1.4}.medal-detail-backdrop{z-index:110;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010808dd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.medal-detail{background:radial-gradient(circle at 18% 0,#0d5f6255,#0000 38%),#081214;border:1px solid #397a79;border-radius:24px;width:min(590px,100%);max-height:min(780px,100vh - 40px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 100px #000c}.medal-detail-close{color:#dffafa;cursor:pointer;background:#0c1d20;border:1px solid #3a6063;border-radius:50%;width:36px;height:36px;font-size:26px;line-height:1;position:absolute;top:14px;right:16px}.medal-detail-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-right:38px;display:grid}.medal-detail-hero>div{justify-items:center;gap:8px;display:grid}.medal-detail-hero img{object-fit:contain;filter:drop-shadow(0 16px 18px #0009);width:min(152px,100%);height:152px}.medal-detail-next-art{opacity:.78;filter:grayscale(.18)drop-shadow(0 16px 18px #0009)!important}.medal-detail-label,.medal-detail-copy>span{color:#76e9e1;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.medal-detail-copy{text-align:center;margin-top:18px}.medal-detail-copy h2{letter-spacing:-.8px;margin:5px 0 8px;font-size:27px}.medal-detail-copy p{color:#b7cbcd;max-width:48ch;margin:0 auto 14px;line-height:1.55}.medal-detail-copy strong{color:#e1f3f1;font-size:13px}.medal-detail-progress{background:#0b2022;border:1px solid #245154;border-radius:14px;gap:8px;margin-top:24px;padding:16px;display:grid}.medal-detail-progress>div{justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.medal-detail-progress strong{color:#72e7d4;white-space:nowrap}.medal-detail-progress progress{accent-color:#57d9cf;width:100%;height:10px}.medal-detail-progress small{color:#9bb7b9;font-size:12px}.medal-detail-complete{color:#92eadb;background:#0c2424;border:1px solid #2f605d;border-radius:14px;margin:24px 0 0;padding:15px}.medal-detail-history{gap:10px;margin-top:24px;display:grid}.medal-detail-history h3{margin:0 0 2px;font-size:17px}.medal-detail-history>div{align-items:center;gap:14px;display:flex}.medal-detail-history span{color:#d8f3ee;background:#203438;border-radius:999px;place-items:center;min-width:54px;height:38px;padding:0 10px;font-weight:800;display:grid}.medal-detail-history p{color:#c2d4d5;margin:0}.medal-detail-history>div:last-child p{color:#77e5dd}@media (max-width:540px){.medal-detail{padding:24px 18px}.medal-detail-hero{gap:8px}.medal-detail-hero img{height:118px}.medal-detail-progress>div{gap:4px;display:grid}.medal-detail-progress strong{white-space:normal}.medal-detail-copy h2{font-size:23px}}.medal-detail-hero:has(>div:only-child){grid-template-columns:1fr;padding-right:0}.overview-row{align-items:stretch}.overview-row>.v3-panel{min-height:218px;padding:20px}.overview-row .mission-summary .mission-list{max-height:118px;margin:12px 0 0;overflow:auto}.overview-row .mission-summary .mission-list li{gap:10px;padding:8px 0}.overview-row .mission-summary .mission-list p{display:none}.overview-row .mission-summary .mission-check span{font-size:11px}.overview-row .medal-mini-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.overview-row .medal-mini-art{width:min(64px,100%);height:76px}.overview-row .medal-mini-art img{width:60px;height:60px}.overview-row .medal-mini-card{font-size:10px;line-height:1.25}@media (max-width:500px){.overview-row .medal-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-row>.v3-panel{min-height:0}}