*{overscroll-behavior:none;box-sizing:border-box;margin:0;padding:0;line-height:1.4;text-decoration:none;list-style:none}:root{--bg-dark:#1a1612;--bg-card:#2d261f;--bg-card-hover:#3d342a;--bg-input:#1f1a15;--gold:#f5c518;--gold-dark:#b8940f;--gold-light:#ffe066;--green:#4ade80;--green-dark:#22c55e;--red:#ef4444;--red-light:#fca5a5;--red-bg:#ef444426;--grey:#6b6b6b;--grey-light:#9ca3af;--grey-disabled:#ffffff4d;--grey-bg:#6b6b6b33;--white:#fff;--white-soft:#ffffffe6;--white-muted:#fff9;--border:#ffffff1a;--border-gold:#f5c5184d;--shadow:0 4px 12px #0006;--shadow-gold:0 0 20px #f5c51833;--rarity-common:#60a5fa;--rarity-common-border:#60a5fa73;--rarity-epic:#c084fc;--rarity-epic-border:#c084fc80;--radius:12px;--radius-sm:8px;--font-display:"Lilita One",cursive;--font-body:"Nunito",sans-serif}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:62.5%}a{color:inherit;text-decoration:none}body{background-color:var(--bg-dark);min-height:100dvh;color:var(--white);font-size:1.6rem;font-family:var(--font-body)}input[type=number]::-webkit-inner-spin-button{appearance:none}input[type=number]::-webkit-outer-spin-button{appearance:none}input[type=number]{appearance:textfield}
.custom-scroll{--scrollbar-size:8px;--scrollbar-radius:999px;--scrollbar-thumb-border:2px;--scrollbar-track-color:var(--bg-input,#00000040);--scrollbar-thumb-color:var(--gold-dark,#8c8c8c8c);--scrollbar-thumb-hover-color:var(--gold,#a0a0a0bf);--scrollbar-thumb-active-color:var(--gold-light,#b4b4b4e6);--scrollbar-corner-color:var(--scrollbar-track-color);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color)var(--scrollbar-track-color);scrollbar-gutter:stable;forced-color-adjust:auto}.custom-scroll:hover{scrollbar-color:var(--scrollbar-thumb-hover-color)var(--scrollbar-track-color)}.custom-scroll:active{scrollbar-color:var(--scrollbar-thumb-active-color)var(--scrollbar-track-color)}.custom-scroll::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.custom-scroll::-webkit-scrollbar-track{border-radius:var(--scrollbar-radius);background:var(--scrollbar-track-color)}.custom-scroll::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-radius);background-color:var(--scrollbar-thumb-color);border:var(--scrollbar-thumb-border)solid var(--scrollbar-track-color);background-clip:padding-box}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}.custom-scroll::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active-color)}.custom-scroll::-webkit-scrollbar-corner{background:var(--scrollbar-corner-color)}@media (forced-colors:active){.custom-scroll{scrollbar-width:auto;scrollbar-color:auto}}
.app{background:linear-gradient(#1a1612 0%,#0f0d0a 100%);flex-flow:column;gap:2rem;min-height:100dvh;padding:1.6rem 1.6rem 2.4rem;display:flex}.header{text-align:center;padding:1.2rem 0}.header.long{justify-content:center;align-items:center;display:flex;position:relative}.title{color:var(--gold);font-size:2.4rem;font-family:var(--font-display);letter-spacing:.5px;text-shadow:2px 2px 4px #00000080}.subtitle{color:var(--white-muted);text-transform:uppercase;letter-spacing:2px;margin-top:.4rem;font-size:1.2rem;font-weight:600}.main{flex-flow:column;gap:2rem;display:flex}.section-title{color:var(--white);font-size:1.8rem;font-family:var(--font-display);margin-bottom:1.2rem}.medal-type-toggle{flex-flow:row;align-items:stretch;gap:.8rem;max-width:42rem;margin:1.2rem auto 0;display:flex}.medal-type-bttn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;color:var(--white-muted);font-size:1.1rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;flex:1;justify-content:center;align-items:center;padding:1rem 1.2rem;font-weight:800;transition:all .2s;display:flex}.medal-type-bttn.active{border-color:var(--gold);box-shadow:var(--shadow-gold);color:var(--gold-light);background:#f5c5181f}.back-bttn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;color:var(--gold);font-size:1.2rem;font-family:var(--font-body);flex-flow:row;align-items:center;gap:.6rem;padding:.8rem 1.2rem;font-weight:800;transition:all .2s;display:flex;position:absolute;left:0}@media screen and (min-width:768px){.app{max-width:80rem;margin:0 auto;padding:2.4rem 4rem}.title{font-size:3.2rem}.subtitle{font-size:1.4rem}}@media screen and (min-width:1024px){.app{gap:2.4rem;max-width:100rem;padding:3.2rem 6rem}.title{font-size:4rem}}@media (hover:hover){.medal-type-bttn:hover:not(.active){border-color:var(--gold-dark);background:var(--bg-card-hover);color:var(--white-soft)}.back-bttn:hover{border-color:var(--gold);color:var(--gold-light);background:#f5c5181f}}.medal-type-bttn:active,.back-bttn:active{transform:scale(.98)}