/* FS-Portal Modern 1.6.13 — HOME game hubs, low/wide, blended, with subtle latest-mod background. */ body:is(.home,.front-page) .fsp-home-hubs-v168 { --hub-accent:var(--fsp-accent,var(--fsp-user-main,#65a8ee)); color:var(--fsp-text,#f1f3f3); position:relative;width:100%;min-width:0;box-sizing:border-box; margin:18px 0 40px;padding:0; } body:is(.home,.front-page) .fsp-home-hubs-grid-v168 { display:grid;grid-template-columns:repeat(3,minmax(0,450px)); justify-content:center;align-items:stretch;gap:22px;width:100%;min-width:0; } body:is(.home,.front-page) .fsp-home-hubs-grid-v168.is-pair { grid-template-columns:repeat(2,minmax(0,552px));gap:24px; } body:is(.home,.front-page) .fsp-home-hubs-grid-v168.is-single {grid-template-columns:minmax(0,552px);} body:is(.home,.front-page) .fsp-home-hub-v168 { --hub-game-color:var(--hub-accent); --hub-tint:rgba(69,142,207,.18); position:relative;display:flex;flex-direction:column; min-width:0;min-height:224px;box-sizing:border-box;isolation:isolate;overflow:hidden; margin:0;padding:0!important;border-radius:22px; background:linear-gradient(180deg,rgba(22,29,31,.78),rgba(20,26,27,.74)); border:none; box-shadow:none; backdrop-filter: blur(2px); transition:background .2s ease, transform .18s ease; } body:is(.home,.front-page) .fsp-home-hub-v168[data-game="FS25"] {--hub-game-color:#98d02f;--hub-tint:rgba(132,187,31,.18);} body:is(.home,.front-page) .fsp-home-hub-v168[data-game="FS22"] {--hub-game-color:#4faef2;--hub-tint:rgba(66,164,230,.18);} body:is(.home,.front-page) .fsp-home-hub-v168[data-game="ETS2"] {--hub-game-color:#efb62b;--hub-tint:rgba(205,150,37,.18);} body:is(.home,.front-page) .fsp-home-hub-bg-v168 { position:absolute; inset:0; width:100%; height:100%; z-index:-2; object-fit:cover; object-position:center; pointer-events:none; filter:saturate(.88) contrast(1.05) brightness(.82); opacity:.34; } body:is(.home,.front-page) .fsp-home-hub-v168::before { content:""; position:absolute; inset:0; pointer-events:none; z-index:-1; background: radial-gradient(90% 140% at 100% 0%, var(--hub-tint), transparent 68%), linear-gradient(180deg, rgba(12,17,19,.54), rgba(16,21,23,.74)); } body:is(.home,.front-page) .fsp-home-hub-v168:not(.has-cover)::before { background: radial-gradient(90% 140% at 100% 0%, var(--hub-tint), transparent 68%), linear-gradient(180deg, rgba(22,29,31,.70), rgba(20,26,27,.66)); } body:is(.home,.front-page) .fsp-home-hub-v168:hover { background:linear-gradient(180deg,rgba(24,33,35,.76),rgba(20,27,29,.70)); transform:translateY(-1px); } body:is(.home,.front-page) .fsp-home-hub-v168 > .fsp-home-hub-inner-v168 { position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column; box-sizing:border-box;min-width:0;width:100%;padding:26px 28px 22px!important; } body:is(.home,.front-page) .fsp-home-hub-top-v168 {display:flex;align-items:flex-start;gap:14px;min-width:0;min-height:52px;} body:is(.home,.front-page) .fsp-home-hub-game-badge-v168 { display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;box-sizing:border-box; border:none;border-radius:0;overflow:visible;background:none;text-decoration:none!important; color:var(--hub-game-color)!important;font-size:13px;font-weight:900;padding:0; } body:is(.home,.front-page) .fsp-home-hub-game-badge-v168 img {display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 12px rgba(0,0,0,.18));} body:is(.home,.front-page) .fsp-home-hub-title-wrap-v168 {min-width:0;flex:1;padding-top:1px;} body:is(.home,.front-page) .fsp-home-hub-title-wrap-v168 h2 { margin:0 0 4px!important;padding:0!important;font-size:18px!important;line-height:1.2!important; font-weight:850!important;letter-spacing:-.015em!important;color:#f5f7f7!important; } body:is(.home,.front-page) .fsp-home-hub-title-wrap-v168 h2 a {color:inherit!important;text-decoration:none!important;} body:is(.home,.front-page) .fsp-home-hub-title-wrap-v168 h2 a:hover {color:var(--hub-game-color)!important;} body:is(.home,.front-page) .fsp-home-hub-title-wrap-v168 p {margin:0!important;color:#bcc5c1!important;font-size:11.75px!important;line-height:1.35!important;} body:is(.home,.front-page) .fsp-home-hub-cover-arrow-v168 { display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;box-sizing:border-box;margin-left:auto; border-radius:0;border:none;background:transparent; color:color-mix(in srgb,var(--hub-game-color), #ffffff 18%)!important;font-size:24px;font-weight:700;line-height:1;text-decoration:none!important;opacity:.92;transition:filter .18s ease,transform .18s ease, opacity .18s ease; } body:is(.home,.front-page) .fsp-home-hub-cover-arrow-v168:hover {filter:brightness(1.12);transform:translateX(2px);opacity:1;} body:is(.home,.front-page) .fsp-home-hub-stats-v168 { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;min-width:0;margin:24px 0 0; } body:is(.home,.front-page) .fsp-home-hub-stat-v168 {display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;} body:is(.home,.front-page) .fsp-home-hub-stat-v168 strong {display:block;min-width:0;font-variant-numeric:tabular-nums;color:#f7f8f9;font-size:19px;line-height:1.08;font-weight:850;letter-spacing:-.014em;white-space:nowrap;} body:is(.home,.front-page) .fsp-home-hub-stat-v168.is-week strong {color:var(--hub-game-color);} body:is(.home,.front-page) .fsp-home-hub-stat-v168 small {color:#b4bfba;font-size:11.5px;font-weight:500;line-height:1.25;} body:is(.home,.front-page) .fsp-home-hub-chips-v168 {display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:8px;min-width:0;margin:20px 0 0;} body:is(.home,.front-page) .fsp-home-hub-chips-v168 a { display:inline-flex;align-items:center;max-width:100%;min-height:30px;box-sizing:border-box;padding:7px 11px; border-radius:10px;border:1px solid rgba(215,231,223,.16);background:rgba(205,219,214,.055);color:#e4e9e6!important;text-decoration:none!important; font-size:11.5px;font-weight:640;line-height:1.2;overflow-wrap:anywhere;transition:background .18s ease,border-color .18s ease; } body:is(.home,.front-page) .fsp-home-hub-chips-v168 a:hover {background:color-mix(in srgb,var(--hub-game-color),transparent 87%);border-color:color-mix(in srgb,var(--hub-game-color),transparent 58%);} body:is(.home,.front-page) .fsp-home-hubs-v168 a:focus-visible {outline:2px solid var(--hub-game-color,var(--hub-accent));outline-offset:3px;} body:is(.home,.front-page) .fsp-home-hub-v168--pulse { --hub-game-color:#68aef1; --hub-tint:rgba(89,158,226,.20); background:linear-gradient(180deg,rgba(22,29,31,.80),rgba(20,26,27,.76)); } body:is(.home,.front-page) .fsp-home-hub-v168--pulse::before { content:""; position:absolute; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(120% 140% at 100% 0%, rgba(89,158,226,.24), transparent 68%), linear-gradient(180deg, rgba(19,24,28,.86), rgba(15,20,24,.92)); } body:is(.home,.front-page) .fsp-home-hub-top-v168.is-pulse {min-height:48px;} body:is(.home,.front-page) .fsp-home-hub-pulse-badge-v168 { color:#7bbcff!important; font-size:20px; line-height:1; filter:none; width:40px; height:40px; } body:is(.home,.front-page) .fsp-home-hub-v168--pulse .fsp-home-hub-title-wrap-v168 h2 {font-size:17px!important;} body:is(.home,.front-page) .fsp-home-hub-pulse-stats-v168 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0 0; } body:is(.home,.front-page) .fsp-home-hub-pulse-item-v168 { display:block; min-width:0; border-radius:14px; padding:14px 14px 12px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.06); color:inherit; text-decoration:none!important; cursor:pointer; transition:background .18s ease,border-color .18s ease,transform .18s ease; } body:is(.home,.front-page) .fsp-home-hub-pulse-item-v168:hover { background:rgba(107,176,239,.12); border-color:rgba(127,190,248,.28); transform:translateY(-2px); } body:is(.home,.front-page) .fsp-home-hub-pulse-item-v168:focus-visible { outline:2px solid #7bbcff; outline-offset:3px; } body:is(.home,.front-page) .fsp-home-hub-pulse-item-v168 strong { display:block; font-size:22px; line-height:1.05; font-weight:850; letter-spacing:-.02em; } body:is(.home,.front-page) .fsp-home-hub-pulse-item-v168.is-added strong {color:#8dd52f;} body:is(.home,.front-page) .fsp-home-hub-pulse-item-v168.is-updated strong {color:#5cb6ff;} body:is(.home,.front-page) .fsp-home-hub-pulse-item-v168 small { display:block; margin-top:4px; color:#bac4c0; font-size:11.5px; line-height:1.25; } body:is(.home,.front-page) .fsp-home-hub-pulse-meta-v168 { margin:16px 0 0; color:#c6cfcc; font-size:11.75px; line-height:1.35; } @media(max-width:1280px){body:is(.home,.front-page) .fsp-home-hubs-grid-v168.is-pair{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:1220px){body:is(.home,.front-page) .fsp-home-hubs-grid-v168.is-multi{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:860px){body:is(.home,.front-page) .fsp-home-hubs-v168{margin:16px 0 34px;} body:is(.home,.front-page) .fsp-home-hubs-grid-v168, body:is(.home,.front-page) .fsp-home-hubs-grid-v168.is-multi, body:is(.home,.front-page) .fsp-home-hubs-grid-v168.is-pair, body:is(.home,.front-page) .fsp-home-hubs-grid-v168.is-single{grid-template-columns:minmax(0,552px);gap:16px;justify-content:center;}} @media(max-width:620px){body:is(.home,.front-page) .fsp-home-hub-v168{min-height:214px;} body:is(.home,.front-page) .fsp-home-hub-v168 > .fsp-home-hub-inner-v168{padding:22px 22px 20px!important;} body:is(.home,.front-page) .fsp-home-hub-stats-v168{gap:14px;margin-top:22px;}} @media(max-width:450px){body:is(.home,.front-page) .fsp-home-hub-title-wrap-v168 h2{font-size:16px!important;} body:is(.home,.front-page) .fsp-home-hub-stat-v168 strong{font-size:17px;} body:is(.home,.front-page) .fsp-home-hub-chips-v168{gap:7px;margin-top:18px;} body:is(.home,.front-page) .fsp-home-hub-chips-v168 a{font-size:11px;min-height:29px;padding:6px 10px;}} @media(max-width:350px){body:is(.home,.front-page) .fsp-home-hub-v168 > .fsp-home-hub-inner-v168{padding:18px 18px 18px!important;} body:is(.home,.front-page) .fsp-home-hub-game-badge-v168{flex-basis:36px;width:36px;height:36px;} body:is(.home,.front-page) .fsp-home-hub-cover-arrow-v168{flex-basis:26px;width:26px;height:26px;} body:is(.home,.front-page) .fsp-home-hub-stat-v168 strong{font-size:15px;}} @media(prefers-reduced-motion:reduce){body:is(.home,.front-page) .fsp-home-hub-v168, body:is(.home,.front-page) .fsp-home-hub-cover-arrow-v168{transform:none!important;transition:none;}}