/* STEED EDM TOP LISTENER COUNTRIES - V5 / Oct 2026 */
.main-nav .steed-listener-flag-group{position:relative;display:flex;align-items:center;flex:0 1 auto;gap:8px;isolation:isolate;min-width:0;margin-left:3px}
.main-nav .steed-top-listener-badge{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:5px;min-height:36px;padding:4px 9px 4px 6px;background:linear-gradient(135deg,#1c0d00 0%,#3a1f02 43%,#090601 100%);color:#f5d077;border:1px solid rgba(255,196,53,.66);border-radius:12px;box-shadow:inset 0 1px 0 #ffde7b60,0 0 12px #eb94192e,0 0 24px #b9670018;cursor:pointer;overflow:hidden;z-index:1;transition:transform .2s,box-shadow .2s;white-space:nowrap;text-decoration:none}
.steed-top-listener-badge::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 17% 100%,#ffa5007c,transparent 44%),linear-gradient(110deg,transparent 18%,#ffd16a00 25%,#ffdb965c 44%,transparent 53%);background-size:100% 100%,220% 100%;background-position:0 0,180% 0;animation:steedGoldFlare 3.4s ease-in-out infinite;opacity:.85;z-index:-1}
.steed-top-listener-badge::after{content:"";position:absolute;width:55%;height:80%;left:0;bottom:-65%;background:radial-gradient(ellipse,#ffb600b5 0%,#de6f023d 38%,transparent 70%);filter:blur(7px);animation:steedGoldEmber 2.2s ease-in-out infinite alternate;pointer-events:none}
.steed-top-listener-badge:hover,.steed-top-listener-badge:focus-visible{transform:translateY(-1px);box-shadow:0 0 9px #ffd777aa,0 0 25px #f59c28b0,inset 0 0 14px #ffb33a29;outline:1px solid #ffe2a8}
.steed-gold-fire{filter:drop-shadow(0 0 4px #ffaa00) drop-shadow(0 0 6px #b06003);animation:steedFlameFlicker 1.5s ease-in-out infinite}
.steed-listener-words{display:flex;flex-direction:column;line-height:1.03;text-align:left;letter-spacing:.075em;text-shadow:0 0 6px #ffad3f5e}
.steed-listener-words strong{font:900 9px/1.18 system-ui,Arial,sans-serif;color:#ffe9a9}
.steed-listener-words small{font:900 9px/1.18 system-ui,Arial,sans-serif;color:#efac3b;letter-spacing:.14em}
.steed-listener-arrow{display:inline-flex;align-items:center;font:900 21px/1 Arial,sans-serif;color:#ffe8a7;filter:drop-shadow(0 0 3px #fbb03d);animation:steedArrowToFlags 1.5s ease-in-out infinite}
.steed-listener-flag-group .lang-flags{margin-left:0;max-width:100%;display:flex;flex-wrap:nowrap;overflow:visible;gap:5px;padding:5px 7px}
.steed-listener-flag-group .lang-flags button{flex:0 0 auto;width:29px;height:23px;padding:2px}
.steed-listener-flag-group .lang-flags button img{width:100%;height:100%}
.steed-listener-flag-group .lang-flags button.is-active{box-shadow:0 0 12px #ffd770a1,0 0 4px #fff0bd70;border-color:#ffe6a6}
.steed-top-listeners-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(435px,calc(100vw - 28px));max-height:min(70vh,580px);overflow:auto;padding:14px;z-index:100000;background:linear-gradient(145deg,#1d1509,#060605 67%);border:1px solid #b7862a;border-radius:16px;box-shadow:0 18px 60px #000e,0 0 28px #c5912760;color:#f1ddad;text-align:left}
.steed-top-listeners-panel[hidden]{display:none!important}
.steed-top-listeners-panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid #ffce5f47}
.steed-top-listeners-panel-head div{display:flex;flex-direction:column;gap:3px}
.steed-top-listeners-panel-head small{font:800 9px/1.3 system-ui,Arial;letter-spacing:.19em;color:#c69445}
.steed-top-listeners-panel-head strong{font:900 13px/1.2 system-ui,Arial;color:#ffdfa2}
#steedTopListenersClose{padding:0!important;width:26px!important;height:26px!important;border:1px solid #b98b3b!important;border-radius:8px!important;background:#191105!important;color:#ffe7a9!important;font:700 19px/1 Arial!important;cursor:pointer}
.steed-top-listeners-panel-body{display:grid;gap:2px}
.steed-listener-row{display:grid;grid-template-columns:26px 30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px solid #ffd97819;font:500 12px/1.3 system-ui,Arial;color:#f5e9d0}
.steed-listener-row .rank{font-weight:900;color:#ffc861;text-align:center}
.steed-listener-row img{width:25px;height:17px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #d4b36e4f}
.steed-listener-row .country{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.steed-listener-row .time{font-weight:800;font-variant-numeric:tabular-nums;color:#ffcc73;white-space:nowrap}
.steed-top-listeners-note{margin:12px 0 1px;color:#b8a17c;font:500 10px/1.5 system-ui,Arial}
@keyframes steedGoldFlare{0%,19%{background-position:0 0,180% 0}70%,100%{background-position:0 0,-60% 0}}
@keyframes steedGoldEmber{from{opacity:.4;transform:translateY(2px) scaleX(.8)}to{opacity:.85;transform:translateY(-5px) scaleX(1.3)}}
@keyframes steedFlameFlicker{0%,100%{transform:scale(.93) rotate(-3deg);filter:drop-shadow(0 0 3px #ffa500)}50%{transform:scale(1.08) rotate(3deg);filter:drop-shadow(0 0 8px #ffdc74)}}
@keyframes steedArrowToFlags{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(max-width:1440px){.main-nav .steed-listener-flag-group{gap:5px}.main-nav .steed-top-listener-badge{padding:4px 6px}.steed-listener-flag-group .lang-flags button{width:27px;height:21px}.steed-listener-words strong,.steed-listener-words small{font-size:8px}}
@media(max-width:1150px){.main-nav .steed-listener-flag-group{margin:5px auto 0;flex-basis:100%;justify-content:center}.steed-listener-flag-group .lang-flags{max-width:calc(100vw - 200px);overflow-x:auto;scrollbar-width:thin}.steed-top-listeners-panel{right:50%;transform:translateX(50%)}}
@media(max-width:760px){.main-nav .steed-listener-flag-group{width:100%;margin:8px auto 0;gap:6px;justify-content:stretch;flex-basis:100%}.main-nav .steed-top-listener-badge{flex-shrink:0;min-height:37px;padding:4px 6px}.steed-listener-flag-group .lang-flags{width:auto;min-width:0;flex:1;margin:0;overflow-x:auto;padding:5px 6px;border-radius:10px}.steed-listener-flag-group .lang-flags button{flex:0 0 31px;width:31px;height:23px}.steed-top-listeners-panel{right:0;transform:none;top:calc(100% + 7px);width:min(430px,calc(100vw - 22px))}}
@media(prefers-reduced-motion:reduce){.steed-top-listener-badge::before,.steed-top-listener-badge::after,.steed-gold-fire,.steed-listener-arrow{animation:none!important}}
/* Respect the pre-existing horizontal-scroll mobile menu. Never squeeze the flags to zero width. */
@media(max-width:1150px){
 .main-nav .steed-listener-flag-group{flex:0 0 auto!important;flex-basis:auto!important;width:max-content!important;min-width:max-content!important;max-width:none!important;justify-content:flex-start!important;margin:0 10px 0 6px!important}
 .steed-listener-flag-group .lang-flags{flex:0 0 auto!important;max-width:none!important;width:auto!important;overflow:visible!important}
 .steed-top-listeners-panel{position:fixed;left:8px!important;right:8px!important;top:210px;width:auto!important;max-width:440px!important;transform:none!important;max-height:60vh}
}