/* Landing-page Daily Spin card (member sidebar) and Furni Factory weekly strip. Sized in container units like the rest of the hero. */
.panel-member .spin-card{margin-top:.2cqw;padding:.5cqw .65cqw .55cqw;text-align:left;text-transform:none;font:normal .95cqw/1.25 Arial,sans-serif;background:rgba(58,6,2,.78);border:1px solid #d9a441;color:#fff1cc;display:flex;flex-direction:column;gap:.12cqw;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.45)}
.panel-member .spin-card:hover,.panel-member .spin-card:focus-visible{background:rgba(96,10,3,.86);outline:0;box-shadow:0 0 0 2px #ffcf5a}
.spin-card-title{display:flex;align-items:center;justify-content:space-between;font:bold 1.1cqw Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ffd166}
.spin-card-row{display:block;font-weight:bold}
.spin-card-row b{color:#fff}
.spin-card-row.is-ready b{color:#7dff8a}
.spin-card-time{font-weight:normal;color:#e9d3b0;font-variant-numeric:tabular-nums}
.spin-dot{display:inline-block;width:.9cqw;height:.9cqw;border-radius:50%;background:#ff4b3a;box-shadow:0 0 0 0 rgba(255,75,58,.7);animation:spin-pulse 1.6s infinite}
@keyframes spin-pulse{70%{box-shadow:0 0 0 .7cqw rgba(255,75,58,0)}100%{box-shadow:0 0 0 0 rgba(255,75,58,0)}}

.weekly-strip{position:relative;z-index:3;flex:0 1 auto;min-width:0;margin:-3px 0}
.weekly-strip:not([hidden])+.weekly-fallback{display:none}
.weekly-line{display:flex;align-items:center;gap:12px;padding:3px 10px;font:bold 12.5px/1.2 Arial,sans-serif;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;background:rgba(217,164,65,.16);border:1px solid #d9a441;border-radius:3px}
.weekly-strip:hover .weekly-line,.weekly-line:focus-visible{background:rgba(217,164,65,.32);outline:0}
.weekly-title{font:bold 13px Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#ffd166}
.weekly-podium{display:flex;gap:10px;min-width:0}
.weekly-place{display:inline-flex;align-items:center;gap:4px}
.weekly-place i{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.55);box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.weekly-place.p1 i{background:#f2c230}.weekly-place.p2 i{background:#c7ccd1}.weekly-place.p3 i{background:#c9803f}
.weekly-place span{font-variant-numeric:tabular-nums;color:#fff;font-weight:bold}
.weekly-time{margin-left:0;font-weight:normal;color:#f3e2c4;font-variant-numeric:tabular-nums}
.weekly-cta{color:#ffd166;text-decoration:underline;font-weight:bold}
.weekly-pop{position:absolute;right:0;bottom:100%;width:340px;display:none;padding:10px 12px 11px;background:rgba(20,12,6,.96);border:1px solid #d9a441;border-bottom:0;color:#fff1cc;font:normal 12px/1.3 Arial,sans-serif;box-shadow:0 -4px 14px rgba(0,0,0,.4);white-space:normal}
.weekly-strip:hover .weekly-pop,.weekly-strip:focus-within .weekly-pop{display:block}
.weekly-pop-title{margin:0 0 6px;font:bold 11px Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ffd166}
.weekly-prizes{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.weekly-prize{display:flex;align-items:center;gap:8px}
.weekly-art{width:34px;height:34px;min-width:24px;object-fit:contain;image-rendering:pixelated;flex:none}
.weekly-art.sp-art-missing{background:#3a2a1c;color:#ffd166;border-radius:4px;font-size:14px}
.weekly-prize-text{flex:1;min-width:0}
.weekly-prize-text b{color:#ffd166}
.weekly-holder{color:#e9d3b0;font-variant-numeric:tabular-nums;white-space:nowrap}
.weekly-prize-rest{margin-top:2px;padding-top:5px;border-top:1px solid rgba(217,164,65,.35)}
@media(max-width:700px){.weekly-strip{display:none}}
@media(max-width:540px){.panel-member .spin-card{display:none}}
@media(prefers-reduced-motion:reduce){.spin-dot{animation:none}}

/* Online-players pill in the landing account bar (fixed px: the bar sits outside the container-unit hero) */
.online-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:10px;background:rgba(125,255,138,.14);border:1px solid rgba(125,255,138,.4);font:bold 12px/1.3 Arial,sans-serif;color:#dfffe3;white-space:nowrap;cursor:default}
.online-pill[hidden]{display:none}
.online-pill i{width:8px;height:8px;border-radius:50%;background:#7dff8a;box-shadow:0 0 5px #7dff8a}
.online-pill b{font-variant-numeric:tabular-nums}