/* FS-Portal Modern 1.6.51 — HOME #3 premium refinements.
   One real cover per game from public published mods; scoped to HOME only. */
body:is(.home,.front-page) .fsp-home-v3-v1650 {
  --fsp-v3-amber:var(--fsp-user-bright,#eeab57);
  --fsp-v3-green:#9ad72b;
  --fsp-v3-blue:#58b5f6;
  position:relative;display:block;width:100%;min-width:0;margin:0;color:#f5f6f6;
}
body:is(.home,.front-page) .fsp-home-v3-v1650 *,
body:is(.home,.front-page) .fsp-home-v3-v1650 *::before,
body:is(.home,.front-page) .fsp-home-v3-v1650 *::after {box-sizing:border-box}
body:is(.home,.front-page) .fsp-home-v3-grid-v1650 {
  display:grid;grid-template-columns:minmax(0,1.72fr) minmax(330px,.96fr);
  align-items:stretch;gap:14px;min-width:0;width:100%;
}
body:is(.home,.front-page) .fsp-home-v3-rows-v1650 {
  display:flex;flex-direction:column;gap:9px;min-width:0;
}
body:is(.home,.front-page) .fsp-home-v3-game-v1650,
body:is(.home,.front-page) .fsp-home-v3-pulse-v1650 {
  position:relative;display:grid;isolation:isolate;align-items:center;
  grid-template-columns:minmax(235px,1.04fr) minmax(270px,1.2fr) 42px;
  gap:17px;min-width:0;min-height:116px;margin:0;
  padding:20px 36px 20px 28px;border-radius:17px;overflow:hidden;
  border:1px solid rgba(157,193,185,.23);
  background:linear-gradient(113deg,#1a2924,#1a2421);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 9px 25px rgba(0,0,0,.17);
  transition:border-color .25s ease,box-shadow .25s ease;
}
body:is(.home,.front-page) .fsp-home-v3-game-v1650[data-game="FS25"] {
  border-color:rgba(134,195,66,.39);--fsp-v3-game:#9ad82d;
  background:linear-gradient(110deg,#203524,#192620);
}
body:is(.home,.front-page) .fsp-home-v3-game-v1650[data-game="FS22"] {
  border-color:rgba(96,183,229,.37);--fsp-v3-game:#59bffd;
  background:linear-gradient(110deg,#1d3341,#1a272f);
}
/* Photo occupies the RIGHT side of each game strip, never a foreground element. */
body:is(.home,.front-page) .fsp-home-v3-cover-v1650 {
  position:absolute!important;inset:0!important;z-index:0!important;
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center 48%;border:0!important;
  border-radius:inherit!important;opacity:.88;pointer-events:none!important;
  filter:saturate(.86) contrast(1.04);transition:transform .45s ease,filter .4s ease;
}
body:is(.home,.front-page) .fsp-home-v3-game-v1650::before {
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(24,42,29,.99) 0%,rgba(21,37,28,.97) 34%,rgba(20,35,27,.79) 59%,rgba(20,31,25,.51) 100%),
             linear-gradient(0deg,rgba(9,20,15,.23),transparent 75%);
}
body:is(.home,.front-page) .fsp-home-v3-game-v1650[data-game="FS22"]::before {
  background:linear-gradient(90deg,rgba(24,44,57,.99) 0%,rgba(21,38,49,.96) 34%,rgba(21,36,46,.78) 59%,rgba(17,30,41,.53) 100%),
             linear-gradient(0deg,rgba(8,21,30,.23),transparent 75%);
}
body:is(.home,.front-page) .fsp-home-v3-game-v1650::after,
body:is(.home,.front-page) .fsp-home-v3-pulse-v1650::after {
  content:"";position:absolute;z-index:1;pointer-events:none;top:0;left:22px;right:22px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,248,247,.17),transparent);
}
body:is(.home,.front-page) .fsp-home-v3-game-v1650 > :not(.fsp-home-v3-cover-v1650),
body:is(.home,.front-page) .fsp-home-v3-pulse-v1650 > * {
  position:relative;z-index:2;
}
body:is(.home,.front-page) .fsp-home-v3-game-v1650:hover {
  border-color:color-mix(in srgb,var(--fsp-v3-game) 60%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 12px 31px rgba(0,0,0,.24),0 0 17px color-mix(in srgb,var(--fsp-v3-game) 11%,transparent);
}
body:is(.home,.front-page) .fsp-home-v3-game-v1650:hover .fsp-home-v3-cover-v1650 {transform:scale(1.035);filter:saturate(1) contrast(1.04)}
body:is(.home,.front-page) .fsp-home-v3-pulse-v1650 {
  grid-template-columns:minmax(235px,1.04fr) minmax(270px,1.2fr);
  border-color:rgba(120,171,198,.31);
  background:radial-gradient(95% 155% at 3% 5%,rgba(71,145,194,.17),transparent 67%),linear-gradient(110deg,#202d36,#19262e 92%);
}
body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 {
  display:flex;align-items:center;gap:14px;min-width:0;
}
body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 > div {min-width:0}
body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 h2 {
  font-size:clamp(14px,1.14vw,18px)!important;line-height:1.18!important;
  font-weight:850!important;letter-spacing:-.015em;margin:0 0 5px!important;
  padding:0!important;color:#fff!important;
}
body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 h2 a {color:inherit!important;text-decoration:none!important}
body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 h2 a:hover {color:var(--fsp-v3-game)!important}
body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 small {
  display:block;color:#cad7d1;font-size:11px;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.35);
}
body:is(.home,.front-page) .fsp-home-v3-icon-v1650,
body:is(.home,.front-page) .fsp-home-v3-pulse-icon-v1650 {
  display:grid;place-items:center;flex:0 0 80px;width:80px;min-width:80px;height:43px;
  font-size:26px;color:var(--fsp-v3-game,#74c9ff);text-decoration:none!important;border-radius:11px;line-height:1;
}
body:is(.home,.front-page) .fsp-home-v3-icon-v1650 > span {
  display:grid;place-items:center;padding:4px 6px;min-width:38px;height:38px;
  background:linear-gradient(155deg,var(--fsp-v3-game,#91d334),rgba(255,255,255,.24));
  color:#12201b;border-radius:10px;font-size:13px;font-weight:900;line-height:1;
}
body:is(.home,.front-page) .fsp-home-v3-icon-v1650 img {
  width:42px;height:42px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));
}
body:is(.home,.front-page) .fsp-home-v3-pulse-icon-v1650 {font-size:33px;color:var(--fsp-v3-blue)}
body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;align-items:center;
}
body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 > span {
  min-width:0;padding:5px 10px;border-left:1px solid rgba(255,255,255,.12);text-align:center;
}
body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 > span:first-child {border-left:0}
body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 strong {
  display:block;font-size:clamp(16px,1.29vw,22px);font-weight:850;line-height:1.14;
  font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,.3);
}
body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 .is-growth strong {color:var(--fsp-v3-game,#8fd642)}
body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 small {
  display:block;margin-top:4px;font-size:10.5px;line-height:1.2;color:#d0d9d6;
}
body:is(.home,.front-page) .fsp-home-v3-arrow-v1650 {
  color:var(--fsp-v3-game,#74c9ff)!important;display:grid;place-items:center;justify-self:end;
  width:38px;height:38px;font-size:24px;line-height:1;text-decoration:none!important;border-radius:999px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
body:is(.home,.front-page) .fsp-home-v3-arrow-v1650:hover {transform:translateX(3px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650 {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center;min-width:0;padding-right:6px;
}
body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650 a {
  padding:11px 14px;display:block;min-width:0;border-radius:13px;
  background:rgba(255,255,255,.048);border:1px solid rgba(255,255,255,.095);
  text-decoration:none!important;transition:background .18s ease,border-color .18s ease;
}
body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650 a:hover {
  background:rgba(255,255,255,.08);border-color:rgba(142,193,217,.25);
}
body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650 strong {
  display:block;font-size:22px;font-weight:900;line-height:1.1;color:#97d936;
}
body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650 a:nth-child(2) strong {color:#69baf7}
body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650 small {
  display:block;margin-top:3px;font-size:10.5px;color:#cbd3d2;line-height:1.2;
}
/* Right-hand latest module shares the new visual rhythm and card rounding. */
body:is(.home,.front-page) .fsp-home-v3-latest-v1650 {
  position:relative;min-width:0;display:flex;flex-direction:column;
  padding:18px 20px 14px;border-radius:18px;
  border:1px solid rgba(var(--fsp-user-bright-rgb,246,175,54),.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 13px 30px rgba(0,0,0,.21);
  background:radial-gradient(95% 80% at 0% 0%,rgba(var(--fsp-user-bright-rgb,246,175,54),.085),transparent 78%),linear-gradient(143deg,rgba(32,31,30,.96),rgba(18,20,24,.98));
}
body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650,
body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650 > div {display:flex;align-items:center;gap:8px;min-width:0}
body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650 {justify-content:space-between;margin-bottom:9px;gap:9px}
body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650 h2 {
  font-size:clamp(16px,1.29vw,21px)!important;color:#f8f8f6!important;
  letter-spacing:-.015em;font-weight:850!important;line-height:1.2!important;
  padding:0!important;margin:0!important;white-space:nowrap;
}
body:is(.home,.front-page) .fsp-home-v3-latest-mark-v1650 {font-size:27px;line-height:.8;color:var(--fsp-v3-amber);transform:rotate(-25deg)}
body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650 > a {
  color:var(--fsp-v3-amber)!important;font-size:11px;text-decoration:none!important;font-weight:800;white-space:nowrap;
}
body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650 > a:hover {text-decoration:underline!important}
body:is(.home,.front-page) .fsp-home-v3-latest-items-v1650 {display:flex;flex-direction:column;flex:1;min-width:0}
body:is(.home,.front-page) .fsp-home-v3-latest-item-v1650 {
  min-width:0;display:grid;grid-template-columns:102px minmax(0,1fr) auto;
  align-items:center;gap:11px;padding:8px 0;flex:1;
  text-decoration:none!important;color:inherit!important;border-bottom:1px solid rgba(255,255,255,.08);
}
body:is(.home,.front-page) .fsp-home-v3-latest-item-v1650:last-child {border-bottom:0}
body:is(.home,.front-page) .fsp-home-v3-latest-item-v1650:hover .fsp-home-v3-latest-desc-v1650 strong {color:var(--fsp-v3-amber)}
body:is(.home,.front-page) .fsp-home-v3-latest-photo-v1650 {
  width:102px;height:65px;min-width:0;overflow:hidden;border-radius:10px;
  border:1px solid rgba(255,255,255,.12);background:#262b2e;
}
body:is(.home,.front-page) .fsp-home-v3-latest-photo-v1650 img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
body:is(.home,.front-page) .fsp-home-v3-latest-item-v1650:hover img {transform:scale(1.035)}
body:is(.home,.front-page) .fsp-home-v3-latest-desc-v1650 {min-width:0;display:block}
body:is(.home,.front-page) .fsp-home-v3-latest-desc-v1650 strong {
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
  overflow:hidden;font-size:13.5px;font-weight:800;line-height:1.24;color:#eff2f0;transition:color .18s;
}
body:is(.home,.front-page) .fsp-home-v3-latest-desc-v1650 small {display:block;font-size:11px;color:#abb9b9;margin-top:4px}
body:is(.home,.front-page) .fsp-home-v3-latest-item-v1650 time {
  font-size:10.5px;color:#cad1ce;line-height:1.2;white-space:nowrap;text-align:right;
}
body:is(.home,.front-page) .fsp-home-v3-empty-v1650 {color:#b9c5c4;padding:35px 8px;text-align:center}
body:is(.home,.front-page) .fsp-home-v3-v1650 a:focus-visible {outline:2px solid var(--fsp-v3-amber);outline-offset:3px}
@media(max-width:1220px) {
 body:is(.home,.front-page) .fsp-home-v3-grid-v1650{grid-template-columns:minmax(0,1fr)}
 body:is(.home,.front-page) .fsp-home-v3-game-v1650{grid-template-columns:minmax(220px,1fr) minmax(290px,1.08fr) 42px;padding:19px 34px 19px 25px;gap:14px}
 body:is(.home,.front-page) .fsp-home-v3-pulse-v1650{grid-template-columns:minmax(220px,1fr) minmax(290px,1.08fr);padding:19px 34px 19px 25px;gap:14px}
 body:is(.home,.front-page) .fsp-home-v3-latest-v1650{padding:18px 20px}
 body:is(.home,.front-page) .fsp-home-v3-latest-item-v1650{grid-template-columns:102px minmax(0,1fr) auto}
}
@media(max-width:670px) {
 body:is(.home,.front-page) .fsp-home-v3-grid-v1650{gap:12px}
 body:is(.home,.front-page) .fsp-home-v3-rows-v1650{gap:9px}
 body:is(.home,.front-page) .fsp-home-v3-game-v1650,
 body:is(.home,.front-page) .fsp-home-v3-pulse-v1650{grid-template-columns:minmax(0,1fr) 34px;gap:10px;padding:17px 20px 18px;min-height:0;border-radius:16px}
 body:is(.home,.front-page) .fsp-home-v3-game-label-v1650{grid-column:1;grid-row:1}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650{grid-column:1/-1;grid-row:2}
 body:is(.home,.front-page) .fsp-home-v3-arrow-v1650{grid-column:2;grid-row:1;align-self:center}
 body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650{grid-column:1/-1;grid-row:2}
 body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 h2{font-size:15px!important}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650{gap:4px}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 strong{font-size:17px}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 > span:first-child{border-left:0}
 body:is(.home,.front-page) .fsp-home-v3-icon-v1650,
 body:is(.home,.front-page) .fsp-home-v3-pulse-icon-v1650{width:58px;min-width:58px;flex-basis:58px;height:43px}
 body:is(.home,.front-page) .fsp-home-v3-icon-v1650 img{width:37px;height:37px}
 body:is(.home,.front-page) .fsp-home-v3-latest-v1650{padding:15px;border-radius:17px}
 body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650 h2{font-size:17px!important}
 body:is(.home,.front-page) .fsp-home-v3-latest-photo-v1650{width:76px;height:59px}
 body:is(.home,.front-page) .fsp-home-v3-latest-item-v1650{grid-template-columns:76px minmax(0,1fr);gap:9px;padding:9px 0}
 body:is(.home,.front-page) .fsp-home-v3-latest-item-v1650 time{grid-column:2;grid-row:2;text-align:left;margin-top:-8px}
 body:is(.home,.front-page) .fsp-home-v3-latest-desc-v1650 strong{font-size:12.5px}
 body:is(.home,.front-page) .fsp-home-v3-cover-v1650{opacity:.60;object-position:70% center}
}
@media(max-width:370px) {
 body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650>div{gap:5px}
 body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650 h2{font-size:15px!important}
 body:is(.home,.front-page) .fsp-home-v3-latest-head-v1650>a{font-size:10px}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 small{font-size:9px}
 body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650 a{padding:9px}
}
@media(prefers-reduced-motion:reduce) {
 body:is(.home,.front-page) .fsp-home-v3-v1650 img,body:is(.home,.front-page) .fsp-home-v3-v1650 a{transition:none!important;transform:none!important}
}

/* 1.6.54: one coherent set of spacing rules, without competing legacy overrides. */
@media (min-width:671px) {
 body:is(.home,.front-page) .fsp-home-v3-rows-v1650 {gap:13px}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 > span {
   display:flex;flex-direction:column;align-items:center;justify-content:center;
   min-height:54px;text-align:center;
 }
 body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650 a {
   display:flex;flex-direction:column;align-items:center;justify-content:center;
   min-height:64px;text-align:center;
 }
}
/* The arrow gets a real inset; the final stat remains inside the card. */
body:is(.home,.front-page) .fsp-home-v3-game-v1650 > .fsp-home-v3-arrow-v1650 {
  justify-self:center;align-self:center;margin:0;
}
body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 {padding-right:5px}
body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 > span:last-child {padding-right:12px}
@media (min-width:671px) and (max-width:760px) {
 body:is(.home,.front-page) .fsp-home-v3-game-v1650 {grid-template-columns:minmax(180px,1fr) minmax(235px,1.15fr) 38px;padding:16px 23px;gap:10px}
 body:is(.home,.front-page) .fsp-home-v3-pulse-v1650 {grid-template-columns:minmax(180px,1fr) minmax(235px,1.15fr);padding:16px 23px;gap:10px}
 body:is(.home,.front-page) .fsp-home-v3-icon-v1650,
 body:is(.home,.front-page) .fsp-home-v3-pulse-icon-v1650 {width:60px;min-width:60px;flex-basis:60px}
 body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 {gap:9px}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 {gap:4px}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 > span {padding:4px 5px}
}
@media (max-width:670px) {
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 {gap:4px}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 > span {padding:4px 5px;text-align:center}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 > span:first-child {border-left:0}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 > span:last-child {padding-right:5px}
 body:is(.home,.front-page) .fsp-home-v3-pulse-metrics-v1650 {padding-right:0}
 body:is(.home,.front-page) .fsp-home-v3-arrow-v1650 {width:30px;height:30px;font-size:21px}
}
@media (max-width:370px) {
 body:is(.home,.front-page) .fsp-home-v3-icon-v1650,
 body:is(.home,.front-page) .fsp-home-v3-pulse-icon-v1650 {width:48px;min-width:48px;flex-basis:48px}
 body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 {gap:8px}
 body:is(.home,.front-page) .fsp-home-v3-game-label-v1650 h2 {font-size:14px!important}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 strong {font-size:15px}
 body:is(.home,.front-page) .fsp-home-v3-metrics-v1650 small {font-size:9.5px}
 body:is(.home,.front-page) .fsp-home-v3-game-v1650,
 body:is(.home,.front-page) .fsp-home-v3-pulse-v1650 {padding-left:17px;padding-right:17px}
}
