.medal-catalog{max-width:1100px;margin:auto}.medal-catalog__heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.medal-catalog__heading h2{font-size:clamp(20px,3vw,28px);line-height:1.5;margin:4px 0 16px}.medal-catalog__heading>a{white-space:nowrap}.medal-catalog__stage{position:relative;height:clamp(320px,60vh,560px);background:radial-gradient(ellipse at 50% 35%,#faf5e9,#e4eae5 75%);border:1px solid #00775e20;border-radius:24px;overflow:hidden}.medal-catalog__stage canvas{width:100%;height:100%;touch-action:none;outline-offset:-4px}.medal-catalog__status{position:absolute;left:24px;right:24px;top:24px;text-align:center;color:#345d50;pointer-events:none}.medal-catalog__status[hidden]{display:none}.medal-catalog__sliders{display:flex;gap:24px;margin:20px 0}.medal-catalog__sliders label{display:flex;align-items:center;gap:12px;flex:1}.medal-catalog__sliders input{min-width:60px;width:100%;accent-color:#00775e}.medal-catalog__details{padding:14px;border-radius:12px;background:#00775e0a;margin:16px 0 28px}.medal-catalog__details summary{cursor:pointer}.medal-catalog__details p{line-height:1.7}.medal-catalog__filter{display:flex;gap:12px;align-items:center;margin:16px 0}.medal-catalog__filter input{flex:1;min-width:0;background:var(--surface,#f1f4f2);color:inherit;border:1px solid #8884;border-radius:12px;padding:12px;font:inherit}.medal-catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px;margin:16px 0 32px}.medal-catalog__card{display:flex;flex-direction:column;padding:12px;border:1px solid #00775e22;border-radius:16px;color:inherit;text-decoration:none;background:#00775e06;gap:10px}.medal-catalog__card[hidden]{display:none}.medal-catalog__card img{width:100%;height:145px;object-fit:contain;filter:drop-shadow(0 6px 6px #0002)}.medal-catalog__card span{line-height:1.6;font-size:14px}.medal-catalog__card.is-selected{border-color:#00775e;background:#00775e15;box-shadow:0 0 0 1px #00775e}.medal-catalog__fallback{display:flex;width:100%;height:100%;align-items:center}.medal-catalog__fallback img{width:50%;height:80%;object-fit:contain}.medal-tile__model{display:inline-block;margin:8px 0;color:#ffeab8;font-size:13px;text-decoration:underline;text-underline-offset:4px}@media(max-width:480px){.medal-catalog__heading{display:block}.medal-catalog__heading>a{margin-bottom:16px}.medal-catalog__sliders{gap:16px;flex-direction:column}.medal-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.medal-catalog__card img{height:132px}}@media(prefers-color-scheme:dark){.medal-catalog__stage{background:radial-gradient(ellipse at 50% 35%,#33463d,#0b1511 85%)}.medal-catalog__status{color:#d5e7df}.medal-catalog__card{background:#ffffff07;border-color:#6dac8b44}.medal-catalog__card.is-selected{border-color:#7fceb2;background:#7fceb211}.medal-catalog__filter input{background:#17271f}.medal-catalog__details{background:#ffffff08}}
.medal-catalog__sliders label{white-space:nowrap}.medal-catalog__sliders input{width:auto;flex:1;min-width:0}