/* 대수 순위 보상(js/asm-rewards.js): 보상 안내 칸 · 받은 결과 창 · 명예의 전당 · 칭호. 1위 인주 색(.st-s<대수>)도 여기 */
.asm-rw { margin: 10px 0; padding: 10px 12px; border-radius: 14px; border: 1px solid color-mix(in srgb, #5FA8DA 55%, var(--line)); background: linear-gradient(135deg, color-mix(in srgb, #7FC3EC 16%, var(--card)), var(--card) 60%); }
.asm-rw summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; cursor: pointer; list-style: none; font: var(--hw) 15px var(--head); }
.asm-rw summary::-webkit-details-marker { display: none; }
.asm-rw summary small { margin-left: auto; font: 700 12px var(--body); color: var(--muted); }
.asm-rw-k { white-space: nowrap; font: 800 10px var(--body); letter-spacing: .04em; color: #fff; background: #2F6F9F; padding: 2px 6px; border-radius: 4px; }
.asm-rw ol { list-style: none; margin: 10px 0 6px; padding: 0; display: grid; gap: 5px; }
.asm-rw li { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 10px; background: color-mix(in srgb, var(--card) 70%, transparent); font-size: 13px; }
.asm-rw li.me { outline: 2px solid #2F7FD1; }
.asm-rw li span { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
.asm-rw li i { font-style: normal; font-weight: 700; color: var(--gc); }
.asm-rw li em { font-style: normal; font-weight: 800; color: var(--muted); white-space: nowrap; }
.asm-rw-res { text-align: center; }
.asm-rw-rank b { display: block; font: 900 44px var(--head); line-height: 1.1; }
.asm-rw-rank small { color: var(--muted); }
.asm-rw-tier { margin: 12px 0 6px; font-weight: 800; }
.asm-rw-got { list-style: none; margin: 0 auto 8px; padding: 0; display: grid; gap: 6px; max-width: 320px; }
.asm-rw-got li { padding: 8px 10px; border-radius: 10px; border: 2px solid var(--gc, var(--line)); font-weight: 700; }
.asm-rw-got li em { font-style: normal; font-size: 11px; color: var(--gc); margin-right: 6px; }
.asm-rw-got li.fund { border-color: #F2C744; }
.asm-ttl { font: 800 10px var(--body); color: #3B2208; background: linear-gradient(#FFE58A, #D9A62E); padding: 1px 5px; border-radius: 4px; vertical-align: 1px; }
.asm-hall-s { margin: 0 0 18px; }
.asm-hall-s h4 { margin: 0 0 8px; display: flex; align-items: baseline; gap: 8px; } .asm-hall-s h4 small { color: var(--muted); font-weight: 600; }
.asm-podium { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 6px; }
.asm-podium li { display: grid; justify-items: center; gap: 2px; text-align: center; min-width: 0; }
.asm-podium li::after { content: ''; order: 9; width: 100%; border-radius: 6px 6px 0 0; background: var(--pod, #C9CED8); height: 22px; }
.asm-podium .p1 { --pod: linear-gradient(#FFE58A, #D9A62E); } .asm-podium .p1::after { height: 40px; }
.asm-podium .p2 { --pod: linear-gradient(#F4F7FC, #A7AFBC); } .asm-podium .p2::after { height: 30px; }
.asm-podium .p3 { --pod: linear-gradient(#FFD7A8, #C27A3E); }
.asm-podium b { font-size: 13px; overflow-wrap: anywhere; } .asm-podium small { color: var(--muted); font-size: 11px; }
/* 제2대 1위 인주: 오로라 */
.st-s2 { filter: drop-shadow(0 0 3px #E9F6FF) drop-shadow(0 0 10px rgba(95,227,255,.8)); }
/* 이음매 없는 흐름: 120px 정사각 칸에 45도 띠 두 바퀴(한 바퀴 = 칸의 대각선 절반)라 칸이 이어지는 곳에서 색이 맞고, 한 칸만큼 옮기면 처음과 같다 */
.st-s2 .cos-ink { background: linear-gradient(45deg, #5FFFC8 0%, #5FE3FF 12.5%, #9B6BFF 25%, #FF7AD9 37.5%, #5FFFC8 50%, #5FE3FF 62.5%, #9B6BFF 75%, #FF7AD9 87.5%, #5FFFC8 100%) 0 0 / 120px 120px; animation: rwInk 3s linear infinite; }
@keyframes rwInk { to { background-position: 120px 0; } }
.ar .asm-stamp.st-s2 { color: #E9F6FF; border-color: #5FE3FF; text-shadow: 0 0 8px #5FE3FF, 0 0 16px #9B6BFF; }
@media (prefers-reduced-motion: reduce) { .st-s2 .cos-ink { animation: none; } }
