.october-contest-banner[hidden] { display:none!important }
.october-contest-banner { width:100%; display:flex; align-items:center; gap:12px; border:1px solid #e5bb43; border-radius:14px; padding:13px 12px; margin:0 0 14px; color:#fff9dc; background:linear-gradient(110deg,#48310e,#1d252a); text-align:left; cursor:pointer; overflow:hidden; font:inherit }
.october-contest-leader { flex:0 1 auto; max-width:65%; font-weight:900; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.october-contest-window { flex:1; min-width:0; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 94%,transparent) }
.october-contest-ticker { display:inline-block; white-space:nowrap; font-size:12px; animation:october-crawl 35s linear infinite; padding-right:36px }
.october-contest-banner:hover .october-contest-ticker,.october-contest-banner:focus .october-contest-ticker { animation-play-state:paused }
@keyframes october-crawl { to { transform:translateX(-100%) } }
#summary-modal[data-modal-kind="october-contest"] { align-items:flex-end }
#summary-modal[data-modal-kind="october-contest"] .modal-card { animation:october-rise .25s ease-out }
@keyframes october-rise { from { transform:translateY(30px);opacity:0 } to { transform:translateY(0);opacity:1 } }
.october-podium { display:grid; grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:sticky;top:0;background:#172026;padding:8px 0;z-index:1 }
.october-person { min-width:0;border:1px solid #765b22;border-radius:12px;background:#252b2c;color:#fff;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;cursor:pointer }
.october-person img,.october-avatar { width:48px;height:48px;border-radius:50%;object-fit:cover;background:#4a4536;display:grid;place-items:center }
.october-person strong { max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px }
.october-person small { font-size:11px;color:#ded3ae }
.october-rank-scroll { max-height:38vh;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto }
.october-rank-row { display:flex;align-items:center;gap:10px;width:100%;padding:15px 8px;border:0;border-bottom:1px solid #394047;background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer }
.october-rank-row strong { flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.october-rank-row span:last-child { font-variant-numeric:tabular-nums;color:#ffe59b }
.october-note { color:#c0c9cc;font-size:12px;line-height:1.6 }
.october-scroll-toggle { border:1px solid #9b864a;border-radius:8px;background:#252b2c;color:#fff;padding:8px 12px;margin:8px 0;cursor:pointer }
.october-poster { display:block;width:100%;height:auto;border-radius:12px }
@media(prefers-reduced-motion:reduce) { .october-contest-ticker { animation:none;padding-left:0 } #summary-modal[data-modal-kind="october-contest"] .modal-card { animation:none } }