
.game-cover-photo{display:block;aspect-ratio:1.12/1.5;height:auto;background:#202024}
.game-cover-photo::before,.game-cover-photo::after{display:none}
.game-cover-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease;user-select:none}
.game-card:hover .game-cover-image{transform:scale(1.045)}
.game-cover-photo .badge-corner{max-width:calc(100% - 15px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px;top:7px;left:7px}
.cover-image-failed{opacity:0}
.ws-load-more-wrap{display:flex;justify-content:center;margin:24px 0 36px}
.ws-load-more{background:#ffeb47;color:#141414;border:2px solid #131313;border-radius:9px;font-weight:900;padding:13px 25px;cursor:pointer;box-shadow:3px 3px 0 #000}
.ws-load-more small{opacity:.65;margin-left:8px}
.ws-load-more:hover{transform:translateY(-2px)}
.ws-modal-cover{background:#17191c;overflow:hidden}
.ws-modal-cover img{height:220px;max-width:100%;width:auto;object-fit:contain;border-radius:9px}
.ws-source-warning{color:#ffdd75!important}
@media(prefers-reduced-motion:reduce){.game-cover-image,.ws-load-more{transition:none}}


.game-card-footer{padding:8px 9px 9px}
.game-card-footer .game-card-actions{margin-top:0;gap:7px}
.game-card-footer .play-btn{height:35px;font-size:11px;letter-spacing:.4px;cursor:pointer}
.game-card-footer .fav-btn{height:35px;width:36px;flex:0 0 36px;cursor:pointer}
.game-card-footer .play-btn:hover{filter:brightness(1.08)}
.game-card-footer .fav-btn:hover{border-color:#ffeb47;color:#ffeb47}
.game-card-footer :is(.play-btn,.fav-btn):focus-visible{outline:2px solid #ffeb47;outline-offset:2px}



.home-strip-shell{position:relative;display:flex;align-items:center;gap:10px}
.home-strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (9 * 14px)) / 10);gap:14px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:2px 2px 10px;scrollbar-width:none;-ms-overflow-style:none;flex:1;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.home-strip::-webkit-scrollbar{display:none}
.home-strip .game-card{min-width:0;scroll-snap-align:start}
.home-strip-arrow{width:42px;height:42px;flex:0 0 42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#1a1d23;color:#fff;font-size:24px;font-weight:900;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;box-shadow:0 10px 22px rgba(0,0,0,.22)}
.home-strip-arrow:hover{transform:translateY(-2px);background:#252932;border-color:#ffeb47;color:#ffeb47}
.home-strip-arrow:active{transform:translateY(0) scale(.97)}
.home-strip-arrow:focus-visible{outline:2px solid #ffeb47;outline-offset:2px}
@media (max-width:1500px){.home-strip{grid-auto-columns:calc((100% - (7 * 14px)) / 8)}}
@media (max-width:1280px){.home-strip{grid-auto-columns:calc((100% - (5 * 14px)) / 6)}}
@media (max-width:1024px){.home-strip-shell{gap:8px}.home-strip-arrow{width:38px;height:38px;flex-basis:38px}.home-strip{grid-auto-columns:calc((100% - (4 * 12px)) / 5);gap:12px}}
@media (max-width:760px){.home-strip{grid-auto-columns:calc((100% - (2 * 10px)) / 3);gap:10px}.home-strip-arrow{display:none}}
@media (max-width:560px){.home-strip{grid-auto-columns:calc((100% - 10px) / 2)}}


.home-strip-shell{display:block;min-width:0}
.home-strip{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y;scroll-snap-type:x proximity}
.home-strip.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.home-strip .game-card{user-select:none;-webkit-user-select:none}
.home-strip .game-cover-image{pointer-events:none;-webkit-user-drag:none}
.home-strip-arrow{display:none!important}



.slotcase-tile{background:linear-gradient(180deg,#ffec52 0%,#f3dd2c 100%);color:#101010;overflow:hidden;position:relative;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.slotcase-tile .overline,.slotcase-tile h3,.slotcase-tile p{color:#101010}
.slotcase-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.slotcase-head h3{margin:0;font-size:clamp(26px,2.2vw,44px);line-height:.98;max-width:12ch}
.slotcase-head p{margin:10px 0 0;max-width:54ch;font-size:13px;opacity:.82}
.slotcase-spin,.slotcase-mini-btn{border:none;border-radius:12px;background:#101114;color:#ffeb47;padding:14px 16px;font-weight:900;cursor:pointer;box-shadow:3px 4px 0 rgba(0,0,0,.35);transition:transform .16s ease,filter .16s ease,opacity .16s ease}
.slotcase-spin:hover,.slotcase-mini-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.slotcase-spin:disabled,.slotcase-mini-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}
.slotcase-machine{position:relative;padding:22px 0 16px}
.slotcase-window{overflow:hidden;border-radius:20px;border:2px solid rgba(16,17,20,.18);background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 12px 28px rgba(0,0,0,.15)}
.slotcase-track{display:flex;gap:12px;padding:18px;will-change:transform}
.slotcase-pointer{position:absolute;left:50%;top:-8px;transform:translateX(-50%);width:6px;height:44px;background:#101114;border-radius:999px;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.slotcase-pointer::after{content:'';position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:22px;height:4px;background:#101114;border-radius:999px;opacity:.96}
.slotcase-item{flex:0 0 140px;background:rgba(12,14,18,.88);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:10px;color:#fff;box-shadow:0 14px 22px rgba(0,0,0,.18)}
.slotcase-cover{aspect-ratio:1/1.28;border-radius:14px;overflow:hidden;background:#1d1f24;margin-bottom:10px}
.slotcase-cover img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.slotcase-item strong,.slotcase-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slotcase-item strong{font-size:12px;line-height:1.15}
.slotcase-item span{margin-top:4px;font-size:10px;opacity:.7;letter-spacing:.25px;text-transform:uppercase}
.slotcase-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:6px}
.slotcase-result{display:flex;flex-direction:column;gap:5px;min-width:0}
.slotcase-result-label{font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;opacity:.62}
.slotcase-result strong{font-size:20px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.slotcase-result [data-case-subtitle]{font-size:12px;opacity:.76}
.slotcase-mini-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.slotcase-mini-btn.secondary,.ws-modal-actions .secondary-action{background:#1b1d22;color:#fff}
.slotcase-tile.is-spinning .slotcase-window{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 0 0 4px rgba(255,235,71,.22),0 14px 28px rgba(0,0,0,.16)}
.slotcase-tile.is-spinning .slotcase-pointer{animation:slotcasePulse .5s ease-in-out infinite alternate}
.ws-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@keyframes slotcasePulse{from{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(4px)}}
@media (max-width:1100px){.slotcase-head,.slotcase-footer{flex-direction:column;align-items:flex-start}.slotcase-spin{align-self:flex-start}.slotcase-mini-actions{justify-content:flex-start}.slotcase-item{flex-basis:126px}}
@media (max-width:720px){.slotcase-head h3{font-size:28px;max-width:none}.slotcase-track{padding:14px;gap:10px}.slotcase-item{flex-basis:112px;padding:8px}.slotcase-result strong{font-size:17px}.slotcase-machine{padding-top:18px}}


.slotcase-item{padding:6px;flex-basis:140px;border-radius:14px}
.slotcase-cover{margin:0;border-radius:10px;aspect-ratio:1.12/1.5}
.slotcase-item strong,.slotcase-item span{display:none!important}
.slotcase-head h3{max-width:none;font-size:clamp(24px,2.1vw,38px)}
.slotcase-head p{max-width:40ch}
.slotcase-footer{justify-content:center;margin-top:12px}
.slotcase-status{font-size:12px;font-weight:800;letter-spacing:.04em;color:#24231b}
.slotcase-window{background:#e7cb2d}
@media(max-width:720px){.slotcase-item{flex-basis:112px;padding:5px}}


.ws-gain-tile{background:#b8f5db;color:#101a16;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-height:0}
.ws-gain-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ws-gain-header h3{font-size:clamp(25px,2.2vw,37px);line-height:1.05;margin:3px 0 7px;max-width:none;color:#0f1714}
.ws-gain-header p{font-size:12px;line-height:1.35;margin:0;color:#305748}
.ws-gain-header .overline{color:#204e3b}
.ws-gain-beacon{background:#14261f;color:#f4f7eb;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:7px}
.ws-gain-beacon i{width:7px;height:7px;background:#ffeb47;border-radius:50%;box-shadow:0 0 0 3px #ffeb4730;animation:wsGainPulse 1.7s ease-in-out infinite}
.ws-gain-window{background:#14241e;border-radius:16px;padding:8px;flex:1;min-height:0;overflow:hidden;border:1px solid #1e4b36}
.ws-gain-list{display:flex;flex-direction:column;gap:6px;overflow:hidden;height:100%}
.ws-gain-row{background:#263b31;color:#f3f8f4;border:1px solid #44605055;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:55px}
.ws-gain-left,.ws-gain-right{display:flex;flex-direction:column;gap:3px;min-width:0}
.ws-gain-left strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-gain-left span,.ws-gain-right span{font-size:10px;color:#a7c9b6}
.ws-gain-right{align-items:flex-end;white-space:nowrap}
.ws-gain-right strong{font-size:14px;font-weight:900;color:#ffeb47}
.ws-gain-new{animation:wsGainAppear .4s cubic-bezier(.2,.8,.2,1)}
.ws-gain-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#29533f;font-size:9px;letter-spacing:.045em;font-weight:800}
@keyframes wsGainAppear{from{opacity:0;transform:translateY(-13px);background:#436d4f}to{opacity:1;transform:translateY(0)}}
@keyframes wsGainPulse{50%{box-shadow:0 0 0 7px #ffeb4709}}
@media(max-width:680px){.ws-gain-row{padding:8px}.ws-gain-right strong{font-size:12px}.ws-gain-beacon{display:none}}
@media(prefers-reduced-motion:reduce){.ws-gain-new,.ws-gain-beacon i{animation:none}}



.ws-gain-tile{
  background:linear-gradient(155deg,#24262b 0%,#17191d 60%,#111316 100%);
  border:1px solid #3a3d43;
  color:#f6f6f0;
  box-shadow:0 12px 32px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.055);
  gap:10px;
}
.ws-gain-header h3{color:#fff;font-size:clamp(24px,2vw,35px);margin:5px 0}
.ws-gain-header p{color:#a4a7ad;font-size:11px}
.ws-gain-header .overline{color:#ffeb47;letter-spacing:.12em}
.ws-gain-beacon{background:#2c2e33;color:#f5f4e9;border:1px solid #4d4931;padding:7px 11px}
.ws-gain-beacon i{background:#ffeb47}
.ws-gain-window{background:#111316;border:1px solid #37393e;border-radius:14px;padding:7px;box-shadow:inset 0 4px 13px rgba(0,0,0,.19)}
.ws-gain-list{gap:6px}
.ws-gain-row{background:#202227;color:#f8f8f2;border:1px solid #34363b;border-radius:9px;padding:9px 12px;min-height:53px}
.ws-gain-left strong{color:#fafafa;font-weight:750}
.ws-gain-left span,.ws-gain-right span{color:#a7abb1}
.ws-gain-right strong{color:#ffeb47;font-variant-numeric:tabular-nums}
.ws-gain-foot{color:#95999f;font-size:9px;font-weight:650;letter-spacing:.018em;line-height:1.4}
.ws-gain-count{color:#ffeb47;font-variant-numeric:tabular-nums;font-weight:850;flex:none}
@keyframes wsGainAppear{from{opacity:0;transform:translateY(-9px);background:#393522}to{opacity:1;transform:translateY(0);background:#202227}}
@media(max-width:680px){.ws-gain-tile{gap:9px}.ws-gain-row{padding:8px 9px}.ws-gain-foot{font-size:8px}}



.westclub-band{position:relative;margin:26px 0 8px;padding:24px 26px 20px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(255,235,71,.16),transparent 24%),linear-gradient(145deg,#1e2127 0%,#13151a 57%,#0f1014 100%);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)}
.westclub-watermark{position:absolute;right:-8px;top:12px;font-size:clamp(48px,9vw,128px);font-weight:1000;line-height:.8;letter-spacing:-.03em;color:rgba(255,255,255,.035);pointer-events:none;user-select:none}
.westclub-topline{display:flex;justify-content:space-between;align-items:center;gap:18px;position:relative;z-index:1;margin-bottom:18px}
.westclub-live{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.14em;color:#ffeb47;text-transform:uppercase}
.westclub-live i{width:8px;height:8px;border-radius:50%;background:#ffeb47;box-shadow:0 0 0 0 rgba(255,235,71,.5);animation:westclubPulse 1.8s ease-in-out infinite}
.westclub-mini-note{font-size:11px;color:#9499a3}
.westclub-content{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(320px,.95fr);gap:26px;align-items:center;position:relative;z-index:1}
.westclub-copy .overline{color:#ffeb47;letter-spacing:.14em}
.westclub-copy h3{margin:4px 0 10px;font-size:clamp(28px,3vw,48px);line-height:.96;color:#fff}
.westclub-copy p{margin:0 0 16px;max-width:60ch;color:#b7bcc5;font-size:13px;line-height:1.5}
.westclub-pills{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 16px}
.westclub-pills span{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#16181d;border:1px solid rgba(255,255,255,.08);color:#e8ebef;font-size:11px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.westclub-cta{border:none;background:#ffeb47;color:#111316;border-radius:12px;padding:14px 18px;font-weight:1000;font-size:12px;letter-spacing:.04em;cursor:pointer;box-shadow:4px 5px 0 #090909;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.westclub-cta:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:4px 7px 0 #090909}
.westclub-cta:active{transform:translateY(0);box-shadow:3px 4px 0 #090909}
.westclub-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.westclub-card{position:relative;padding:16px 14px 15px;border-radius:16px;background:linear-gradient(180deg,#1e2127,#17191d);border:1px solid rgba(255,255,255,.08);min-height:118px;box-shadow:0 12px 20px rgba(0,0,0,.16);animation:westclubFloat 4.5s ease-in-out infinite}
.westclub-card:nth-child(2){animation-delay:.35s}
.westclub-card:nth-child(3){animation-delay:.7s}
.westclub-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.11),transparent 22%,transparent 66%,rgba(255,235,71,.06));opacity:.75;pointer-events:none}
.westclub-card b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#101216;border:1px solid rgba(255,255,255,.07);color:#ffeb47;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);margin-bottom:12px}
.westclub-card strong{display:block;font-size:13px;line-height:1.1;color:#fff;margin-bottom:7px}
.westclub-card p{margin:0;font-size:11px;line-height:1.45;color:#aeb3bb}
.westclub-card.is-accent{background:linear-gradient(180deg,#2b2606,#1d1a0e);border-color:rgba(255,235,71,.34)}
.westclub-card.is-accent strong,.westclub-card.is-accent p{color:#fff8ca}
.westclub-card.is-accent b{background:#ffeb47;color:#171717;border-color:#e5cf26}
.westclub-ticker-shell{position:relative;z-index:1;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}
.westclub-ticker-track{display:flex;gap:14px;width:max-content;white-space:nowrap;animation:westclubTicker 22s linear infinite}
.westclub-ticker-track span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#14161b;border:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:900;letter-spacing:.14em;color:#ffeb47;text-transform:uppercase}
.westclub-ticker-track span::before{content:'✦';font-size:10px;color:#fff}
.ws-vip-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.ws-vip-preview div{padding:12px;border-radius:12px;background:#17191d;border:1px solid rgba(255,255,255,.08)}
.ws-vip-preview strong{display:block;font-size:12px;color:#ffeb47;margin-bottom:6px}
.ws-vip-preview span{display:block;font-size:11px;line-height:1.45;color:#b8bdc6}
@keyframes westclubPulse{50%{box-shadow:0 0 0 8px rgba(255,235,71,.08)}}
@keyframes westclubFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes westclubTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1080px){.westclub-content{grid-template-columns:1fr}.westclub-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.westclub-watermark{font-size:72px;right:6px;top:18px;opacity:.8}}
@media(max-width:760px){.westclub-band{padding:20px 18px 18px}.westclub-topline{flex-direction:column;align-items:flex-start;gap:8px}.westclub-cards{grid-template-columns:1fr}.westclub-card{min-height:0}.westclub-watermark{font-size:56px;top:auto;bottom:52px;right:12px}.ws-vip-preview{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.westclub-live i,.westclub-card,.westclub-ticker-track{animation:none}}



.westclub-v21 .westclub-content{grid-template-columns:minmax(290px,.95fr) minmax(360px,1.05fr);gap:28px}
.westclub-v21 .westclub-copy h3{font-size:clamp(32px,3.5vw,58px);letter-spacing:-.045em}
.westclub-head-star{display:inline-block;margin-left:8px;font-size:.36em;vertical-align:top;color:#ffeb47;animation:westclubTwinkle 3s ease-in-out infinite}
.westclub-ranks{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
.westclub-rank{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#15171c;border:1px solid #383a3f;border-radius:10px;color:#a5a9b3;font-size:14px;white-space:nowrap;transition:transform .2s ease,border-color .2s ease}
.westclub-rank b{font-size:10px;letter-spacing:.06em}
.westclub-rank.active{background:#ffeb47;color:#121313;border-color:#ffeb47;box-shadow:3px 3px 0 #000}
.westclub-rank:not(.active):hover{transform:translateY(-3px);border-color:#ffeb47}
.westclub-progress{max-width:470px;margin-bottom:18px}
.westclub-progress-top{display:flex;align-items:center;justify-content:space-between;color:#b9bcc2;font-size:10px;letter-spacing:.08em;font-weight:850;margin-bottom:8px}
.westclub-progress-top strong{color:#ffeb47;font-size:13px}
.westclub-progress-top small{color:#81858e;font-size:8px;margin-left:4px}
.westclub-progress-track{height:11px;padding:2px;border:1px solid #474a50;background:#090a0e;border-radius:20px;overflow:hidden}
.westclub-progress-track span{display:block;height:100%;border-radius:20px;background:repeating-linear-gradient(110deg,#ffeb47 0,#ffeb47 15px,#e6cc27 16px,#e6cc27 22px);box-shadow:0 0 17px rgba(255,235,71,.23);animation:westclubProgressIn 1.2s cubic-bezier(.2,.8,.2,1) both}
.westclub-feature-side{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}
.westclub-week{padding:20px 21px 17px;background:linear-gradient(120deg,#ffeb47,#f2dc32);color:#121313;border-radius:16px;box-shadow:4px 5px 0 #090a0d}
.westclub-week-kicker{font-size:10px;font-weight:900;letter-spacing:.15em}
.westclub-week-content{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}
.westclub-week-content strong{font-size:clamp(19px,2.1vw,31px);line-height:1;letter-spacing:-.025em}
.westclub-week-content p{max-width:36ch;font-size:11px;line-height:1.45;margin:9px 0 0;color:#383314}
.westclub-week-icon{display:flex;flex:none;align-items:center;justify-content:center;width:72px;height:72px;border-radius:18px;background:#15171c;color:#ffeb47;font-size:46px;transform:rotate(10deg);animation:westclubStar 5s ease-in-out infinite}
.westclub-week-note{font-size:9px;color:#484018;font-weight:700}
.westclub-updates{background:#101216;border:1px solid #3c3e43;border-radius:14px;padding:13px 16px;overflow:hidden}
.westclub-updates-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.westclub-updates-title>span{font-size:10px;color:#ffeb47;letter-spacing:.09em;font-weight:900;display:flex;align-items:center;gap:7px}
.westclub-updates-title i{display:block;width:6px;height:6px;border-radius:50%;background:#ffeb47;box-shadow:0 0 0 4px rgba(255,235,71,.09)}
.westclub-updates-title small{font-size:9px;color:#9b9ea5;letter-spacing:.06em}
.westclub-updates-view{height:29px;overflow:hidden}
.westclub-updates-track{animation:westclubNews 16s ease-in-out infinite}
.westclub-update{height:29px;display:flex;align-items:center;gap:9px;font-size:11px;color:#f1f2f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.westclub-update span{color:#ffeb47;font-weight:900;font-size:10px}
@keyframes westclubProgressIn{from{width:0}to{width:65%}}
@keyframes westclubTwinkle{50%{opacity:.45;transform:rotate(90deg) scale(.85)}}
@keyframes westclubStar{50%{transform:rotate(-6deg) scale(1.04)}}
@keyframes westclubNews{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-29px)}50%,70%{transform:translateY(-58px)}75%,95%{transform:translateY(-87px)}100%{transform:translateY(-87px)}}
@media(max-width:1150px){.westclub-v21 .westclub-content{grid-template-columns:1fr}}
@media(max-width:580px){.westclub-v21 .westclub-ranks{gap:5px}.westclub-v21 .westclub-rank{padding:8px;font-size:11px}.westclub-week{padding:16px}.westclub-week-icon{width:54px;height:54px;font-size:32px}.westclub-updates-title small{display:none}}
@media(prefers-reduced-motion:reduce){.westclub-head-star,.westclub-week-icon,.westclub-progress-track span,.westclub-updates-track{animation:none}}



.westclub-v21 .westclub-feature-side{display:grid;gap:14px;min-width:0}
.westclub-visual-shell{position:relative;padding:14px;border-radius:18px;background:linear-gradient(145deg,#181b21,#101216 58%,#0c0d10);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}
.westclub-visual-shell::before{content:'';position:absolute;inset:auto auto 0 -30px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,235,71,.17),transparent 68%);filter:blur(8px);pointer-events:none}
.westclub-visual-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;position:relative;z-index:1}
.westclub-visual-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#ffeb47}
.westclub-visual-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:#111318;border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:900;letter-spacing:.12em;color:#f2f4f6}
.westclub-visual-button{position:relative;display:block;width:100%;padding:0;border:none;background:transparent;border-radius:16px;cursor:pointer;overflow:hidden;transition:transform .2s ease,filter .2s ease}
.westclub-visual-button:hover{transform:translateY(-3px);filter:brightness(1.03)}
.westclub-visual-button:active{transform:translateY(0)}
.westclub-visual-button img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.westclub-visual-glow{position:absolute;inset:auto 8% 4% 8%;height:24px;border-radius:999px;background:radial-gradient(circle,rgba(255,235,71,.42),transparent 68%);filter:blur(12px);pointer-events:none}
.westclub-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:12px;align-items:stretch}
.westclub-v21 .westclub-week,.westclub-v21 .westclub-updates{height:100%}
.westclub-v21 .westclub-week{display:flex;flex-direction:column;justify-content:space-between}
@media(max-width:860px){.westclub-feature-grid{grid-template-columns:1fr}}
@media(max-width:580px){.westclub-visual-shell{padding:12px}.westclub-visual-meta{flex-direction:column;align-items:flex-start}.westclub-visual-badge{font-size:9px}}



.westclub-visual-shell{isolation:isolate}
.westclub-visual-shell::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,235,71,.55),rgba(255,255,255,.06),rgba(255,235,71,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;pointer-events:none}
.westclub-orbits{position:absolute;inset:0;pointer-events:none;z-index:0}
.westclub-orbits span{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff7b0 0,#ffeb47 48%,rgba(255,235,71,.06) 72%);box-shadow:0 0 18px rgba(255,235,71,.35);opacity:.9;animation:westclubOrbFloat 7.5s ease-in-out infinite}
.westclub-orbits span:nth-child(1){top:16%;left:8%;width:8px;height:8px;animation-delay:-.4s}
.westclub-orbits span:nth-child(2){top:14%;right:16%;width:12px;height:12px;animation-delay:-2.1s}
.westclub-orbits span:nth-child(3){bottom:19%;left:11%;width:7px;height:7px;animation-delay:-1.2s}
.westclub-orbits span:nth-child(4){bottom:11%;right:11%;width:9px;height:9px;animation-delay:-3.6s}
.westclub-orbits span:nth-child(5){top:46%;right:5%;width:6px;height:6px;animation-delay:-4.8s}
.westclub-orbits span:nth-child(6){top:42%;left:4%;width:5px;height:5px;animation-delay:-5.4s}
.westclub-visual-button{--westclub-rx:0deg;--westclub-ry:0deg;--westclub-lx:50%;--westclub-ly:50%;transform-style:preserve-3d;transform:perspective(1200px) rotateX(var(--westclub-rx)) rotateY(var(--westclub-ry));box-shadow:0 0 0 rgba(0,0,0,0)}
.westclub-visual-button::before{content:'';position:absolute;inset:0;border-radius:16px;background:radial-gradient(circle at var(--westclub-lx) var(--westclub-ly),rgba(255,255,255,.26),transparent 34%);mix-blend-mode:screen;opacity:.0;transition:opacity .18s ease;pointer-events:none;z-index:2}
.westclub-visual-button::after{content:'';position:absolute;inset:-45% auto auto -45%;width:55%;height:180%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.24),transparent);transform:rotate(12deg) translateX(-140%);pointer-events:none;z-index:3}
.westclub-visual-button:hover::after{animation:westclubSweep 1.6s ease-in-out infinite}
.westclub-visual-button:hover::before,.westclub-visual-button.is-tilting::before{opacity:1}
.westclub-visual-button img{transform:translateZ(0);transition:transform .2s ease,filter .2s ease}
.westclub-visual-button:hover img{filter:saturate(1.04) brightness(1.02)}
.westclub-visual-button.is-pressed{transform:perspective(1200px) rotateX(calc(var(--westclub-rx) * .5)) rotateY(calc(var(--westclub-ry) * .5)) scale(.985)}
.westclub-visual-caption{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(10,10,12,.08),rgba(10,10,12,.76));backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.08);z-index:4;transform:translateZ(30px)}
.westclub-visual-caption strong{display:block;color:#fff;font-size:12px;letter-spacing:.11em}
.westclub-visual-caption small{display:block;color:#d7dae0;font-size:10px;margin-top:4px}
.westclub-visual-caption::after{content:'↗';display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:#ffeb47;color:#111316;font-size:15px;font-weight:1000;box-shadow:3px 4px 0 #090909;flex:none}
.westclub-visual-glow{height:32px;inset:auto 9% 5% 9%;background:radial-gradient(circle,rgba(255,235,71,.54),transparent 70%);filter:blur(16px);animation:westclubGlowPulse 3.4s ease-in-out infinite}
.westclub-v21 .westclub-week{background:linear-gradient(145deg,#ffeb47 0%,#f4de35 58%,#ecd22c 100%)}
.westclub-v21 .westclub-updates{background:linear-gradient(180deg,#101216,#0c0d10)}
@keyframes westclubOrbFloat{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.88}25%{transform:translate3d(8px,-10px,0) scale(1.08);opacity:1}50%{transform:translate3d(-5px,8px,0) scale(.92);opacity:.7}75%{transform:translate3d(12px,4px,0) scale(1.02);opacity:.96}}
@keyframes westclubSweep{0%{transform:rotate(12deg) translateX(-140%)}100%{transform:rotate(12deg) translateX(260%)}}
@keyframes westclubGlowPulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:860px){.westclub-visual-caption{left:12px;right:12px;bottom:12px;padding:10px 12px}.westclub-visual-caption::after{width:30px;height:30px;font-size:14px}}
@media(max-width:580px){.westclub-orbits span:nth-child(2),.westclub-orbits span:nth-child(5){display:none}.westclub-visual-caption{gap:10px}.westclub-visual-caption strong{font-size:11px;letter-spacing:.08em}.westclub-visual-caption small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.westclub-orbits span,.westclub-visual-glow,.westclub-visual-button::after{animation:none!important}.westclub-visual-button{transform:none!important}}


.westclub-v21 .westclub-visual-button{aspect-ratio:1672/941;min-height:180px;overflow:hidden;background:#101216}
.westclub-v21 .westclub-visual-button img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.westclub-v21 .westclub-visual-caption{pointer-events:none}


.westclub-v21{padding:18px 22px 15px;margin:22px 0 6px;border-radius:18px}
.westclub-v21 .westclub-topline{margin-bottom:8px}
.westclub-v21 .westclub-content{grid-template-columns:minmax(0,1fr) minmax(260px,365px);gap:24px;align-items:center}
.westclub-v21 .westclub-copy h3{font-size:clamp(28px,2.7vw,42px);margin:3px 0 6px}
.westclub-v21 .westclub-copy p{font-size:12px;line-height:1.4;margin:0 0 9px;max-width:52ch}
.westclub-v21 .westclub-ranks{margin:10px 0;gap:7px}
.westclub-v21 .westclub-rank{padding:7px 10px;font-size:11px;border-radius:8px}
.westclub-v21 .westclub-rank b{font-size:9px}
.westclub-v21 .westclub-progress{margin-bottom:10px;max-width:420px}
.westclub-v21 .westclub-progress-track{height:9px}
.westclub-v21 .westclub-cta{padding:11px 15px;border-radius:10px}
.westclub-v21 .westclub-feature-side{gap:8px}
.westclub-v21 .westclub-visual-shell{padding:7px;border-radius:13px}
.westclub-v21 .westclub-visual-button{border-radius:10px;overflow:hidden}
.westclub-v21 .westclub-visual-button img{width:100%;height:200px;object-fit:cover;border-radius:9px}
.westclub-v21 .westclub-visual-button::after{border-radius:9px}
.westclub-v21 .westclub-ticker-shell{margin-top:10px;padding-top:10px}
.westclub-v21 .westclub-ticker-track span{padding:6px 10px;font-size:9px}
.westclub-compact-actions{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap}
.westclub-compact-actions span{font-size:9px;color:#b3b7bc;white-space:nowrap;font-weight:800;letter-spacing:.02em}
@media(max-width:1150px){.westclub-v21 .westclub-content{grid-template-columns:minmax(0,1fr) minmax(240px,340px)}}
@media(max-width:760px){.westclub-v21{padding:16px}.westclub-v21 .westclub-content{grid-template-columns:1fr;gap:16px}.westclub-v21 .westclub-visual-button img{height:auto;max-height:245px;object-fit:cover}.westclub-compact-actions{justify-content:flex-start}}
@media(max-width:380px){.westclub-v21 .westclub-rank{padding:6px;font-size:10px}}
