:root {
--fph-bg:        #f5f7fa;
--fph-bg-2:      #eef2f7;
--fph-bg-3:      #e5eaf1;
--fph-surface:   #ffffff;
--fph-surface-2: #f3f6fb;
--fph-border:   rgba(15, 23, 42, 0.08);
--fph-border-2: rgba(15, 23, 42, 0.16);
--fph-text:       #111111;
--fph-text-body:  #374151;
--fph-text-muted: #6b7280;
--fph-text-dim:   #7c8594;
--fph-lime:       #c7f000;
--fph-lime-dark:  #b5dc00;
--fph-lime-text:  #111111;
--fph-violet:     #7c3aed;
--fph-blue:       #2800f0;
--fph-ps:   #003791;
--fph-xbox: #107c10;
--fph-pc:   #2563eb;
--fph-mob:  #ea580c;
--fph-nin:  #e60012;
--fph-font-display: 'Sora', 'Helvetica Neue', sans-serif;
--fph-font-body:    'Inter', 'Helvetica Neue', sans-serif;
--fph-gap:   clamp(1.25rem, 3vw, 2.25rem);
--fph-shell: clamp(1.25rem, 5vw, 5rem);
--fph-radius:    0px!important;
--fph-radius-lg: 0px!important;
--fph-shadow:      0 10px 30px rgba(15, 23, 42, 0.08);
--fph-shadow-card: 0 4px 18px rgba(15, 23, 42, 0.06);
--fph-ease: cubic-bezier(.22, .61, .36, 1);
--fph-dur:  220ms;
} html.dark,
body.dark,
html.dark body,
body.dark-mode,
body.is-dark-theme,
body.newsx-dark-mode,
html[data-theme="dark"],
body[data-theme="dark"] {
--fph-bg:        #090b10;
--fph-bg-2:      #11151c;
--fph-bg-3:      #171c25;
--fph-surface:   #0f0f12;
--fph-surface-2: #161922;
--fph-border:   rgba(255, 255, 255, 0.08);
--fph-border-2: rgba(255, 255, 255, 0.16);
--fph-text:       #f5f7fa;
--fph-text-body:  #d1d5db;
--fph-text-muted: #a8b0bd;
--fph-text-dim:   #8b95a7;
--fph-lime:       #c7f000;
--fph-lime-dark:  #b5dc00;
--fph-lime-text:  #111111;
--fph-violet:     #9f67ff;
--fph-blue:       #5b7cff;
--fph-ps:   #0a4bb3;
--fph-xbox: #169b16;
--fph-pc:   #3b82f6;
--fph-mob:  #f97316;
--fph-nin:  #ff3347;
--fph-shadow:      0 10px 30px rgba(0, 0, 0, 0.45);
--fph-shadow-card: 0 4px 18px rgba(0, 0, 0, 0.32);
} .go-fph *,
.go-fph *::before,
.go-fph *::after {
box-sizing: border-box;
}
.go-fph {
background-color: var(--fph-bg);
color: var(--fph-text);
font-family: var(--fph-font-body);
font-size: 1.0625rem; line-height: 1.65;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.go-fph a {
color: inherit;
text-decoration: none;
}
.go-fph img {
display: block;
max-width: 100%;
height: auto;
} .go-fph-shell {
width: 100%;
max-width: 1440px;
margin-inline: auto;
padding-inline: var(--fph-shell);
}
.go-fph-main {
max-width: 1440px;
margin-inline: auto;
padding-inline: var(--fph-shell);
display: flex;
flex-direction: column;
gap: clamp(3.5rem, 6vw, 5rem);
padding-top: clamp(3.2rem, 6vw, 4.6rem);
padding-bottom: clamp(3rem, 6vw, 5rem);
}
.go-fph-hero {
margin-bottom: 0;
}
.go-fph-hero + .go-fph-main {
padding-top: clamp(3.4rem, 6vw, 4.8rem);
} .go-fph-kicker {
display: inline-flex;
align-items: center;
gap: .55rem;
font-family: var(--fph-font-display);
font-size: .8rem;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--fph-violet);
}
.go-fph-kicker::before {
content: '';
display: block;
width: 20px;
height: 2px;
background: currentColor;
flex-shrink: 0;
}
.go-fph-kicker--soft {
color: var(--fph-text-muted);
}
.go-fph-kicker--platform {
color: var(--fph-text-dim);
} .go-fph-hero-topline .go-fph-kicker {
color: var(--fph-lime);
} .go-fph-card-cat {
display: inline-block;
padding: .28em .75em;
border-radius:0!important;
font-family: var(--fph-font-display);
font-size: .76rem;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
white-space: nowrap;
line-height: 1.6;
} .go-fph-cat--lime        { background: var(--fph-lime);   color: var(--fph-lime-text); } .go-fph-cat--blue        { background: var(--fph-blue);   color: #fff; }
.go-fph-cat--violet      { background: var(--fph-violet); color: #fff; }
.go-fph-cat--playstation { background: var(--fph-ps);     color: #fff; }
.go-fph-cat--xbox        { background: var(--fph-xbox);   color: #fff; }
.go-fph-cat--pc          { background: var(--fph-pc);     color: #fff; }
.go-fph-cat--mobile      { background: var(--fph-mob);    color: #fff; }
.go-fph-cat--nintendo    { background: var(--fph-nin);    color: #fff; } .go-fph-score {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.75rem;
height: 2.75rem;
padding-inline: .6rem;
border-radius:0!important;
background: var(--fph-lime);
color: var(--fph-lime-text); font-family: var(--fph-font-display);
font-size: 1.15rem;
font-weight: 800;
letter-spacing: -.01em;
line-height: 1;
}
.go-fph-score--hero {
min-width: 3.5rem;
height: 3.5rem;
font-size: 1.6rem;
} .go-fph-meta {
display: flex;
align-items: center;
gap: .65rem;
font-size: .86rem;
color: var(--fph-text-muted);
flex-wrap: wrap;
} .go-fph-meta--light {
color: rgba(255, 255, 255, .78);
}
.go-fph-author {
display: flex;
align-items: center;
gap: .5rem;
transition: color var(--fph-dur) var(--fph-ease);
}
.go-fph-author:hover       { color: var(--fph-text); }
.go-fph-author--light:hover { color: #fff; }
.go-fph-author-avatar {
width: 32px;
height: 32px;
border-radius:0!important;
object-fit: cover;
flex-shrink: 0;
border: 2px solid var(--fph-border-2);
}
.go-fph-author-name {
font-weight: 500;
color: var(--fph-text-body);
}
.go-fph-meta--light .go-fph-author-name {
color: rgba(255, 255, 255, .88);
}
.go-fph-meta-sep {
width: 3px;
height: 3px;
border-radius:0!important;
background: currentColor;
opacity: .5;
flex-shrink: 0;
} .go-fph-button {
display: inline-flex;
align-items: center;
gap: .45rem;
padding: .68em 1.1em;
border-radius:0!important;
font-family: var(--fph-font-display);
font-size: .78rem;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
cursor: pointer;
transition:
background var(--fph-dur) var(--fph-ease),
color var(--fph-dur) var(--fph-ease),
border-color var(--fph-dur) var(--fph-ease),
outline-offset 120ms;
outline: 2px solid transparent;
outline-offset: 0;
}
.go-fph-button:focus-visible {
outline-color: var(--fph-lime);
outline-offset: 3px;
} .go-fph-button--solid {
background: var(--fph-lime);
color: var(--fph-lime-text);
border: 2px solid transparent;
box-shadow: none;
}
.go-fph-button--solid:hover {
background: var(--fph-lime-dark);
color: var(--fph-lime-text);
} .go-fph-button--ghost {
background: rgba(255, 255, 255, .1);
color: #fff;
border: 2px solid rgba(255, 255, 255, .35);
}
.go-fph-button--ghost:hover {
background: rgba(255, 255, 255, .18);
border-color: rgba(255, 255, 255, .6);
color: #fff;
} .go-fph-more {
display: inline-flex;
align-items: center;
gap: .45rem;
font-family: var(--fph-font-display);
font-size: .84rem;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--fph-text-muted);
white-space: nowrap;
transition: color var(--fph-dur) var(--fph-ease);
}
.go-fph-more::after {
content: "\2192";
transition: transform var(--fph-dur) var(--fph-ease);
}
.go-fph-more:hover {
color: var(--fph-text);
}
.go-fph-more:hover::after {
transform: translateX(5px);
}
.go-fph-more--platform {
margin-top: auto;
color: var(--fph-text-dim);
}
.go-fph-more--platform:hover { color: var(--fph-text); } .go-fph-section-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1.25rem;
margin-bottom: clamp(1.5rem, 3.5vw, 2.5rem);
padding-bottom: 1.1rem;
border-bottom: 1px solid var(--fph-border);
}
.go-fph-section-head > div {
display: flex;
flex-direction: column;
gap: .4rem;
}
.go-fph-section-head h2 {
margin: 0;
font-family: var(--fph-font-display);
font-size: clamp(1.8rem, 3.5vw, 2.75rem);
font-weight: 800;
letter-spacing: -.025em;
line-height: 1.1;
color: var(--fph-text);
}
.go-fph-section-desc {
margin: 0;
font-size: .96rem;
color: var(--fph-text-muted);
max-width: 50ch;
line-height: 1.6;
} .go-fph-placeholder {
width: 100%;
aspect-ratio: 16 / 9;
background-color: var(--fph-bg-3);
background-image: repeating-linear-gradient(
-45deg,
var(--fph-border) 0,
var(--fph-border) 1px,
transparent 1px,
transparent 14px
);
} .go-fph-hero {
position: relative;
min-height: clamp(430px, 58vh, 680px);
display: grid;
place-items: end;
overflow: hidden;
}
.go-fph-hero-media {
position: absolute;
inset: 0;
z-index: 0;
}
.go-fph-hero-media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
} .go-fph-hero-overlay {
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(
to top,
rgba(0, 0, 0, .93) 0%,
rgba(0, 0, 0, .64) 38%,
rgba(0, 0, 0, .18) 72%,
rgba(0, 0, 0, .04) 100%
),
radial-gradient(ellipse at center, transparent 35%, rgba(0, 0, 0, .55) 100%);
}
.go-fph-hero > .go-fph-shell {
position: relative;
z-index: 2;
width: 100%;
padding-block: clamp(2.5rem, 6vw, 5rem);
}
.go-fph-hero-content {
max-width: 760px;
display: flex;
flex-direction: column;
gap: 1rem;
padding-bottom: clamp(4.25rem, 10vw, 6rem);
}
.go-fph-hero-topline {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .75rem;
} .go-fph-hero-title {
margin: 0;
font-family: var(--fph-font-display);
font-size: clamp(2.2rem, 5.5vw, 4.1rem);
font-weight: 800;
line-height: 1.02;
letter-spacing: -.035em;
color: #ffffff;
}
.go-fph-hero-title a {
color: inherit;
display: block;
transition: color var(--fph-dur) var(--fph-ease);
}
.go-fph-hero-title a:hover { color: var(--fph-lime); } .go-fph-hero-excerpt {
margin: 0;
font-size: clamp(.98rem, 1.7vw, 1.08rem);
color: rgba(255, 255, 255, .82);
max-width: 54ch;
line-height: 1.65;
}
.go-fph-hero-actions {
display: flex;
flex-wrap: wrap;
gap: .9rem;
margin-top: .5rem;
} .go-fph-grid--three {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--fph-gap);
}
@media (max-width: 920px) { .go-fph-grid--three { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .go-fph-grid--three { grid-template-columns: 1fr; } } .go-fph-card {
--_radius: var(--fph-radius-lg);
background: 0px!important;
border-radius:0!important;
overflow: hidden;
border: 1px solid var(--fph-border);
box-shadow: var(--fph-shadow-card);
transition:
transform var(--fph-dur) var(--fph-ease),
box-shadow var(--fph-dur) var(--fph-ease),
border-color var(--fph-dur) var(--fph-ease);
} .go-fph-hero-overlay {
pointer-events: none;
}
.go-fph-hero-media-link {
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
pointer-events: auto;
}
.go-fph-hero-media-link img {
width: 100%;
height: 100%;
object-fit: cover;
}
.go-fph-hero-content {
padding-bottom: clamp(2.3rem, 5vw, 3.5rem);
}
.go-fph-hero-title a,
.go-fph-hero-actions a,
.go-fph-hero .go-fph-button,
.go-fph-hero .go-fph-button--solid,
.go-fph-hero .go-fph-button--ghost {
position: relative;
z-index: 7;
pointer-events: auto !important;
}
.go-fph-promo-media {
overflow: hidden;
}
.go-fph-promo-discount {
position: absolute;
top: 14px;
right: 14px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 0 12px;
border-radius:0!important;
font-family: var(--fph-font-display);
font-size: .82rem;
font-weight: 800;
letter-spacing: .03em;
box-shadow: 0 14px 24px rgba(15, 23, 42, .18);
}
.go-fph-promo-discount.is-soft {
background: linear-gradient(135deg, #efff90, #c7f000);
color: #111111;
}
.go-fph-promo-discount.is-strong {
background: linear-gradient(135deg, #ffdf62, #f59e0b);
color: #111111;
}
.go-fph-promo-discount.is-hot {
background: linear-gradient(135deg, #ff8d6b, #ef4444);
color: #ffffff;
}
.go-fph-promo-discount.is-legendary {
background: linear-gradient(135deg, #5d3bff, #2800f0);
color: #ffffff;
}
.go-fph-promo-badges {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.go-fph-promo-badge.is-platform {
background: rgba(40, 0, 240, 0.08);
border-color: rgba(40, 0, 240, 0.18);
color: #3724bb;
}
.go-fph-promo-store {
color: var(--fph-text);
}
.go-fph-promo-badge {
color: #526100;
}
.go-fph-promo-price {
align-items: flex-end;
}
.go-fph-promo-price strong {
font-size: 1.2rem;
}
.go-fph-promo-price s {
display: inline-flex;
font-size: .86rem;
}
html.dark .go-fph-promo-badge.is-platform,
body.dark .go-fph-promo-badge.is-platform,
body.dark-mode .go-fph-promo-badge.is-platform,
body.is-dark-theme .go-fph-promo-badge.is-platform,
body.newsx-dark-mode .go-fph-promo-badge.is-platform,
[data-theme="dark"] .go-fph-promo-badge.is-platform {
background: rgba(114, 92, 255, 0.2);
border-color: rgba(145, 127, 255, 0.3);
color: #d7d2ff;
}
.go-fph-card:hover {
transform: translateY(-4px);
box-shadow: var(--fph-shadow);
border-color: var(--fph-border-2);
}
.go-fph-card-link {
display: flex;
flex-direction: column;
height: 100%;
color: inherit;
}
.go-fph-card-media {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
background: var(--fph-bg-2);
flex-shrink: 0;
}
.go-fph-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 400ms var(--fph-ease);
}
.go-fph-card:hover .go-fph-card-media img { transform: scale(1.05); }
.go-fph-card-media .go-fph-card-cat {
position: absolute;
top: .85rem;
left: .85rem;
}
.go-fph-card-media .go-fph-score {
position: absolute;
bottom: .85rem;
right: .85rem;
}
.go-fph-card-copy {
display: flex;
flex-direction: column;
gap: .65rem;
padding: 1.2rem 1.35rem 1.4rem;
flex: 1;
position: relative;
z-index: 1;
justify-content: flex-start;
overflow: visible;
} .go-fph-card-copy h3 {
margin: 0;
font-family: var(--fph-font-display);
font-size: 1.12rem;
font-weight: 600;
line-height: 1.3;
color: var(--fph-text);
transition: color var(--fph-dur) var(--fph-ease);
display: block;
overflow: visible;
-webkit-line-clamp: unset;
-webkit-box-orient: initial;
text-wrap: pretty;
} .go-fph-card-copy p {
margin: 0;
font-size: .92rem;
color: var(--fph-text-body);
line-height: 1.65;
flex: 1;
}
.go-fph-card-copy .go-fph-meta {
display: flex !important;
margin-top: auto;
padding-top: .75rem;
border-top: 1px solid var(--fph-border);
}
.go-fph-card-copy > * {
visibility: visible;
opacity: 1;
position: relative;
z-index: 1;
}
.go-fph-card-copy h3,
.go-fph-card-copy p,
.go-fph-card-copy .go-fph-meta,
.go-fph-card-copy .go-fph-author,
.go-fph-card-copy .go-fph-author-name {
color: inherit;
}
.go-fph-card-copy h3 {
color: var(--fph-text) !important;
}
.go-fph-card-copy p,
.go-fph-card-copy .go-fph-meta,
.go-fph-card-copy .go-fph-author,
.go-fph-card-copy .go-fph-author-name {
color: var(--fph-text-body) !important;
} .go-fph-card--secondary .go-fph-card-copy h3 { font-size: 1.2rem; }
.go-fph-card--review {
--_radius: 0px!important;
}
.go-fph-card--review:hover {
border-color: var(--fph-lime);
box-shadow: 0 10px 28px rgba(199, 240, 0, 0.10);
}
.go-fph-card--compact {
--_radius: var(--fph-radius);
min-width: 0px!important;
flex: 0 0 280px;
}
.go-fph-card--compact .go-fph-card-copy h3 { font-size: .94rem; line-height: 1.32; font-weight: 600; }
.go-fph-card--compact .go-fph-card-copy p  { font-size: .86rem; line-height: 1.5; } .go-fph-reviews-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--fph-gap);
}
@media (max-width: 920px) { .go-fph-reviews-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .go-fph-reviews-grid { grid-template-columns: 1fr; } } .go-fph-platform-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
align-items: stretch;
}
@media (max-width: 1100px) {
.go-fph-platform-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.go-fph-platform-grid {
grid-template-columns: 1fr;
}
}
.go-fph-platform-card {
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
background: var(--fph-surface);
border-radius:0!important;
overflow: hidden;
border: 1px solid var(--fph-border);
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
transition:
transform var(--fph-dur) var(--fph-ease),
border-color var(--fph-dur) var(--fph-ease),
box-shadow var(--fph-dur) var(--fph-ease);
}
.go-fph-platform-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 38px rgba(15, 23, 42, 0.10);
}
.go-fph-platform-card::before {
content: '';
display: block;
height: 5px;
width: 100%;
flex-shrink: 0;
}
.go-fph-platform-card--playstation::before { background: var(--fph-ps); }
.go-fph-platform-card--xbox::before { background: var(--fph-xbox); }
.go-fph-platform-card--pc::before { background: var(--fph-pc); }
.go-fph-platform-card--nintendo::before { background: var(--fph-nin); }
.go-fph-platform-head {
padding: 1.35rem 1.35rem 1rem;
display: flex;
flex-direction: column;
gap: 1rem;
min-height: 170px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.40), rgba(255, 255, 255, 0)),
var(--fph-surface);
}
.go-fph-platform-brand {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 0;
}
.go-fph-platform-brand-copy {
display: flex;
align-items: center;
min-width: 0;
}
.go-fph-kicker--platform {
display: none !important;
}
.go-fph-platform-head h3 {
margin: 0;
font-family: var(--fph-font-display);
font-size: 2rem;
font-weight: 800;
letter-spacing: -.035em;
line-height: 1;
}
.go-fph-platform-card--playstation .go-fph-platform-head h3 {
color: #0a4bb3;
}
.go-fph-platform-card--xbox .go-fph-platform-head h3 {
color: #148814;
}
.go-fph-platform-card--pc .go-fph-platform-head h3 {
color: #3b36ff;
}
.go-fph-platform-card--nintendo .go-fph-platform-head h3 {
color: #d91124;
}
.go-fph-platform-head p {
margin: 0;
font-size: .95rem;
line-height: 1.6;
color: var(--fph-text-muted);
}
.go-fph-platform-logo {
width: 56px;
height: 56px;
border-radius:0!important;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden;
border: 1px solid rgba(15, 23, 42, 0.10);
background: rgba(255, 255, 255, 0.75);
}
.go-fph-platform-logo img {
display: block;
max-width: 72%;
max-height: 72%;
width: auto;
height: auto;
object-fit: contain;
}
.go-fph-platform-logo svg {
width: 28px;
height: 28px;
fill: currentColor;
}
.go-fph-platform-logo--playstation {
background: rgba(0, 55, 145, 0.10);
border-color: rgba(0, 55, 145, 0.20);
color: #003791;
}
.go-fph-platform-logo--xbox {
background: rgba(16, 124, 16, 0.10);
border-color: rgba(16, 124, 16, 0.20);
color: #107c10;
}
.go-fph-platform-logo--pc {
background: rgba(40, 0, 240, 0.10);
border-color: rgba(40, 0, 240, 0.20);
color: #2800f0;
}
.go-fph-platform-logo--nintendo {
background: rgba(230, 0, 18, 0.10);
border-color: rgba(230, 0, 18, 0.20);
color: #e60012;
}
.go-fph-platform-list {
display: flex;
flex-direction: column;
padding: 0 1.35rem;
flex: 1;
}
.go-fph-platform-item {
display: flex;
flex-direction: column;
gap: .35rem;
padding: 1rem 0;
border-bottom: 1px solid var(--fph-border);
color: var(--fph-text-body);
transition:
color var(--fph-dur) var(--fph-ease),
transform var(--fph-dur) var(--fph-ease);
}
.go-fph-platform-item:last-child {
border-bottom: none;
}
.go-fph-platform-item:hover {
color: var(--fph-text);
transform: translateX(3px);
}
.go-fph-platform-item strong {
font-size: 1rem;
font-weight: 600;
line-height: 1.45;
color: inherit;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.go-fph-platform-item time {
font-size: .82rem;
color: var(--fph-text-dim);
line-height: 1.3;
}
.go-fph-platform-card .go-fph-more {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
padding: 1rem 1.35rem 1.1rem;
border-top: 1px solid var(--fph-border);
font-size: .78rem;
letter-spacing: .12em;
color: var(--fph-text-dim);
background: var(--fph-surface-2);
}
.go-fph-platform-card .go-fph-more:hover {
color: var(--fph-text);
background: var(--fph-bg-2);
}
.go-fph-platform-card .go-fph-more::after {
content: "→";
font-size: 1rem;
} html.dark .go-fph-platform-card,
body.dark .go-fph-platform-card,
body.dark-mode .go-fph-platform-card,
body.is-dark-theme .go-fph-platform-card,
body.newsx-dark-mode .go-fph-platform-card,
[data-theme="dark"] .go-fph-platform-card {
background:
linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)),
#0f1117;
border-color: rgba(255,255,255,0.08);
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32);
}
html.dark .go-fph-platform-head,
body.dark .go-fph-platform-head,
body.dark-mode .go-fph-platform-head,
body.is-dark-theme .go-fph-platform-head,
body.newsx-dark-mode .go-fph-platform-head,
[data-theme="dark"] .go-fph-platform-head {
background:
linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0)),
#0f1117;
}
html.dark .go-fph-platform-logo,
body.dark .go-fph-platform-logo,
body.dark-mode .go-fph-platform-logo,
body.is-dark-theme .go-fph-platform-logo,
body.newsx-dark-mode .go-fph-platform-logo,
[data-theme="dark"] .go-fph-platform-logo {
background: rgba(255,255,255,0.04);
border-color: rgba(255,255,255,0.08);
} .go-fph-section--feed .go-fph-section-head {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 2rem;
}
.go-fph-section-head--feed {
align-items: center;
}
.go-fph-filters {
display: flex;
flex-wrap: wrap;
gap: .55rem;
}
.go-fph-filter {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .42rem 1rem;
cursor: pointer;
border-radius:0!important;
font-family: var(--fph-font-display);
font-size: .76rem;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
text-decoration: none;
color: var(--fph-text-muted);
background: var(--fph-bg-3);
border: 1px solid var(--fph-border);
transition: .2s ease;
}
.go-fph-filter:hover {
color: var(--fph-text);
background: var(--fph-surface-2);
border-color: var(--fph-border-2);
}
.go-fph-filter.is-active {
background: var(--fph-lime);
color: #111111;
border-color: var(--fph-lime);
}
.go-fph-promo-empty {
display: grid;
gap: .55rem;
padding: 1.35rem;
border: 1px dashed var(--fph-border-2);
border-radius:0!important;
background: linear-gradient(180deg, var(--fph-surface), var(--fph-surface-2));
color: var(--fph-text-muted);
}
.go-fph-promo-empty strong {
color: var(--fph-text);
}
.go-fph-promotions-grid {
display: grid;
gap: 20px;
}
.go-fph-section--promotions > .go-fph-promotions-grid {
grid-template-columns: 1fr;
align-items: start;
}
.go-fph-promotions-grid--nested {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.go-fph-filters--promo-type {
margin-top: 14px;
}
.go-fph-promo-panel {
display: grid;
gap: 18px;
padding: 26px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius:0!important;
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 34%),
linear-gradient(180deg, rgba(22, 28, 41, 0.98), rgba(12, 16, 24, 0.98));
}
.go-fph-promo-panel-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.go-fph-promo-panel-head h3 {
margin: 8px 0 0;
font-family: var(--fph-font-display);
font-size: clamp(1.4rem, 2vw, 2rem);
line-height: 1.02;
letter-spacing: -.03em;
color: #f8fafc;
}
.go-fph-promo-story-grid,
.go-fph-promo-coupon-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.go-fph-promo-story-card,
.go-fph-promo-coupon-card {
display: grid;
gap: 14px;
padding: 18px;
border: 1px solid rgba(148, 163, 184, 0.16);
border-radius:0!important;
background: rgba(10, 15, 26, 0.72);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.go-fph-promo-coupon-card.is-radar {
background:
radial-gradient(circle at top right, rgba(199, 240, 0, 0.12), transparent 38%),
linear-gradient(180deg, rgba(18, 25, 38, 0.98), rgba(10, 14, 22, 0.98));
border-color: rgba(199, 240, 0, 0.16);
}
.go-fph-promo-story-media {
display: block;
overflow: hidden;
border-radius:0!important;
aspect-ratio: 16 / 9;
background: rgba(15, 23, 42, 0.88);
}
.go-fph-promo-story-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.go-fph-promo-story-copy,
.go-fph-promo-coupon-copy {
display: grid;
gap: 12px;
}
.go-fph-promo-story-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(226, 232, 240, 0.72);
}
.go-fph-promo-story-card h3,
.go-fph-promo-coupon-card h3 {
margin: 0;
font-family: var(--fph-font-display);
font-size: clamp(1.15rem, 1.8vw, 1.6rem);
line-height: 1.08;
}
.go-fph-promo-story-card h3 a,
.go-fph-promo-coupon-card h3 a {
color: #f8fafc;
text-decoration: none;
}
.go-fph-promo-story-card p,
.go-fph-promo-coupon-card p {
margin: 0;
color: rgba(226, 232, 240, 0.82);
}
.go-fph-coupon-list {
display: grid;
gap: 10px;
}
.go-fph-coupon-item {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 12px;
align-items: flex-start;
padding: 12px 14px;
border-radius:0!important;
background: rgba(15, 23, 42, 0.9);
border: 1px solid rgba(148, 163, 184, 0.14);
}
.go-fph-coupon-item strong {
display: block;
color: #f8fafc;
}
.go-fph-coupon-code {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 104px;
padding: 10px 14px;
border-radius:0!important;
background: linear-gradient(135deg, rgba(199, 240, 0, 0.22), rgba(59, 130, 246, 0.18));
color: #d9ff4a;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.go-fph-promo-coupon-card.is-radar .go-fph-coupon-code {
background: linear-gradient(135deg, rgba(199, 240, 0, 0.34), rgba(16, 185, 129, 0.18));
}
.go-fph-promo-card {
display: grid;
grid-template-rows: auto 1fr;
overflow: hidden;
border: 1px solid var(--fph-border);
border-radius:0!important;
background: var(--fph-surface);
box-shadow: var(--fph-shadow-card);
}
.go-fph-promo-media {
position: relative;
display: block;
aspect-ratio: 16 / 10;
background: var(--fph-bg-2);
}
.go-fph-promo-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.go-fph-promo-copy {
display: flex;
flex-direction: column;
gap: 14px;
padding: 18px;
}
.go-fph-promo-top,
.go-fph-promo-actions,
.go-fph-promo-price {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
}
.go-fph-promo-store,
.go-fph-promo-badge,
.go-fph-promo-specs span {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius:0!important;
border: 1px solid var(--fph-border);
background: var(--fph-surface-2);
font-size: 11px;
font-weight: 700;
line-height: 1.2;
}
.go-fph-promo-badge {
background: rgba(199, 240, 0, 0.16);
border-color: rgba(199, 240, 0, 0.34);
color: #526100;
}
.go-fph-promo-card h3 {
margin: 0;
font-family: var(--fph-font-display);
font-size: 1.15rem;
line-height: 1.12;
letter-spacing: -.03em;
}
.go-fph-promo-subject {
margin: -4px 0 0;
color: var(--fph-text-body);
font-size: .95rem;
line-height: 1.6;
}
.go-fph-promo-specs {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.go-fph-promo-price s {
color: var(--fph-text-muted);
font-size: .82rem;
}
.go-fph-promo-price strong {
color: var(--fph-text);
font-family: var(--fph-font-display);
font-size: 1.1rem;
line-height: 1;
}
.go-fph-promo-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 16px;
border-radius:0!important;
background: var(--fph-blue);
color: #ffffff;
font-size: .82rem;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
transition: transform var(--fph-dur) var(--fph-ease), box-shadow var(--fph-dur) var(--fph-ease), background var(--fph-dur) var(--fph-ease);
}
.go-fph-promo-link:hover {
transform: translateY(-1px);
background: #1f1fd1;
box-shadow: 0 12px 24px rgba(40, 0, 240, 0.2);
}
.go-fph-promo-card:hover {
transform: translateY(-3px);
box-shadow: var(--fph-shadow);
}
.go-fph-feed-list {
display: grid;
grid-template-columns: 1fr;
gap: 1.75rem;
}
.go-fp-feed-item {
padding: 0 0 1.75rem;
border-bottom: 1px solid var(--fph-border);
}
.go-fp-feed-item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.go-fp-feed-item-link {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
gap: 1.4rem;
align-items: start;
text-decoration: none;
color: inherit;
}
.go-fp-feed-item-media {
position: relative;
overflow: hidden;
border-radius:0!important;
background: var(--fph-bg-3);
aspect-ratio: 16 / 9;
}
.go-fp-feed-item-media img,
.go-fp-feed-item-media .go-fph-placeholder {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.go-fp-feed-item-badge {
position: absolute;
top: 12px;
left: 12px;
display: inline-flex;
align-items: center;
padding: .38rem .72rem;
border-radius:0!important;
background: var(--fph-lime);
color: #111111;
font-size: .72rem;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
line-height: 1;
}
.go-fp-feed-item-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: .55rem;
min-width: 0;
padding-top: .05rem;
}
.go-fp-feed-item-content h3 {
margin: 0;
font-family: var(--fph-font-display);
font-size: clamp(1.35rem, 1.9vw, 1.95rem);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.03em;
color: var(--fph-text);
max-width: 24ch;
}
.go-fp-feed-item-date {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .4rem;
color: var(--fph-text-muted);
font-size: .92rem;
line-height: 1.45;
}
.go-fp-feed-item-sep {
opacity: .45;
}
.go-fp-feed-item-excerpt {
margin: 0;
color: var(--fph-text-body);
font-size: .95rem;
line-height: 1.62;
max-width: 56ch;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.go-fp-feed-item-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .75rem;
margin-top: .1rem;
}
.go-fph-author {
display: inline-flex;
align-items: center;
gap: .45rem;
}
.go-fph-author-name {
color: var(--fph-text-body);
font-size: .84rem;
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
}
.go-fp-feed-item-tag,
.go-fp-feed-item-topline,
.go-fp-feed-item-content > p:not(.go-fp-feed-item-excerpt) {
display: none !important;
}
.go-fph-feed-status {
margin-top: 1.5rem;
text-align: center;
font-size: .86rem;
color: var(--fph-text-muted);
}
.go-fph-feed-trigger {
height: 1px;
visibility: hidden;
pointer-events: none;
}
@media (max-width: 900px) {
.go-fp-feed-item-link {
grid-template-columns: 220px minmax(0, 1fr);
gap: 1.1rem;
}
.go-fp-feed-item-content h3 {
font-size: clamp(1.2rem, 3vw, 1.7rem);
max-width: 100%;
}
}
@media (max-width: 640px) {
.go-fp-feed-item-link {
grid-template-columns: 1fr;
gap: .95rem;
}
.go-fp-feed-item-content h3 {
font-size: 1.3rem;
line-height: 1.18;
}
.go-fp-feed-item-excerpt {
-webkit-line-clamp: 4;
font-size: .94rem;
}
} .go-fph-empty {
padding: 2rem;
font-size: .92rem;
color: var(--fph-text-muted);
text-align: center;
border: 1px dashed var(--fph-border-2);
border-radius:0!important;
grid-column: 1 / -1;
} .go-fph-section--reviews {
background: var(--fph-bg-2);
border-radius:0!important;
padding: clamp(1.75rem, 3.5vw, 3rem);
margin-inline: calc(var(--fph-shell) * -1);
padding-inline: clamp(1.25rem, 5vw, 5rem);
border-top: 1px solid var(--fph-border);
border-bottom: 1px solid var(--fph-border);
} @media (prefers-reduced-motion: no-preference) {
.go-fph-hero-content {
animation: fph-fade-up .65s var(--fph-ease) both;
}
.go-fph-card {
animation: fph-fade-up .5s var(--fph-ease) both;
}
.go-fph-grid--three .go-fph-card:nth-child(1),
.go-fph-reviews-grid .go-fph-card:nth-child(1) { animation-delay: .05s; }
.go-fph-grid--three .go-fph-card:nth-child(2),
.go-fph-reviews-grid .go-fph-card:nth-child(2) { animation-delay: .13s; }
.go-fph-grid--three .go-fph-card:nth-child(3),
.go-fph-reviews-grid .go-fph-card:nth-child(3) { animation-delay: .21s; }
.go-fph-reviews-grid .go-fph-card:nth-child(4) { animation-delay: .29s; }
.go-fph-reviews-grid .go-fph-card:nth-child(5) { animation-delay: .36s; }
.go-fph-reviews-grid .go-fph-card:nth-child(6) { animation-delay: .43s; }
@keyframes fph-fade-up {
from { opacity: 0; transform: translateY(20px); }
to   { opacity: 1; transform: translateY(0); }
}
}
.go-fph a:focus-visible,
.go-fph button:focus-visible {
outline-color: var(--fph-violet);
}
html.dark .go-fph a:focus-visible,
html.dark .go-fph button:focus-visible,
body.dark .go-fph a:focus-visible,
body.dark .go-fph button:focus-visible,
body.dark-mode .go-fph a:focus-visible,
body.dark-mode .go-fph button:focus-visible,
body.is-dark-theme .go-fph a:focus-visible,
body.is-dark-theme .go-fph button:focus-visible,
body.newsx-dark-mode .go-fph a:focus-visible,
body.newsx-dark-mode .go-fph button:focus-visible,
[data-theme="dark"] .go-fph a:focus-visible,
[data-theme="dark"] .go-fph button:focus-visible {
outline-color: var(--fph-lime);
}
@media (max-width: 700px) {
.go-fph-hero { min-height: 440px; }
.go-fph-hero-title {
font-size: clamp(2.1rem, 8.5vw, 3rem);
}
.go-fph-hero-actions {
flex-direction: column;
align-items: flex-start;
}
.go-fph-section-head {
flex-direction: column;
align-items: flex-start;
}
.go-fph-section--reviews {
margin-inline: 0;
border-radius:0!important;
border-left: none;
border-right: none;
}
}
@media (max-width: 480px) {
.go-fph-main {
padding-inline: 1rem;
}
.go-fph-hero > .go-fph-shell {
padding-inline: 1rem;
}
.go-fph-section-head--feed {
flex-direction: column;
align-items: flex-start;
}
}
.site-content,
#content,
.site-main,
.go-fph,
.go-fph-hero,
.newsx-main-wrap,
.newsx-site-main,
.newsx-content-area {
background: transparent !important;
border-top: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
.site,
.site-inner,
.newsx-site,
.newsx-site-wrap,
.newsx-main-container {
background: var(--fph-bg) !important;
}
.go-fph-grid--three,
.go-fph-reviews-grid,
.go-fph-platform-grid {
align-items: stretch;
}
.go-fph-grid--three .go-fph-card,
.go-fph-reviews-grid .go-fph-card,
.go-fph-carousel-slide .go-fph-card,
.go-fph-platform-card {
height: 100%;
min-height: 0;
}
.go-fph-card-link {
min-height: 100%;
}
.go-fph-card-media,
.go-fph-placeholder {
aspect-ratio: 16 / 9;
min-height: 220px;
max-height: 260px;
background: linear-gradient(180deg, var(--fph-bg-3) 0%, var(--fph-bg-2) 100%);
}
.go-fph-card--secondary .go-fph-card-media,
.go-fph-card--secondary .go-fph-placeholder,
.go-fph-card--review .go-fph-card-media,
.go-fph-card--review .go-fph-placeholder {
min-height: 210px;
max-height: 240px;
}
.go-fph-card-copy {
gap: 12px;
padding: 18px 18px 20px;
background: var(--fph-surface);
}
.go-fph-card-copy h3 {
color: var(--fph-text) !important;
font-size: 1.08rem !important;
line-height: 1.32 !important;
letter-spacing: -.02em;
}
.go-fph-card-copy p {
color: var(--fph-text-body);
}
.go-fph-card-copy .go-fph-meta {
margin-top: auto;
padding-top: 12px;
border-top: 1px solid var(--fph-border);
}
.go-fph-platform-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.go-fph-platform-card {
position: relative;
}
.go-fph-platform-head {
padding: 1.35rem 1.35rem 1rem;
min-height: 152px;
justify-content: flex-start;
}
.go-fph-platform-brand {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 8px;
}
.go-fph-platform-brand-copy {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.go-fph-platform-logo {
width: 52px;
height: 52px;
border-radius:0!important;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border: 1px solid rgba(15, 23, 42, 0.12);
background: rgba(15, 23, 42, 0.03);
box-shadow: none;
}
.go-fph-platform-logo svg {
width: 28px;
height: 28px;
display: block;
fill: currentColor;
}
.go-fph-platform-logo--playstation {
background: rgba(0, 80, 200, 0.10);
border-color: rgba(0, 80, 200, 0.22);
color: #0050c8;
}
.go-fph-platform-logo--xbox {
background: rgba(14, 122, 14, 0.10);
border-color: rgba(14, 122, 14, 0.22);
color: #0e7a0e;
}
.go-fph-platform-logo--pc {
background: rgba(26, 111, 212, 0.10);
border-color: rgba(26, 111, 212, 0.22);
color: #1a5fcf;
}
.go-fph-platform-logo--nintendo {
background: rgba(204, 0, 16, 0.10);
border-color: rgba(204, 0, 16, 0.22);
color: #b80014;
}
html.dark .go-fph-platform-logo,
body.dark .go-fph-platform-logo,
body.dark-mode .go-fph-platform-logo,
body.is-dark-theme .go-fph-platform-logo,
body.newsx-dark-mode .go-fph-platform-logo,
[data-theme="dark"] .go-fph-platform-logo {
border-color: rgba(255, 255, 255, 0.08);
background: rgba(255, 255, 255, 0.03);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
html.dark .go-fph-platform-logo--playstation,
body.dark .go-fph-platform-logo--playstation,
[data-theme="dark"] .go-fph-platform-logo--playstation {
background: rgba(0, 55, 145, 0.16);
border-color: rgba(0, 55, 145, 0.35);
color: #6ea8ff;
}
html.dark .go-fph-platform-logo--xbox,
body.dark .go-fph-platform-logo--xbox,
[data-theme="dark"] .go-fph-platform-logo--xbox {
background: rgba(16, 124, 16, 0.16);
border-color: rgba(16, 124, 16, 0.35);
color: #58d458;
}
html.dark .go-fph-platform-logo--pc,
body.dark .go-fph-platform-logo--pc,
[data-theme="dark"] .go-fph-platform-logo--pc {
background: rgba(40, 0, 240, 0.14);
border-color: rgba(40, 0, 240, 0.30);
color: #8f7cff;
}
html.dark .go-fph-platform-logo--nintendo,
body.dark .go-fph-platform-logo--nintendo,
[data-theme="dark"] .go-fph-platform-logo--nintendo {
background: rgba(230, 0, 18, 0.16);
border-color: rgba(230, 0, 18, 0.35);
color: #ff6b78;
}
.go-fph-platform-list {
display: flex;
flex-direction: column;
padding: 0 1.5rem 0.35rem;
flex: 1;
}
.go-fph-platform-item {
justify-content: center;
min-height: 78px;
padding: 0.85rem 0;
}
.go-fph-platform-item strong {
font-size: 0.95rem;
line-height: 1.45;
}
.go-fph-platform-card .go-fph-more {
margin-top: auto;
padding: 1rem 1.5rem 1.1rem;
border-top: 1px solid var(--fph-border);
}
.go-fph-carousel {
--fph-carousel-control-size: 34px;
--fph-carousel-edge-gap: clamp(14px, 2vw, 22px);
position: relative;
display: flex;
align-items: center;
gap: 0;
padding-inline: calc(var(--fph-carousel-control-size) + var(--fph-carousel-edge-gap));
}
.go-fph-carousel-viewport {
flex: 1;
min-width: 0;
overflow: hidden;
}
.go-fph-carousel-track {
display: flex;
gap: var(--fph-gap);
transition: transform 320ms var(--fph-ease);
will-change: transform;
}
.go-fph-carousel-slide {
display: flex;
flex: 0 0 calc((100% - (var(--fph-gap) * 3)) / 4.05);
min-width: 0;
}
.go-fph-carousel-slide .go-fph-card,
.go-fph-carousel-slide .go-fph-card--compact {
width: 100%;
min-width: 0;
flex: 1 1 auto;
}
.go-fph-carousel-btn {
width: var(--fph-carousel-control-size);
height: var(--fph-carousel-control-size);
min-width: var(--fph-carousel-control-size);
padding: 0;
border-radius:0!important;
background: var(--fph-surface);
border: 1px solid var(--fph-border);
box-shadow: none;
}
.go-fph-carousel-btn span {
font-size: 1.05rem;
line-height: 1;
font-weight: 700;
}
.go-fph-carousel-btn--prev,
.go-fph-carousel-btn--next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.go-fph-carousel-btn--prev {
left: var(--fph-carousel-edge-gap);
}
.go-fph-carousel-btn--next {
right: var(--fph-carousel-edge-gap);
}
.go-fph-carousel-btn:hover {
background: var(--fph-lime);
color: var(--fph-lime-text);
border-color: var(--fph-lime);
transform: translateY(-50%);
}
.go-fph-carousel-btn:disabled:hover {
background: var(--fph-surface);
color: var(--fph-text);
border-color: var(--fph-border);
}
.go-fph-card--compact .go-fph-card-media,
.go-fph-card--compact .go-fph-placeholder,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-card-media,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-placeholder {
min-height: 164px;
max-height: 164px;
height: 164px;
aspect-ratio: 16 / 9;
}
.go-fph-card--compact .go-fph-card-copy,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy {
padding: 12px 12px 14px;
gap: 7px;
}
.go-fph-card--compact .go-fph-card-copy h3,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy h3 {
font-size: .92rem;
line-height: 1.34;
font-weight: 600;
display: block;
overflow: visible;
-webkit-line-clamp: unset;
-webkit-box-orient: initial;
text-wrap: pretty;
}
.go-fph-card--compact .go-fph-card-copy p,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy p {
font-size: 0.86rem;
line-height: 1.5;
}
.go-fph-card--compact .go-fph-meta,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-meta {
font-size: 0.78rem;
margin-top: auto;
padding-top: 10px;
}
@media (max-width: 1180px) {
.go-fph-carousel-slide {
flex: 0 0 calc((100% - (var(--fph-gap) * 2)) / 3.05);
}
}
@media (max-width: 1100px) {
.go-fph-platform-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 920px) {
.go-fph-card-media,
.go-fph-card--secondary .go-fph-card-media,
.go-fph-card--review .go-fph-card-media,
.go-fph-placeholder,
.go-fph-card--secondary .go-fph-placeholder,
.go-fph-card--review .go-fph-placeholder {
min-height: 200px;
max-height: 220px;
}
}
@media (max-width: 860px) {
.go-fph-carousel {
--fph-carousel-control-size: 30px;
--fph-carousel-edge-gap: 10px;
}
.go-fph-carousel-slide {
flex: 0 0 calc((100% - var(--fph-gap)) / 2);
}
.go-fph-card--compact .go-fph-card-media,
.go-fph-card--compact .go-fph-placeholder,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-card-media,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-placeholder {
min-height: 148px;
max-height: 148px;
height: 148px;
}
}
@media (max-width: 560px) {
.go-fph-carousel {
padding-inline: 0;
}
.go-fph-platform-grid {
grid-template-columns: 1fr;
}
.go-fph-platform-head {
min-height: 0;
}
.go-fph-card-copy {
padding: 16px 16px 18px;
}
.go-fph-card-media,
.go-fph-card--secondary .go-fph-card-media,
.go-fph-card--review .go-fph-card-media,
.go-fph-placeholder,
.go-fph-card--secondary .go-fph-placeholder,
.go-fph-card--review .go-fph-placeholder {
min-height: 190px;
max-height: 210px;
}
.go-fph-carousel-slide {
flex: 0 0 100%;
}
.go-fph-carousel-btn--prev,
.go-fph-carousel-btn--next {
top: auto;
bottom: calc(100% + 10px);
transform: none;
}
.go-fph-carousel-btn--prev {
left: auto;
right: 42px;
}
.go-fph-carousel-btn--next {
right: 0;
}
.go-fph-carousel-btn:hover,
.go-fph-carousel-btn:disabled:hover {
transform: none;
}
.go-fph-card--compact .go-fph-card-media,
.go-fph-card--compact .go-fph-placeholder,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-card-media,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-placeholder {
min-height: 118px;
max-height: 118px;
height: 118px;
}
.go-fph-card--compact .go-fph-card-copy,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy {
padding: 10px 10px 12px;
gap: 6px;
}
.go-fph-card--compact .go-fph-card-copy h3,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy h3 {
font-size: .88rem;
line-height: 1.36;
}
.go-fph-card--compact .go-fph-meta,
.go-fph-carousel-slide .go-fph-card--compact .go-fph-meta {
font-size: 0.72rem;
padding-top: 8px;
}
}
.go-fph-card-copy,
.go-fph-card-copy * {
opacity: 1 !important;
visibility: visible !important;
display: revert !important;
}
.go-fph-card-copy h3 {
display: block !important;
color: var(--fph-text) !important;
font-size: 1.12rem !important;
line-height: 1.3 !important;
font-weight: 600 !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: initial !important;
text-wrap: pretty;
}
.go-fph-card-link,
.go-fph-card-media-link,
.go-fp-feed-item-media-link {
display: block;
}
.go-fph-card-media-link,
.go-fp-feed-item-media-link {
height: 100%;
}
.go-fph-card-title-link,
.go-fp-feed-item-title {
color: inherit;
text-decoration: none;
transition: color var(--fph-dur) var(--fph-ease);
}
.go-fph-card-title-link:hover,
.go-fp-feed-item-title:hover {
color: var(--fph-blue);
}
.go-fph-card-cat,
.go-fp-feed-item-badge {
text-decoration: none;
transition: transform var(--fph-dur) var(--fph-ease), filter var(--fph-dur) var(--fph-ease);
}
.go-fph-card-cat:hover,
.go-fp-feed-item-badge:hover {
transform: translateY(-1px);
filter: brightness(.95);
}
.go-fph-video-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.2rem;
margin-top: 1.2rem;
}
.go-fph-video-mini {
display: grid;
gap: .75rem;
}
.go-fph-video-mini-thumb {
position: relative;
display: block;
overflow: hidden;
border-radius:0!important;
aspect-ratio: 16 / 9;
background: #050505;
box-shadow: var(--fph-shadow-card);
}
.go-fph-video-mini-thumb img,
.go-fph-video-mini-thumb .go-fph-placeholder {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 240ms var(--fph-ease);
}
.go-fph-video-mini:hover .go-fph-video-mini-thumb img,
.go-fph-video-mini:hover .go-fph-video-mini-thumb .go-fph-placeholder {
transform: scale(1.04);
}
.go-fph-video-mini-play {
position: absolute;
inset: auto auto 12px 12px;
display: inline-flex;
width: 42px;
height: 42px;
border-radius:0!important;
background: rgba(15, 23, 42, .88);
box-shadow: 0 10px 20px rgba(0, 0, 0, .22);
}
.go-fph-video-mini-play::before {
content: "";
width: 0;
height: 0;
margin: auto;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 11px solid #ffffff;
transform: translateX(2px);
}
.go-fph-video-mini-copy {
display: grid;
gap: .4rem;
}
.go-fph-video-mini-copy h3 {
margin: 0;
font-family: var(--fph-font-display);
font-size: 1.06rem;
line-height: 1.28;
letter-spacing: -.03em;
}
.go-fph-video-mini-copy h3 a {
color: var(--fph-text);
}
.go-fph-video-mini-copy h3 a:hover {
color: var(--fph-blue);
}
.go-fph-video-mini-copy span {
color: var(--fph-text-muted);
font-size: .82rem;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
.go-fph-special-grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
gap: 1.4rem;
align-items: start;
}
.go-fph-special-stack {
display: grid;
gap: 1.1rem;
}
.go-fph-section--special .go-fph-card--secondary .go-fph-card-copy {
padding: 1.4rem;
}
.go-fph-section--special .go-fph-card--secondary .go-fph-card-copy h3 {
font-size: clamp(1.55rem, 2.4vw, 2.3rem) !important;
}
.go-fph-carousel {
--fph-carousel-control-size: 36px;
padding-inline: 0;
padding-top: 52px;
align-items: flex-start;
}
.go-fph-carousel-btn {
top: 0;
transform: none;
border: 0;
background: #111827;
color: #ffffff;
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
}
.go-fph-carousel-btn span,
.go-fph-carousel-btn svg {
display: flex;
align-items: center;
justify-content: center;
}
.go-fph-carousel-btn svg {
width: 18px;
height: 18px;
}
.go-fph-carousel-btn--prev,
.go-fph-carousel-btn--next {
top: 0;
left: auto;
transform: none;
}
.go-fph-carousel-btn--prev {
right: 46px;
}
.go-fph-carousel-btn--next {
right: 0;
}
.go-fph-carousel-btn:hover {
transform: none;
background: #1b2844;
border-color: transparent;
}
.go-fph-carousel-btn:disabled,
.go-fph-carousel-btn:disabled:hover {
background: #d1d5db;
color: #ffffff;
border-color: transparent;
}
html.dark .go-fph-carousel-btn:disabled,
body.dark .go-fph-carousel-btn:disabled,
body.dark-mode .go-fph-carousel-btn:disabled,
body.is-dark-theme .go-fph-carousel-btn:disabled,
body.newsx-dark-mode .go-fph-carousel-btn:disabled,
[data-theme="dark"] .go-fph-carousel-btn:disabled {
background: rgba(255, 255, 255, .18);
}
@media (max-width: 980px) {
.go-fph-video-grid,
.go-fph-special-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.go-fph-special-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.go-fph-video-grid {
grid-template-columns: 1fr;
}
.go-fph-carousel {
padding-top: 46px;
}
.go-fph-carousel-btn--prev {
right: 44px;
bottom: auto;
}
.go-fph-carousel-btn--next {
right: 0;
bottom: auto;
}
}
.go-fph-card-copy p {
display: block !important;
color: var(--fph-text-body) !important;
font-size: .92rem !important;
line-height: 1.65 !important;
}
.go-fph-card-copy .go-fph-meta {
display: flex !important;
color: var(--fph-text-muted) !important;
}
.go-fph-card-copy .go-fph-author,
.go-fph-card-copy .go-fph-author-name {
display: inline-flex !important;
color: var(--fph-text-body) !important;
}
.go-fph-card-copy {
min-height: 160px !important;
background: var(--fph-surface) !important;
}
.go-fph-platform-logo {
width: 54px;
height: 54px;
border-radius:0!important;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden;
}
.go-fph-platform-logo img {
display: block;
max-width: 72%;
max-height: 72%;
width: auto;
height: auto;
object-fit: contain;
}
.go-fph-platform-card--playstation .go-fph-platform-head h3 {
color: #0a4bb3;
}
.go-fph-platform-card--xbox .go-fph-platform-head h3 {
color: #148814;
}
.go-fph-platform-card--pc .go-fph-platform-head h3 {
color: #3b36ff;
}
.go-fph-platform-card--nintendo .go-fph-platform-head h3 {
color: #d91124;
} .go-fph-section--releases {
position: relative;
}
.go-fph-releases-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
}
.go-fph-release-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
border-radius:0!important;
background: var(--fph-surface);
border: 1px solid var(--fph-border);
box-shadow: var(--fph-shadow-card);
transition:
transform 0.22s ease,
border-color 0.22s ease,
box-shadow 0.22s ease;
}
.go-fph-release-card:hover {
transform: translateY(-4px);
border-color: rgba(199, 240, 0, 0.28);
box-shadow: var(--fph-shadow);
}
.go-fph-release-card.is-highlight {
border-color: rgba(199, 240, 0, 0.3);
box-shadow: 0 16px 34px rgba(199, 240, 0, 0.08);
}
.go-fph-release-thumb {
position: relative;
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
background: var(--fph-surface-2);
}
.go-fph-release-thumb img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform 0.35s ease;
}
.go-fph-release-card:hover .go-fph-release-thumb img {
transform: scale(1.04);
}
.go-fph-release-date {
position: absolute;
left: 12px;
bottom: 12px;
z-index: 2;
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 7px 12px;
border-radius:0!important;
background: var(--fph-lime);
color: var(--fph-lime-text);
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.02em;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}
.go-fph-release-flag {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 6px 10px;
border-radius:0!important;
background: rgba(8, 17, 29, 0.84);
color: #ffffff;
font-size: 11px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.08em;
text-transform: uppercase;
backdrop-filter: blur(10px);
}
.go-fph-release-content {
display: flex;
flex-direction: column;
gap: 12px;
padding: 18px 18px 20px;
background: transparent;
}
.go-fph-release-platforms {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.go-fph-release-platform {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 6px 10px;
border-radius:0!important;
font-size: 11px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.02em;
border: 1px solid transparent;
text-decoration: none;
transition: transform var(--fph-dur) var(--fph-ease), box-shadow var(--fph-dur) var(--fph-ease), border-color var(--fph-dur) var(--fph-ease), background var(--fph-dur) var(--fph-ease), color var(--fph-dur) var(--fph-ease);
}
.go-fph-release-platform[href]:hover {
transform: translateY(-1px);
box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
} .go-fph-release-platform--playstation {
background: rgba(0, 55, 145, 0.10);
color: #003791;
border-color: rgba(0, 55, 145, 0.18);
}
.go-fph-release-platform--xbox {
background: rgba(16, 124, 16, 0.10);
color: #107c10;
border-color: rgba(16, 124, 16, 0.18);
}
.go-fph-release-platform--nintendo {
background: rgba(230, 0, 18, 0.10);
color: #c1121f;
border-color: rgba(230, 0, 18, 0.18);
}
.go-fph-release-platform--pc {
background: rgba(75, 85, 99, 0.10);
color: #374151;
border-color: rgba(75, 85, 99, 0.18);
}
.go-fph-release-platform--mobile {
background: rgba(217, 119, 6, 0.10);
color: #b45309;
border-color: rgba(217, 119, 6, 0.18);
}
.go-fph-release-platform--default {
background: rgba(124, 58, 237, 0.10);
color: var(--fph-violet);
border-color: rgba(124, 58, 237, 0.16);
}
.go-fph-release-title {
margin: 0;
font-size: clamp(19px, 1.7vw, 24px);
line-height: 1.16;
letter-spacing: -0.02em;
}
.go-fph-release-title a {
color: var(--fph-text);
text-decoration: none;
font-weight: 800;
letter-spacing: -0.02em;
transition: color 0.2s ease;
}
.go-fph-release-title a:hover {
color: var(--fph-blue);
}
.go-fph-release-dev {
display: inline-flex;
align-self: flex-start;
padding: 6px 12px;
border-radius:0!important;
background: rgba(199, 240, 0, 0.12);
color: #516100;
border: 1px solid rgba(199, 240, 0, 0.26);
font-size: 11px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
}
.go-fph-release-link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: auto;
color: var(--fph-blue);
font-size: 14px;
font-weight: 800;
text-decoration: none;
transition: color 0.2s ease;
}
.go-fph-release-link:hover {
color: var(--fph-text);
}
.go-fph-release-link::after {
content: "→";
font-size: 14px;
line-height: 1;
} html.dark .go-fph-release-card,
body.dark .go-fph-release-card,
body.dark-mode .go-fph-release-card,
body.is-dark-theme .go-fph-release-card,
body.newsx-dark-mode .go-fph-release-card,
[data-theme="dark"] .go-fph-release-card {
background: var(--fph-surface);
border-color: var(--fph-border);
box-shadow: var(--fph-shadow-card);
}
html.dark .go-fph-release-card:hover,
body.dark .go-fph-release-card:hover,
body.dark-mode .go-fph-release-card:hover,
body.is-dark-theme .go-fph-release-card:hover,
body.newsx-dark-mode .go-fph-release-card:hover,
[data-theme="dark"] .go-fph-release-card:hover {
border-color: rgba(199, 240, 0, 0.28);
box-shadow: var(--fph-shadow);
}
html.dark .go-fph-release-card.is-highlight,
body.dark .go-fph-release-card.is-highlight,
body.dark-mode .go-fph-release-card.is-highlight,
body.is-dark-theme .go-fph-release-card.is-highlight,
body.newsx-dark-mode .go-fph-release-card.is-highlight,
[data-theme="dark"] .go-fph-release-card.is-highlight {
border-color: rgba(199, 240, 0, 0.36);
box-shadow: 0 18px 36px rgba(199, 240, 0, 0.08);
}
html.dark .go-fph-release-thumb,
body.dark .go-fph-release-thumb,
body.dark-mode .go-fph-release-thumb,
body.is-dark-theme .go-fph-release-thumb,
body.newsx-dark-mode .go-fph-release-thumb,
[data-theme="dark"] .go-fph-release-thumb {
background: var(--fph-surface-2);
}
html.dark .go-fph-release-title a,
body.dark .go-fph-release-title a,
body.dark-mode .go-fph-release-title a,
body.is-dark-theme .go-fph-release-title a,
body.newsx-dark-mode .go-fph-release-title a,
[data-theme="dark"] .go-fph-release-title a {
color: #F5F7FA;
}
html.dark .go-fph-release-title a:hover,
body.dark .go-fph-release-title a:hover,
body.dark-mode .go-fph-release-title a:hover,
body.is-dark-theme .go-fph-release-title a:hover,
body.newsx-dark-mode .go-fph-release-title a:hover,
[data-theme="dark"] .go-fph-release-title a:hover {
color: var(--fph-lime);
}
html.dark .go-fph-release-platform--playstation,
body.dark .go-fph-release-platform--playstation,
body.dark-mode .go-fph-release-platform--playstation,
body.is-dark-theme .go-fph-release-platform--playstation,
body.newsx-dark-mode .go-fph-release-platform--playstation,
[data-theme="dark"] .go-fph-release-platform--playstation {
background: rgba(0, 55, 145, 0.28);
color: #9EC5FF;
border-color: rgba(0, 55, 145, 0.45);
}
html.dark .go-fph-release-platform--xbox,
body.dark .go-fph-release-platform--xbox,
body.dark-mode .go-fph-release-platform--xbox,
body.is-dark-theme .go-fph-release-platform--xbox,
body.newsx-dark-mode .go-fph-release-platform--xbox,
[data-theme="dark"] .go-fph-release-platform--xbox {
background: rgba(16, 124, 16, 0.28);
color: #8AFF8A;
border-color: rgba(16, 124, 16, 0.45);
}
html.dark .go-fph-release-platform--nintendo,
body.dark .go-fph-release-platform--nintendo,
body.dark-mode .go-fph-release-platform--nintendo,
body.is-dark-theme .go-fph-release-platform--nintendo,
body.newsx-dark-mode .go-fph-release-platform--nintendo,
[data-theme="dark"] .go-fph-release-platform--nintendo {
background: rgba(230, 0, 18, 0.22);
color: #FF9A9A;
border-color: rgba(230, 0, 18, 0.35);
}
html.dark .go-fph-release-platform--pc,
body.dark .go-fph-release-platform--pc,
body.dark-mode .go-fph-release-platform--pc,
body.is-dark-theme .go-fph-release-platform--pc,
body.newsx-dark-mode .go-fph-release-platform--pc,
[data-theme="dark"] .go-fph-release-platform--pc {
background: rgba(255, 255, 255, 0.08);
color: #E5E7EB;
border-color: rgba(255, 255, 255, 0.16);
}
html.dark .go-fph-release-platform--mobile,
body.dark .go-fph-release-platform--mobile,
body.dark-mode .go-fph-release-platform--mobile,
body.is-dark-theme .go-fph-release-platform--mobile,
body.newsx-dark-mode .go-fph-release-platform--mobile,
[data-theme="dark"] .go-fph-release-platform--mobile {
background: rgba(217, 119, 6, 0.20);
color: #FDBA74;
border-color: rgba(217, 119, 6, 0.28);
}
html.dark .go-fph-release-platform--default,
body.dark .go-fph-release-platform--default,
body.dark-mode .go-fph-release-platform--default,
body.is-dark-theme .go-fph-release-platform--default,
body.newsx-dark-mode .go-fph-release-platform--default,
[data-theme="dark"] .go-fph-release-platform--default {
background: rgba(124, 58, 237, 0.18);
color: #D4B8FF;
border-color: rgba(124, 58, 237, 0.28);
}
html.dark .go-fph-release-dev,
body.dark .go-fph-release-dev,
body.dark-mode .go-fph-release-dev,
body.is-dark-theme .go-fph-release-dev,
body.newsx-dark-mode .go-fph-release-dev,
[data-theme="dark"] .go-fph-release-dev {
background: rgba(199, 240, 0, 0.18);
color: #E6FF7A;
border-color: rgba(199, 240, 0, 0.35);
}
html.dark .go-fph-release-link,
body.dark .go-fph-release-link,
body.dark-mode .go-fph-release-link,
body.is-dark-theme .go-fph-release-link,
body.newsx-dark-mode .go-fph-release-link,
[data-theme="dark"] .go-fph-release-link {
color: #8FA8FF;
}
html.dark .go-fph-release-link:hover,
body.dark .go-fph-release-link:hover,
body.dark-mode .go-fph-release-link:hover,
body.is-dark-theme .go-fph-release-link:hover,
body.newsx-dark-mode .go-fph-release-link:hover,
[data-theme="dark"] .go-fph-release-link:hover {
color: var(--fph-lime);
} @media (max-width: 1200px) {
.go-fph-promotions-grid--nested,
.go-fph-releases-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.go-fph-promo-story-grid,
.go-fph-promo-coupon-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.go-fph-promotions-grid--nested,
.go-fph-releases-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
}
@media (max-width: 640px) {
.go-fph-promotions-grid--nested,
.go-fph-releases-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.go-fph-promo-story-grid,
.go-fph-promo-coupon-grid {
grid-template-columns: 1fr;
}
.go-fph-promo-panel {
padding: 20px;
border-radius:0!important;
}
.go-fph-coupon-item {
grid-template-columns: 1fr;
}
.go-fph-release-content {
padding: 16px 16px 18px;
}
.go-fph-release-title {
font-size: 20px;
}
.go-fph-release-date {
left: 10px;
bottom: 10px;
padding: 7px 10px;
font-size: 11px;
}
} .go-fph-hero .go-fph-meta,
.go-fph-hero .go-fph-meta--light,
.go-fph-hero .go-fph-author,
.go-fph-hero .go-fph-author-name,
.go-fph-hero .go-fph-meta a,
.go-fph-hero .go-fph-author a {
color: #ffffff !important;
}
.go-fph-hero .go-fph-author-name {
font-weight: 700;
}
.go-fph-hero .go-fph-author:hover,
.go-fph-hero .go-fph-author:hover .go-fph-author-name,
.go-fph-hero .go-fph-meta a:hover {
color: var(--fph-lime) !important;
}
.go-fph-hero .go-fph-meta-sep {
background: rgba(255, 255, 255, 0.72) !important;
opacity: 1;
}
.go-fph-hero .go-fph-author-avatar {
border-color: rgba(255, 255, 255, 0.22) !important;
} .go-fph-hero .go-fph-button,
.go-fph-hero .go-fph-button--solid,
.go-fph-hero .go-fph-button--ghost {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
} .go-fph-hero .go-fph-button--solid {
background: var(--fph-lime) !important;
color: #111111 !important;
border: 2px solid var(--fph-lime) !important;
box-shadow: 0 10px 28px rgba(199, 240, 0, 0.22) !important;
}
.go-fph-hero .go-fph-button--solid:hover {
background: var(--fph-lime-dark) !important;
color: #111111 !important;
border-color: var(--fph-lime-dark) !important;
} html.dark .go-fph-hero .go-fph-button--solid,
body.dark .go-fph-hero .go-fph-button--solid,
body.dark-mode .go-fph-hero .go-fph-button--solid,
body.is-dark-theme .go-fph-hero .go-fph-button--solid,
body.newsx-dark-mode .go-fph-hero .go-fph-button--solid,
html[data-theme="dark"] .go-fph-hero .go-fph-button--solid,
body[data-theme="dark"] .go-fph-hero .go-fph-button--solid {
background: #c7f000 !important;
color: #111111 !important;
border-color: #c7f000 !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
} .go-fph-hero .go-fph-button--solid *,
html.dark .go-fph-hero .go-fph-button--solid *,
body.dark .go-fph-hero .go-fph-button--solid * {
color: #111111 !important;
fill: #111111 !important;
} .go-fph-hero-actions,
.go-fph-hero-actions a,
.go-fph-hero-actions .go-fph-button {
position: relative;
z-index: 5;
mix-blend-mode: normal !important;
filter: none !important;
} .go-fph-platform-card {
overflow: hidden;
}
.go-fph-platform-head h3 {
color: var(--fph-text) !important;
}
.go-fph-platform-card--playstation .go-fph-platform-head h3 {
color: #0a4bb3 !important;
}
.go-fph-platform-card--xbox .go-fph-platform-head h3 {
color: #148814 !important;
}
.go-fph-platform-card--pc .go-fph-platform-head h3 {
color: #1d4ed8 !important;
}
.go-fph-platform-card--nintendo .go-fph-platform-head h3 {
color: #d91124 !important;
}
.go-fph-platform-logo {
background: linear-gradient(180deg, #ffffff, #eef2f7) !important;
border: 1px solid rgba(15, 23, 42, 0.14) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.92),
0 8px 20px rgba(15, 23, 42, 0.08);
}
.go-fph-platform-logo img {
max-width: 82% !important;
max-height: 82% !important;
filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.4));
}
html.dark .go-fph-platform-logo,
body.dark .go-fph-platform-logo,
body.dark-mode .go-fph-platform-logo,
body.is-dark-theme .go-fph-platform-logo,
body.newsx-dark-mode .go-fph-platform-logo,
[data-theme="dark"] .go-fph-platform-logo {
background: linear-gradient(180deg, #ffffff, #e5e7eb) !important;
border-color: rgba(255, 255, 255, 0.24) !important;
}
.go-fph-section--video {
position: relative;
}
.go-fph-video-feature {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
gap: 1.5rem;
padding: 1.5rem;
border: 1px solid var(--fph-border);
border-radius:0!important;
background:
radial-gradient(circle at top right, rgba(40, 0, 240, 0.08), transparent 32%),
linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 246, 251, 0.98)),
var(--fph-surface);
box-shadow: var(--fph-shadow-card);
}
.go-fph-video-player {
overflow: hidden;
border-radius:0!important;
background: #050505;
aspect-ratio: 16 / 9;
}
.go-fph-video-player :is(iframe, video, embed, object) {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.go-fph-video-copy {
display: flex;
flex-direction: column;
gap: 1rem;
min-width: 0;
}
.go-fph-video-topline,
.go-fph-video-actions {
display: flex;
flex-wrap: wrap;
gap: .75rem;
}
.go-fph-video-title {
margin: 0;
font-family: var(--fph-font-display);
font-size: clamp(1.7rem, 2.8vw, 2.6rem);
font-weight: 800;
line-height: 1.08;
letter-spacing: -.03em;
}
.go-fph-video-title a {
color: var(--fph-text);
}
.go-fph-video-title a:hover {
color: var(--fph-blue);
}
.go-fph-video-excerpt {
margin: 0;
color: var(--fph-text-body);
font-size: .97rem;
line-height: 1.7;
}
.go-fph-feed-list[aria-busy="true"] {
opacity: .62;
transition: opacity 180ms ease;
}
@media (max-width: 980px) {
.go-fph-video-feature {
grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.go-fph-video-feature {
padding: 1rem;
border-radius:0!important;
}
.go-fph-video-title {
font-size: clamp(1.4rem, 7vw, 1.9rem);
}
} .go-fph-section-head h2 a,
.go-fph-platform-brand-copy h3 a,
.go-fph-video-channel-head h3 a {
color: inherit;
text-decoration: none;
}
.go-fph-section-head h2 a:hover,
.go-fph-platform-brand-copy h3 a:hover,
.go-fph-video-channel-head h3 a:hover {
color: var(--fph-blue);
}
.go-fph-meta,
.go-fph-author,
.go-fp-author-meta,
.go-ca-meta,
.go-cp-meta {
position: relative;
z-index: 4;
}
.go-fph-author,
.go-fp-author-meta,
.go-cp-author {
pointer-events: auto;
}
.go-fph-section--video {
padding: 34px;
border-radius:0!important;
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.14), transparent 26%),
radial-gradient(circle at top right, rgba(40, 0, 240, 0.2), transparent 34%),
linear-gradient(180deg, #050608 0%, #0b1017 100%);
}
.go-fph-section--video .go-fph-section-head,
.go-fph-section--video .go-fph-section-head h2,
.go-fph-section--video .go-fph-section-head p,
.go-fph-section--video .go-fph-more,
.go-fph-section--video .go-fph-video-title a,
.go-fph-section--video .go-fph-video-excerpt,
.go-fph-section--video .go-fph-meta,
.go-fph-section--video .go-fph-video-mini-copy h3 a,
.go-fph-section--video .go-fph-video-mini-copy span {
color: #f4f7fb;
}
.go-fph-section--video .go-fph-video-feature {
border-color: rgba(255, 255, 255, 0.08);
background:
radial-gradient(circle at top right, rgba(199, 240, 0, 0.12), transparent 28%),
linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
box-shadow: 0 26px 60px rgba(0, 0, 0, 0.34);
}
.go-fph-section--video .go-fph-video-player {
border: 1px solid rgba(255, 255, 255, 0.08);
background: #000;
}
.go-fph-section--video .go-fph-meta-sep {
background: rgba(255, 255, 255, 0.6);
}
.go-fph-section--video .go-fph-author-name,
.go-fph-section--video .go-fph-author-text,
.go-fph-section--video .go-fph-meta time {
color: #f4f7fb;
}
.go-fph-category-shortcuts,
.go-fph-video-channels-grid {
display: grid;
gap: 18px;
}
.go-fph-category-shortcuts {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.go-fph-category-shortcut {
display: grid;
gap: 10px;
padding: 22px;
border: 1px solid var(--fph-border);
border-radius:0!important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 252, 0.98));
box-shadow: var(--fph-shadow-card);
color: var(--fph-text);
text-decoration: none;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.go-fph-category-shortcut:hover {
transform: translateY(-3px);
border-color: rgba(40, 0, 240, 0.16);
box-shadow: 0 22px 52px rgba(15, 23, 42, 0.12);
}
.go-fph-category-shortcut strong {
font-family: var(--fph-font-display);
font-size: clamp(1.2rem, 2vw, 1.65rem);
line-height: 1.04;
letter-spacing: -0.04em;
}
.go-fph-category-shortcut span {
color: var(--fph-text-body);
line-height: 1.7;
}
.go-fph-video-channels-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.go-fph-video-channel-card {
display: grid;
gap: 18px;
padding: 24px;
border: 1px solid var(--fph-border);
border-radius:0!important;
background:
radial-gradient(circle at top right, rgba(40, 0, 240, 0.08), transparent 28%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 252, 0.98));
box-shadow: var(--fph-shadow-card);
}
.go-fph-video-channel-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.go-fph-video-channel-head p {
margin: 8px 0 0;
color: var(--fph-text-body);
line-height: 1.7;
}
.go-fph-video-channel-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.go-fph-video-channel-item {
display: grid;
gap: 12px;
}
.go-fph-video-channel-thumb {
position: relative;
display: block;
overflow: hidden;
border-radius:0!important;
aspect-ratio: 16 / 9;
background: #0b1220;
}
.go-fph-video-channel-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.go-fph-video-channel-copy h4 {
margin: 0;
font-size: clamp(1.02rem, 1.5vw, 1.18rem);
line-height: 1.2;
letter-spacing: -0.03em;
}
.go-fph-video-channel-copy h4 a {
color: var(--fph-text);
text-decoration: none;
}
.go-fph-video-channel-copy span {
display: inline-flex;
margin-top: 8px;
color: var(--fph-text-body);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@media (max-width: 980px) {
.go-fph-category-shortcuts,
.go-fph-video-channels-grid,
.go-fph-video-channel-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.go-fph-section--video {
padding: 22px;
}
}
.go-fph-hero-topline .go-fph-card-cat,
.go-fph-video-topline .go-fph-card-cat {
position: relative;
z-index: 6;
pointer-events: auto;
}
.go-fph-hero-content,
.go-fph-hero-content * {
pointer-events: auto;
}
.go-fph-category-shortcut {
padding: 18px 18px 16px;
gap: 8px;
}
.go-fph-category-shortcut strong {
font-size: clamp(1rem, 1.5vw, 1.18rem);
letter-spacing: -0.03em;
}
.go-fph-category-shortcut span {
font-size: .92rem;
line-height: 1.55;
}
.go-fph-special-grid {
grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
grid-template-areas:
"feature stack"
"bottom bottom";
}
.go-fph-special-feature {
grid-area: feature;
}
.go-fph-special-stack {
grid-area: stack;
grid-template-columns: 1fr;
}
.go-fph-special-bottom {
grid-area: bottom;
}
.go-fph-special-bottom .go-fph-card-link {
min-height: 100%;
}
.go-fph-section--video {
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.1), transparent 26%),
radial-gradient(circle at top right, rgba(40, 0, 240, 0.12), transparent 34%),
linear-gradient(180deg, rgba(247, 250, 253, 0.98) 0%, rgba(237, 243, 250, 0.98) 100%);
}
html.dark .go-fph-section--video,
body.dark .go-fph-section--video,
body.dark-mode .go-fph-section--video,
body.is-dark-theme .go-fph-section--video,
body.newsx-dark-mode .go-fph-section--video,
[data-theme="dark"] .go-fph-section--video {
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.14), transparent 26%),
radial-gradient(circle at top right, rgba(40, 0, 240, 0.2), transparent 34%),
linear-gradient(180deg, #0b0d12 0%, #111721 100%);
}
.go-fph-section--video .go-fph-section-head,
.go-fph-section--video .go-fph-section-head h2,
.go-fph-section--video .go-fph-section-head p,
.go-fph-section--video .go-fph-more,
.go-fph-section--video .go-fph-video-title a,
.go-fph-section--video .go-fph-video-excerpt,
.go-fph-section--video .go-fph-meta,
.go-fph-section--video .go-fph-video-mini-copy h3 a,
.go-fph-section--video .go-fph-video-mini-copy span {
color: var(--fph-text);
}
html.dark .go-fph-section--video .go-fph-section-head,
html.dark .go-fph-section--video .go-fph-section-head h2,
html.dark .go-fph-section--video .go-fph-section-head p,
html.dark .go-fph-section--video .go-fph-more,
html.dark .go-fph-section--video .go-fph-video-title a,
html.dark .go-fph-section--video .go-fph-video-excerpt,
html.dark .go-fph-section--video .go-fph-meta,
html.dark .go-fph-section--video .go-fph-video-mini-copy h3 a,
html.dark .go-fph-section--video .go-fph-video-mini-copy span,
body.dark .go-fph-section--video .go-fph-section-head,
body.dark .go-fph-section--video .go-fph-section-head h2,
body.dark .go-fph-section--video .go-fph-section-head p,
body.dark .go-fph-section--video .go-fph-more,
body.dark .go-fph-section--video .go-fph-video-title a,
body.dark .go-fph-section--video .go-fph-video-excerpt,
body.dark .go-fph-section--video .go-fph-meta,
body.dark .go-fph-section--video .go-fph-video-mini-copy h3 a,
body.dark .go-fph-section--video .go-fph-video-mini-copy span {
color: #f4f7fb;
}
.go-fph-carousel-track {
transition: transform 420ms cubic-bezier(.22, .74, .2, 1);
}
.go-fph-carousel-btn {
transition: background .22s ease, color .22s ease, transform .22s ease, opacity .22s ease;
}
.go-fph-carousel.is-bumping-prev .go-fph-carousel-btn--prev,
.go-fph-carousel.is-bumping-next .go-fph-carousel-btn--next {
transform: scale(.92);
}
.go-fph-section--video {
border: 1px solid var(--fph-border);
box-shadow: var(--fph-shadow-card);
}
.go-fph-section--video .go-fph-video-feature {
border-radius:0!important;
overflow: hidden;
}
.go-fph-video-channel-player {
overflow: hidden;
border: 1px solid var(--fph-border);
border-radius:0!important;
background: rgba(10, 14, 22, 0.92);
aspect-ratio: 16 / 9;
}
.go-fph-video-channel-player iframe {
width: 100%;
height: 100%;
border: 0;
display: block;
}
.go-fph-video-channel-featured-copy {
display: grid;
gap: 6px;
}
.go-fph-video-channel-featured-copy h4,
.go-fph-video-channel-copy h4 {
margin: 0;
font-size: 1.02rem;
line-height: 1.25;
}
.go-fph-video-channel-featured-copy h4 a,
.go-fph-video-channel-copy h4 a {
color: var(--fph-text);
text-decoration: none;
}
.go-fph-video-channel-featured-copy span,
.go-fph-video-channel-copy span {
color: var(--fph-text-muted);
font-size: 13px;
}
.go-fph-section--video-channels .go-fph-video-channel-card,
.go-fph-section--category-shortcuts .go-fph-category-shortcut {
background:
radial-gradient(circle at top right, rgba(199, 240, 0, 0.08), transparent 28%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 252, 0.98));
}
.go-fph-newsletter-card {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
gap: 22px;
padding: 28px;
border: 1px solid var(--fph-border);
border-radius:0!important;
background:
radial-gradient(circle at top right, rgba(199, 240, 0, 0.12), transparent 28%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 252, 0.98));
box-shadow: var(--fph-shadow-card);
}
.go-fph-newsletter-copy {
display: grid;
gap: 10px;
}
.go-fph-newsletter-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
}
.go-fph-newsletter-form input {
min-height: 54px;
padding: 0 18px;
border: 1px solid var(--fph-border);
border-radius:0!important;
background: rgba(255, 255, 255, 0.92);
color: var(--fph-text);
}
html.dark .go-fph-section--video-channels .go-fph-video-channel-card,
body.dark .go-fph-section--video-channels .go-fph-video-channel-card,
body.dark-mode .go-fph-section--video-channels .go-fph-video-channel-card,
body.is-dark-theme .go-fph-section--video-channels .go-fph-video-channel-card,
body.newsx-dark-mode .go-fph-section--video-channels .go-fph-video-channel-card,
[data-theme="dark"] .go-fph-section--video-channels .go-fph-video-channel-card,
html.dark .go-fph-section--category-shortcuts .go-fph-category-shortcut,
body.dark .go-fph-section--category-shortcuts .go-fph-category-shortcut,
body.dark-mode .go-fph-section--category-shortcuts .go-fph-category-shortcut,
body.is-dark-theme .go-fph-section--category-shortcuts .go-fph-category-shortcut,
body.newsx-dark-mode .go-fph-section--category-shortcuts .go-fph-category-shortcut,
[data-theme="dark"] .go-fph-section--category-shortcuts .go-fph-category-shortcut,
html.dark .go-fph-newsletter-card,
body.dark .go-fph-newsletter-card,
body.dark-mode .go-fph-newsletter-card,
body.is-dark-theme .go-fph-newsletter-card,
body.newsx-dark-mode .go-fph-newsletter-card,
[data-theme="dark"] .go-fph-newsletter-card {
background:
radial-gradient(circle at top right, rgba(199, 240, 0, 0.08), transparent 28%),
linear-gradient(180deg, rgba(17, 21, 28, 0.96), rgba(12, 16, 24, 0.96));
}
html.dark .go-fph-newsletter-form input,
body.dark .go-fph-newsletter-form input,
body.dark-mode .go-fph-newsletter-form input,
body.is-dark-theme .go-fph-newsletter-form input,
body.newsx-dark-mode .go-fph-newsletter-form input,
[data-theme="dark"] .go-fph-newsletter-form input {
background: rgba(9, 12, 18, 0.9);
color: #f5f7fa;
border-color: rgba(255, 255, 255, 0.08);
}
@media (max-width: 980px) {
.go-fph-special-grid {
grid-template-columns: 1fr;
grid-template-areas:
"feature"
"stack"
"bottom";
}
.go-fph-newsletter-card,
.go-fph-newsletter-form {
grid-template-columns: 1fr;
}
}
.go-fph-category-shortcut {
padding: 16px 16px 14px;
}
.go-fph-category-shortcut strong {
font-size: clamp(.92rem, 1.15vw, 1.04rem);
}
.go-fph-category-shortcut span {
font-size: .86rem;
line-height: 1.5;
}
.go-fph-section--video {
border-radius:0!important;
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 24%),
linear-gradient(180deg, rgba(249, 251, 255, 0.96) 0%, rgba(242, 246, 252, 0.94) 100%);
box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
}
html.dark .go-fph-section--video,
body.dark .go-fph-section--video,
body.dark-mode .go-fph-section--video,
body.is-dark-theme .go-fph-section--video,
body.newsx-dark-mode .go-fph-section--video,
[data-theme="dark"] .go-fph-section--video {
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.12), transparent 24%),
linear-gradient(180deg, rgba(14, 18, 26, 0.96) 0%, rgba(17, 22, 31, 0.96) 100%);
}
.go-fph-carousel-btn,
.go-fph-carousel-btn:hover,
.go-fph-carousel-btn:focus-visible {
color: #ffffff;
}
.go-fph-carousel-btn:hover {
background: #243757;
border-color: transparent;
} .go-fph-special-slider-shell {
display: grid;
gap: 18px;
}
.go-fph-special-slider {
overflow: visible;
}
.go-fph-special-slider .swiper-slide {
height: auto;
}
.go-fph-special-slide,
.go-fph-special-slide > * {
height: 100%;
}
.go-fph-special-slide .go-fph-card-link,
.go-fph-special-slide .go-fph-card {
min-height: min(78svh, 720px);
}
.go-fph-special-slide .go-fph-card-link {
border-radius:0!important;
overflow: hidden;
box-shadow: var(--fph-shadow);
}
.go-fph-special-slide .go-fph-card-copy {
min-height: 0 !important;
}
.go-fph-special-slider-controls {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.go-fph-special-slider-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.go-fph-special-slider-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 !important;
border-radius:0!important;
background: rgba(17, 24, 39, 0.18);
opacity: 1;
transition: width 0.22s ease, background 0.22s ease, transform 0.22s ease;
}
.go-fph-special-slider-pagination .swiper-pagination-bullet-active {
width: 26px;
background: var(--fph-lime);
transform: translateY(-1px);
}
.go-fph-special-slider-nav {
display: inline-flex;
align-items: center;
gap: 10px;
}
.go-fph-special-slider-btn {
position: static;
transform: none;
}
html.dark .go-fph-special-slider-pagination .swiper-pagination-bullet,
body.dark .go-fph-special-slider-pagination .swiper-pagination-bullet,
body.dark-mode .go-fph-special-slider-pagination .swiper-pagination-bullet,
body.is-dark-theme .go-fph-special-slider-pagination .swiper-pagination-bullet,
body.newsx-dark-mode .go-fph-special-slider-pagination .swiper-pagination-bullet,
[data-theme="dark"] .go-fph-special-slider-pagination .swiper-pagination-bullet {
background: rgba(255, 255, 255, 0.26);
}
@media (max-width: 720px) {
.go-fph-special-slide .go-fph-card-link,
.go-fph-special-slide .go-fph-card {
min-height: 0;
}
.go-fph-special-slider-controls {
align-items: flex-start;
flex-direction: column;
}
}
.go-fph-cat--lime,
.go-fph-card .go-fph-cat--lime,
.go-fph-card .go-fph-badge.go-fph-cat--lime {
background: var(--fph-lime);
color: var(--fph-lime-text);
}
.go-fph-platform-card--playstation {
border-color: rgba(0, 55, 145, 0.22);
background:
linear-gradient(180deg, rgba(0, 55, 145, 0.08), rgba(255, 255, 255, 0)),
var(--fph-surface);
box-shadow: 0 26px 46px rgba(0, 55, 145, 0.08);
}
.go-fph-platform-card--playstation .go-fph-platform-list {
background: linear-gradient(180deg, rgba(0, 55, 145, 0.04), transparent 62%);
}
.go-fph-platform-card--xbox {
border-color: rgba(16, 124, 16, 0.22);
background:
linear-gradient(180deg, rgba(16, 124, 16, 0.09), rgba(255, 255, 255, 0)),
var(--fph-surface);
box-shadow: 0 26px 46px rgba(16, 124, 16, 0.08);
}
.go-fph-platform-card--xbox .go-fph-platform-list {
background: linear-gradient(180deg, rgba(16, 124, 16, 0.045), transparent 62%);
}
.go-fph-special-slide .go-fph-card-link,
.go-fph-special-slide .go-fph-card {
min-height: min(62svh, 560px);
}
.go-fph {
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.12), transparent 20%),
linear-gradient(180deg, #fcfdff 0%, var(--fph-bg) 18%, #eef3f8 100%);
}
html.dark .go-fph,
body.dark .go-fph,
body.dark-mode .go-fph,
body.is-dark-theme .go-fph,
body.newsx-dark-mode .go-fph,
[data-theme="dark"] .go-fph {
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 20%),
linear-gradient(180deg, #05070b 0%, #090d13 42%, var(--fph-bg) 100%);
}
.go-fph-hero-overlay {
background:
linear-gradient(
to top,
rgba(0, 0, 0, 0.96) 0%,
rgba(0, 0, 0, 0.72) 38%,
rgba(0, 0, 0, 0.24) 72%,
rgba(0, 0, 0, 0.06) 100%
),
radial-gradient(ellipse at center, transparent 30%, rgba(0, 0, 0, 0.62) 100%);
}
.go-fph-card-cat,
.go-fph-card .go-fph-card-cat,
.go-fph-section .go-fph-card-cat {
color: #ffffff;
}
.go-fph-cat--lime,
.go-fph-card .go-fph-cat--lime,
.go-fph-card .go-fph-badge.go-fph-cat--lime {
background: linear-gradient(135deg, #7f9800, #96b700);
color: #ffffff;
}
.go-fph-hero .go-fph-card-cat.is-guides {
background: var(--fph-lime) !important;
color: #111111 !important;
}
.go-fph-hero .go-fph-card-cat.go-fph-cat--playstation,
.go-fph-hero .go-fph-card-cat.go-fph-cat--xbox,
.go-fph-hero .go-fph-card-cat.go-fph-cat--pc,
.go-fph-hero .go-fph-card-cat.go-fph-cat--mobile,
.go-fph-hero .go-fph-card-cat.go-fph-cat--nintendo {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.go-fph-hero .go-fph-author,
.go-fph-hero .go-fph-author-name {
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
.go-fph-special-slider-nav {
margin-left: auto;
}
.go-fph-special-slider-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius:0!important;
border: 1px solid var(--fph-border-2);
background: rgba(15, 23, 42, 0.92);
color: #ffffff;
box-shadow: 0 18px 30px rgba(15, 23, 42, 0.18);
}
.go-fph-special-slider-btn span,
.go-fph-special-slider-btn svg {
width: 20px;
height: 20px;
}
.go-fph-special-slider-btn:hover {
background: var(--fph-blue);
color: #ffffff;
border-color: transparent;
}
html.dark .go-fph-special-slider-btn,
body.dark .go-fph-special-slider-btn,
body.dark-mode .go-fph-special-slider-btn,
body.is-dark-theme .go-fph-special-slider-btn,
body.newsx-dark-mode .go-fph-special-slider-btn,
[data-theme="dark"] .go-fph-special-slider-btn {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.16);
}
@media (max-width: 720px) {
.go-fph-hero .go-fph-meta,
.go-fph-hero .go-fph-author {
align-items: flex-start;
gap: 8px 10px;
}
.go-fph-hero .go-fph-author {
width: 100%;
}
.go-fph-hero .go-fph-author-avatar {
width: 36px;
height: 36px;
}
.go-fph-hero .go-fph-meta-sep {
display: none;
}
.go-fph-special-slider-controls {
width: 100%;
}
.go-fph-special-slider-nav {
width: 100%;
justify-content: flex-end;
}
}
.go-fph-hero-slider {
position: relative;
overflow: hidden;
}
.go-fph-hero-slider + .go-fph-main {
padding-top: clamp(4.8rem, 8vw, 6.4rem);
}
.go-fph-hero-slider-shell {
display: grid;
position: relative;
overflow: hidden;
}
.go-fph-hero-slide {
grid-area: 1 / 1;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: scale(1.018);
z-index: 0;
transition: opacity 0.55s ease, transform 0.85s ease;
}
.go-fph-hero-slide.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
z-index: 2;
}
.go-fph-hero-slide.is-leaving {
opacity: 0;
visibility: visible;
pointer-events: none;
transform: scale(1.012);
z-index: 1;
}
.go-fph-hero-slider-controls {
position: absolute;
right: clamp(16px, 4vw, 36px);
bottom: clamp(28px, 4vw, 42px);
z-index: 3;
display: flex;
align-items: center;
justify-content: flex-end;
}
.go-fph-hero-slider-nav,
.go-fph-hero-slider-dots {
display: flex;
align-items: center;
gap: 10px;
}
.go-fph-hero-slider-btn {
position: static;
transform: none;
width: 54px;
height: 54px;
min-width: 54px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius:0!important;
background: rgba(7, 12, 20, 0.82);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}
.go-fph-hero-slider-btn:hover {
background: rgba(14, 20, 31, 0.92);
border-color: rgba(199, 240, 0, 0.42);
color: var(--fph-lime);
transform: none;
}
.go-fph-hero-slider-btn svg {
width: 18px;
height: 18px;
}
.go-fph-hero-slider-dot {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius:0!important;
background: rgba(17, 24, 39, 0.18);
cursor: pointer;
transition: width 0.22s ease, background 0.22s ease, transform 0.22s ease;
}
.go-fph-hero-slider-dot.is-active {
width: 24px;
background: var(--fph-lime);
transform: translateY(-1px);
}
html.dark .go-fph-hero-slider-dot,
body.dark .go-fph-hero-slider-dot,
body.dark-mode .go-fph-hero-slider-dot,
body.is-dark-theme .go-fph-hero-slider-dot,
body.newsx-dark-mode .go-fph-hero-slider-dot,
[data-theme="dark"] .go-fph-hero-slider-dot {
background: rgba(255, 255, 255, 0.26);
}
html.dark .go-fph-hero-slider-dot.is-active,
body.dark .go-fph-hero-slider-dot.is-active,
body.dark-mode .go-fph-hero-slider-dot.is-active,
body.is-dark-theme .go-fph-hero-slider-dot.is-active,
body.newsx-dark-mode .go-fph-hero-slider-dot.is-active,
[data-theme="dark"] .go-fph-hero-slider-dot.is-active {
background: var(--fph-lime);
}
@media (max-width: 720px) {
.go-fph-hero-content {
padding-bottom: 5.25rem;
}
.go-fph-hero-slider-controls {
right: 14px;
left: auto;
bottom: 12px;
}
.go-fph-hero-slider-btn {
width: 48px;
height: 48px;
min-width: 48px;
border-radius:0!important;
}
}
.go-fph-hero > .go-fph-shell {
padding-top: clamp(4.5rem, 10vw, 7rem);
padding-bottom: clamp(1.8rem, 4vw, 3rem);
}
.go-fph-hero-content {
padding-top: clamp(1.2rem, 3vw, 2rem);
padding-bottom: clamp(1.9rem, 4vw, 3rem);
}
@media (max-width: 720px) {
.go-fph-hero > .go-fph-shell {
padding-top: clamp(5rem, 16vw, 6.4rem);
}
.go-fph-hero-content {
padding-top: .75rem;
padding-bottom: 4.8rem;
}
}
.go-fph-section--promotions.is-loading .go-fph-promotions-grid {
opacity: .64;
transition: opacity .22s ease;
}
.go-fph-promo-status {
margin: 14px 0 0;
color: var(--fph-text-muted);
font-size: .84rem;
}
.go-fph-promo-empty {
display: grid;
gap: .75rem;
align-items: center;
min-height: 220px;
padding: 28px;
border: 1px solid var(--fph-border);
border-radius:0!important;
background:
radial-gradient(circle at top right, rgba(199, 240, 0, .12), transparent 30%),
linear-gradient(180deg, var(--fph-surface), var(--fph-surface-2));
}
.go-fph-promo-empty h3,
.go-fph-promo-empty p {
margin: 0;
}
.go-fph-promo-empty h3 {
color: var(--fph-text);
font-family: var(--fph-font-display);
font-size: clamp(1.2rem, 2vw, 1.5rem);
}
.go-fph-promo-empty p {
color: var(--fph-text-body);
max-width: 48ch;
}
.go-fph-promo-link,
.go-fph-promo-link:visited,
.go-fph-promo-link span {
color: #ffffff !important;
}
.go-fph-promo-link:hover,
.go-fph-promo-link:focus-visible {
color: #ffffff !important;
}
.go-fph-hero-slider {
overflow: hidden;
}
.go-fph-hero-slider-shell {
display: flex !important;
gap: 0 !important;
transition: transform .72s cubic-bezier(.22, .61, .36, 1);
will-change: transform;
}
.go-fph-hero-slider-shell.is-static {
transition: none;
}
.go-fph-hero-slide {
flex: 0 0 100%;
grid-area: auto !important;
min-width: 100%;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
transition: none !important;
}
.go-fph-hero-slide:not(.is-active) {
z-index: 1;
}
.go-fph-hero-slide.is-active {
z-index: 2;
}
.go-fph-author,
.go-fp-author-meta {
gap: .55rem;
}
.go-fph-author-name,
.go-fph-author-name a,
.go-fp-author-meta .go-fph-author-name,
.go-fp-author-meta .go-fph-author-name a {
color: var(--fph-text-body);
}
.go-fph-author:hover .go-fph-author-name,
.go-fp-author-meta:hover .go-fph-author-name {
color: var(--fph-text);
}
.go-fp-author-meta .go-fph-author-avatar,
.go-fph-author-avatar {
width: 34px;
height: 34px;
}
html.dark .go-fph-author-name,
html.dark .go-fph-author-name a,
body.dark .go-fph-author-name,
body.dark .go-fph-author-name a,
body.dark-mode .go-fph-author-name,
body.dark-mode .go-fph-author-name a,
body.is-dark-theme .go-fph-author-name,
body.is-dark-theme .go-fph-author-name a,
body.newsx-dark-mode .go-fph-author-name,
body.newsx-dark-mode .go-fph-author-name a,
[data-theme="dark"] .go-fph-author-name,
[data-theme="dark"] .go-fph-author-name a,
html.dark .go-fp-author-meta .go-fph-author-name,
html.dark .go-fp-author-meta .go-fph-author-name a,
body.dark .go-fp-author-meta .go-fph-author-name,
body.dark .go-fp-author-meta .go-fph-author-name a,
body.dark-mode .go-fp-author-meta .go-fph-author-name,
body.dark-mode .go-fp-author-meta .go-fph-author-name a,
body.is-dark-theme .go-fp-author-meta .go-fph-author-name,
body.is-dark-theme .go-fp-author-meta .go-fph-author-name a,
body.newsx-dark-mode .go-fp-author-meta .go-fph-author-name,
body.newsx-dark-mode .go-fp-author-meta .go-fph-author-name a,
[data-theme="dark"] .go-fp-author-meta .go-fph-author-name,
[data-theme="dark"] .go-fp-author-meta .go-fph-author-name a {
color: #e6edf9 !important;
}
.go-fph-filter {
appearance: none;
cursor: pointer;
}
.go-fph-author-avatar,
.go-fp-author-meta .go-fph-author-avatar {
display: block;
overflow: hidden;
}
.go-fph-author-avatar img,
.go-fph-author-avatar .avatar,
.go-fp-author-meta .go-fph-author-avatar img,
.go-fp-author-meta .go-fph-author-avatar .avatar {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.go-fph-hero-slider-shell,
.go-fph-hero-slide {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.go-fph-promo-link,
.go-fph-promo-link:visited,
.go-fph-promo-link:hover,
.go-fph-promo-link:focus-visible {
background: linear-gradient(135deg, #4f6fff, #3657ef) !important;
color: #ffffff !important;
}
.go-fph-promo-link * {
color: inherit !important;
}
.go-fph-hero {
position: relative;
}
.go-fph-hero::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: clamp(96px, 14vw, 180px);
background: linear-gradient(180deg, rgba(6, 10, 18, 0), var(--fph-bg) 88%);
pointer-events: none;
z-index: 2;
}
.go-fph-hero-content,
.go-fph-hero-slider-controls {
position: relative;
z-index: 3;
}
.go-fph-hero-slider {
position: relative;
overflow: hidden;
}
.go-fph-hero-slider-controls {
position: absolute !important;
right: clamp(18px, 3.8vw, 34px);
bottom: clamp(40px, 5vw, 58px);
left: auto;
z-index: 6 !important;
pointer-events: none;
}
.go-fph-hero-slider-controls .go-fph-hero-slider-nav,
.go-fph-hero-slider-controls .go-fph-hero-slider-btn,
.go-fph-hero-slider-controls .go-fph-hero-slider-dots,
.go-fph-hero-slider-controls .go-fph-hero-slider-dot {
pointer-events: auto;
}
@media (max-width: 720px) {
.go-fph-hero-slider-controls {
bottom: clamp(20px, 4vw, 30px);
}
}
.go-fp-feed-item-badge,
.go-fp-feed-item-badge * {
color: #101820 !important;
}
.go-fp-feed-item-badge {
background: linear-gradient(135deg, rgba(234, 255, 147, 0.98), rgba(199, 240, 0, 0.94)) !important;
border: 1px solid rgba(168, 197, 0, 0.22);
box-shadow: 0 10px 22px rgba(199, 240, 0, 0.18);
}
.go-fp-feed-item-date {
display: inline-flex;
width: fit-content;
padding: 0.34rem 0.72rem;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius:0!important;
background: rgba(255, 255, 255, 0.04);
color: var(--fph-text-body);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.1;
font-variant-numeric: tabular-nums;
}
.go-fp-author-meta,
.go-fph-author {
align-items: center;
}
.go-fp-author-meta .go-fph-author-avatar,
.go-fph-author-avatar {
width: 38px !important;
height: 38px !important;
flex: 0 0 38px;
border-radius:0!important;
border: 1px solid rgba(148, 163, 184, 0.18);
}
html.dark .go-fp-feed-item-date,
body.dark .go-fp-feed-item-date,
body.dark-mode .go-fp-feed-item-date,
body.is-dark-theme .go-fp-feed-item-date,
body.newsx-dark-mode .go-fp-feed-item-date,
[data-theme="dark"] .go-fp-feed-item-date {
background: rgba(11, 16, 24, 0.78);
border-color: rgba(148, 163, 184, 0.18);
color: #d8e1ee;
}
html.dark .go-fp-feed-item-badge,
html.dark .go-fp-feed-item-badge *,
body.dark .go-fp-feed-item-badge,
body.dark .go-fp-feed-item-badge *,
body.dark-mode .go-fp-feed-item-badge,
body.dark-mode .go-fp-feed-item-badge *,
body.is-dark-theme .go-fp-feed-item-badge,
body.is-dark-theme .go-fp-feed-item-badge *,
body.newsx-dark-mode .go-fp-feed-item-badge,
body.newsx-dark-mode .go-fp-feed-item-badge *,
[data-theme="dark"] .go-fp-feed-item-badge,
[data-theme="dark"] .go-fp-feed-item-badge * {
color: #efffb7 !important;
}
html.dark .go-fp-feed-item-badge,
body.dark .go-fp-feed-item-badge,
body.dark-mode .go-fp-feed-item-badge,
body.is-dark-theme .go-fp-feed-item-badge,
body.newsx-dark-mode .go-fp-feed-item-badge,
[data-theme="dark"] .go-fp-feed-item-badge {
background: linear-gradient(135deg, rgba(163, 230, 53, 0.2), rgba(15, 23, 42, 0.96)) !important;
border-color: rgba(199, 240, 0, 0.24);
box-shadow: none;
}
.go-fph-author-name,
.go-fp-author-meta,
.go-fp-author-meta a,
.go-fph-meta time {
color: inherit !important;
}
.go-fp-feed-item-date::before {
content: "Atualizado";
display: inline-flex;
margin-right: 0.45rem;
padding-right: 0.45rem;
border-right: 1px solid rgba(148, 163, 184, 0.2);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
opacity: 0.72;
}
html.dark .go-fph-author-name,
html.dark .go-fp-author-meta,
html.dark .go-fp-author-meta a,
html.dark .go-fph-meta time,
body.dark .go-fph-author-name,
body.dark .go-fp-author-meta,
body.dark .go-fp-author-meta a,
body.dark .go-fph-meta time,
body.dark-mode .go-fph-author-name,
body.dark-mode .go-fp-author-meta,
body.dark-mode .go-fp-author-meta a,
body.dark-mode .go-fph-meta time,
body.is-dark-theme .go-fph-author-name,
body.is-dark-theme .go-fp-author-meta,
body.is-dark-theme .go-fp-author-meta a,
body.is-dark-theme .go-fph-meta time,
body.newsx-dark-mode .go-fph-author-name,
body.newsx-dark-mode .go-fp-author-meta,
body.newsx-dark-mode .go-fp-author-meta a,
body.newsx-dark-mode .go-fph-meta time,
[data-theme="dark"] .go-fph-author-name,
[data-theme="dark"] .go-fp-author-meta,
[data-theme="dark"] .go-fp-author-meta a,
[data-theme="dark"] .go-fph-meta time {
color: #dce7f7 !important;
} .go-fph {
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.1), transparent 20%),
linear-gradient(180deg, #f9fbfe 0%, var(--fph-bg) 22%, var(--fph-bg-2) 100%);
}
html.dark .go-fph,
body.dark .go-fph,
body.dark-mode .go-fph,
body.is-dark-theme .go-fph,
body.newsx-dark-mode .go-fph,
[data-theme="dark"] .go-fph {
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 20%),
linear-gradient(180deg, #05070b 0%, #090d13 36%, var(--fph-bg) 100%);
}
.go-fph-hero::after {
height: clamp(56px, 9vw, 112px);
background: linear-gradient(180deg, rgba(8, 12, 18, 0) 0%, rgba(8, 12, 18, 0.14) 48%, var(--fph-bg) 100%);
}
html.dark .go-fph-hero::after,
body.dark .go-fph-hero::after,
body.dark-mode .go-fph-hero::after,
body.is-dark-theme .go-fph-hero::after,
body.newsx-dark-mode .go-fph-hero::after,
[data-theme="dark"] .go-fph-hero::after {
background: linear-gradient(180deg, rgba(4, 6, 10, 0) 0%, rgba(4, 6, 10, 0.22) 52%, var(--fph-bg) 100%);
}
.go-fph-special-slide .go-fph-card-link {
box-shadow: 0 14px 26px rgba(15, 23, 42, 0.08);
}
html.dark .go-fph-special-slide .go-fph-card-link,
body.dark .go-fph-special-slide .go-fph-card-link,
body.dark-mode .go-fph-special-slide .go-fph-card-link,
body.is-dark-theme .go-fph-special-slide .go-fph-card-link,
body.newsx-dark-mode .go-fph-special-slide .go-fph-card-link,
[data-theme="dark"] .go-fph-special-slide .go-fph-card-link {
box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
} .go-fph-special-slider-shell {
position: relative;
gap: 0;
padding-bottom: clamp(1.2rem, 3vw, 2rem);
}
.go-fph-special-slider-shell::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: clamp(7rem, 12vw, 10rem);
background:
linear-gradient(180deg, rgba(10, 13, 20, 0) 0%, rgba(10, 13, 20, 0.18) 36%, rgba(245, 247, 250, 0.96) 84%, rgba(243, 244, 246, 0.98) 100%);
pointer-events: none;
z-index: 1;
}
html.dark .go-fph-special-slider-shell::after,
body.dark .go-fph-special-slider-shell::after,
body.dark-mode .go-fph-special-slider-shell::after,
body.is-dark-theme .go-fph-special-slider-shell::after,
body.newsx-dark-mode .go-fph-special-slider-shell::after,
[data-theme="dark"] .go-fph-special-slider-shell::after {
background:
linear-gradient(180deg, rgba(5, 7, 11, 0) 0%, rgba(5, 7, 11, 0.26) 40%, rgba(9, 11, 16, 0.94) 84%, rgba(9, 11, 16, 0.98) 100%);
}
.go-fph-special-slider {
position: relative;
z-index: 2;
}
.go-fph-special-slide .go-fph-card-link,
.go-fph-special-slide .go-fph-card {
min-height: min(74svh, 680px);
}
.go-fph-special-slider-controls {
position: relative;
z-index: 3;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: min(calc(100% - 2rem), 1040px);
margin: clamp(-2.4rem, -4vw, -3.4rem) auto 0;
padding: 1rem 1.1rem;
border: 1px solid rgba(148, 163, 184, 0.12);
border-radius:0!important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 244, 246, 0.94));
box-shadow:
0 18px 38px rgba(15, 23, 42, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.62);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
html.dark .go-fph-special-slider-controls,
body.dark .go-fph-special-slider-controls,
body.dark-mode .go-fph-special-slider-controls,
body.is-dark-theme .go-fph-special-slider-controls,
body.newsx-dark-mode .go-fph-special-slider-controls,
[data-theme="dark"] .go-fph-special-slider-controls {
border-color: rgba(255, 255, 255, 0.08);
background:
linear-gradient(180deg, rgba(14, 18, 26, 0.94), rgba(10, 14, 22, 0.96));
box-shadow:
0 24px 42px rgba(0, 0, 0, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.go-fph-special-slider-controls-copy {
display: grid;
gap: 0.5rem;
min-width: 0;
}
.go-fph-special-slider-label {
display: inline-flex;
align-items: center;
gap: 0.55rem;
font-family: var(--fph-font-display);
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #516074;
}
.go-fph-special-slider-label::before {
content: "";
display: inline-flex;
width: 18px;
height: 2px;
border-radius:0!important;
background: var(--fph-lime);
}
html.dark .go-fph-special-slider-label,
body.dark .go-fph-special-slider-label,
body.dark-mode .go-fph-special-slider-label,
body.is-dark-theme .go-fph-special-slider-label,
body.newsx-dark-mode .go-fph-special-slider-label,
[data-theme="dark"] .go-fph-special-slider-label {
color: #d5deeb;
}
.go-fph-special-slider-progress {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.8rem;
}
.go-fph-special-slider-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem;
}
.go-fph-special-slider-counter {
display: inline-flex;
align-items: baseline;
gap: 0.35rem;
color: #516074;
font-family: var(--fph-font-display);
font-size: 0.92rem;
font-weight: 800;
letter-spacing: -0.03em;
}
.go-fph-special-slider-counter strong {
color: var(--fph-text);
font-size: 1.05rem;
}
html.dark .go-fph-special-slider-counter,
body.dark .go-fph-special-slider-counter,
body.dark-mode .go-fph-special-slider-counter,
body.is-dark-theme .go-fph-special-slider-counter,
body.newsx-dark-mode .go-fph-special-slider-counter,
[data-theme="dark"] .go-fph-special-slider-counter {
color: #b8c4d6;
}
html.dark .go-fph-special-slider-counter strong,
body.dark .go-fph-special-slider-counter strong,
body.dark-mode .go-fph-special-slider-counter strong,
body.is-dark-theme .go-fph-special-slider-counter strong,
body.newsx-dark-mode .go-fph-special-slider-counter strong,
[data-theme="dark"] .go-fph-special-slider-counter strong {
color: #f4f7fb;
}
.go-fph-special-slider-nav {
display: inline-flex;
align-items: center;
gap: 0.75rem;
padding: 0.35rem;
border-radius:0!important;
background: rgba(15, 23, 42, 0.05);
}
html.dark .go-fph-special-slider-nav,
body.dark .go-fph-special-slider-nav,
body.dark-mode .go-fph-special-slider-nav,
body.is-dark-theme .go-fph-special-slider-nav,
body.newsx-dark-mode .go-fph-special-slider-nav,
[data-theme="dark"] .go-fph-special-slider-nav {
background: rgba(255, 255, 255, 0.05);
}
.go-fph-special-slider-btn {
width: 54px;
height: 54px;
border-radius:0!important;
border-color: rgba(15, 23, 42, 0.08);
background: rgba(15, 23, 42, 0.78);
box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);
}
.go-fph-special-slider-btn:hover {
background: #1f304a;
}
@media (max-width: 720px) {
.go-fph-special-slider-shell {
padding-bottom: 1rem;
}
.go-fph-special-slider-controls {
width: calc(100% - 1rem);
margin-top: -1.4rem;
padding: 0.9rem;
border-radius:0!important;
align-items: stretch;
flex-direction: column;
}
.go-fph-special-slider-controls-copy,
.go-fph-special-slider-progress {
width: 100%;
}
.go-fph-special-slider-progress {
justify-content: space-between;
}
.go-fph-special-slider-nav {
align-self: flex-end;
}
.go-fph-special-slider-btn {
width: 48px;
height: 48px;
border-radius:0!important;
}
}
.go-fph-special-slider-shell {
overflow: hidden;
}
.go-fph-special-slider {
overflow: hidden;
border-radius:0!important;
background:
linear-gradient(180deg, rgba(8, 12, 19, 0.84), rgba(8, 12, 19, 0.94));
isolation: isolate;
}
.go-fph-special-slider .swiper-wrapper,
.go-fph-special-slider .swiper-slide,
.go-fph-special-slide,
.go-fph-special-slide .go-fph-card-link {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.go-fph-special-slider .swiper-slide {
overflow: hidden;
background: transparent;
}
.go-fph-special-slide .go-fph-card-link {
border-radius:0!important;
}
html.dark .go-fph-special-slider,
body.dark .go-fph-special-slider,
body.dark-mode .go-fph-special-slider,
body.is-dark-theme .go-fph-special-slider,
body.newsx-dark-mode .go-fph-special-slider,
[data-theme="dark"] .go-fph-special-slider {
background:
linear-gradient(180deg, rgba(5, 7, 11, 0.9), rgba(5, 7, 11, 0.98));
}
.go-fph-special-slider-shell {
padding-bottom: clamp(0.8rem, 2vw, 1.2rem);
background:
linear-gradient(180deg, rgba(244, 247, 250, 0) 0%, rgba(244, 247, 250, 0) 76%, rgba(244, 247, 250, 0.96) 100%);
}
.go-fph-special-slider-shell::after {
height: clamp(4rem, 8vw, 6rem);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(245, 247, 250, 0.52) 54%, rgba(245, 247, 250, 0.96) 100%);
}
.go-fph-special-slider {
background:
linear-gradient(180deg, rgba(8, 12, 19, 0.88), rgba(8, 12, 19, 0.96));
}
.go-fph-special-slider .swiper-wrapper {
align-items: stretch;
will-change: transform;
}
.go-fph-special-slider .swiper-slide {
width: 100%;
}
.go-fph-special-slide,
.go-fph-special-slide > * {
width: 100%;
}
.go-fph-special-slider-controls {
margin-top: clamp(-3rem, -4.2vw, -2.25rem);
padding: 0.9rem 1rem;
background:
linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(241, 245, 249, 0.94));
box-shadow:
0 14px 26px rgba(15, 23, 42, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
html.dark .go-fph-special-slider-shell,
body.dark .go-fph-special-slider-shell,
body.dark-mode .go-fph-special-slider-shell,
body.is-dark-theme .go-fph-special-slider-shell,
body.newsx-dark-mode .go-fph-special-slider-shell,
[data-theme="dark"] .go-fph-special-slider-shell {
background:
linear-gradient(180deg, rgba(9, 11, 16, 0) 0%, rgba(9, 11, 16, 0) 76%, rgba(9, 11, 16, 0.98) 100%);
}
html.dark .go-fph-special-slider-shell::after,
body.dark .go-fph-special-slider-shell::after,
body.dark-mode .go-fph-special-slider-shell::after,
body.is-dark-theme .go-fph-special-slider-shell::after,
body.newsx-dark-mode .go-fph-special-slider-shell::after,
[data-theme="dark"] .go-fph-special-slider-shell::after {
background:
linear-gradient(180deg, rgba(5, 7, 11, 0) 0%, rgba(5, 7, 11, 0.2) 48%, rgba(9, 11, 16, 0.96) 100%);
}
@media (max-width: 720px) {
.go-fph-special-slider-shell {
padding-bottom: 0.65rem;
}
.go-fph-special-slider-controls {
margin-top: -1.1rem;
padding: 0.82rem 0.9rem;
}
.go-fph-special-slider-shell::after {
height: 3.2rem;
}
}
.go-fph-special-slider-shell {
background:
linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, rgba(239, 242, 246, 0.52) 70%, rgba(237, 240, 244, 0.98) 100%) !important;
}
.go-fph-special-slider-shell::after {
height: clamp(5rem, 8vw, 6.6rem) !important;
background:
linear-gradient(180deg, rgba(10, 13, 20, 0) 0%, rgba(10, 13, 20, 0.18) 34%, rgba(237, 240, 244, 0.74) 70%, rgba(237, 240, 244, 0.98) 100%) !important;
}
.go-fph-special-slider {
background:
linear-gradient(180deg, rgba(14, 18, 26, 0.9), rgba(14, 18, 26, 0.98)) !important;
overflow: hidden;
}
.go-fph-special-slider .swiper-wrapper {
display: flex;
gap: 0 !important;
}
.go-fph-special-slider .swiper-slide {
flex-shrink: 0;
width: 100% !important;
margin-right: 0 !important;
}
.go-fph-special-slider-controls {
background:
linear-gradient(180deg, rgba(250, 251, 253, 0.98), rgba(241, 244, 248, 0.96)) !important;
border: 1px solid rgba(148, 163, 184, 0.16);
backdrop-filter: blur(12px);
}
html.dark .go-fph-special-slider-shell,
body.dark .go-fph-special-slider-shell,
body.dark-mode .go-fph-special-slider-shell,
body.is-dark-theme .go-fph-special-slider-shell,
body.newsx-dark-mode .go-fph-special-slider-shell,
[data-theme="dark"] .go-fph-special-slider-shell {
background:
linear-gradient(180deg, rgba(9, 11, 16, 0) 0%, rgba(9, 11, 16, 0.18) 70%, rgba(9, 11, 16, 0.98) 100%) !important;
}
html.dark .go-fph-special-slider-shell::after,
body.dark .go-fph-special-slider-shell::after,
body.dark-mode .go-fph-special-slider-shell::after,
body.is-dark-theme .go-fph-special-slider-shell::after,
body.newsx-dark-mode .go-fph-special-slider-shell::after,
[data-theme="dark"] .go-fph-special-slider-shell::after {
background:
linear-gradient(180deg, rgba(5, 7, 11, 0) 0%, rgba(5, 7, 11, 0.22) 42%, rgba(9, 11, 16, 0.96) 100%) !important;
} .go-fph-special-slider-shell {
position: relative;
}
.go-fph-special-slider-controls {
position: relative;
z-index: 3;
}
.go-fph-special-slider-nav {
position: absolute;
right: clamp(1rem, 2vw, 1.35rem);
bottom: clamp(1rem, 2vw, 1.35rem);
z-index: 5;
margin-left: 0 !important;
padding: 0.4rem;
background: rgba(10, 13, 20, 0.7) !important;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
html.dark .go-fph-special-slider-nav,
body.dark .go-fph-special-slider-nav,
body.dark-mode .go-fph-special-slider-nav,
body.is-dark-theme .go-fph-special-slider-nav,
body.newsx-dark-mode .go-fph-special-slider-nav,
[data-theme="dark"] .go-fph-special-slider-nav {
background: rgba(7, 10, 16, 0.78) !important;
}
@media (max-width: 720px) {
.go-fph-section--special .go-fph-card-media,
.go-fph-section--special .go-fph-placeholder {
aspect-ratio: 4 / 3 !important;
min-height: 0 !important;
max-height: none !important;
height: auto !important;
}
.go-fph-section--special .go-fph-card-media img {
object-position: center center !important;
}
.go-fph-special-slider-nav {
right: 0.85rem;
bottom: 0.85rem;
}
.go-fph-special-slider-controls {
padding-right: 0.9rem;
}
} .go-fph-special-slider-shell {
position: relative !important;
}
.go-fph-special-slider-controls {
position: absolute !important;
right: clamp(0.9rem, 2vw, 1.3rem) !important;
bottom: clamp(0.9rem, 2vw, 1.3rem) !important;
z-index: 8 !important;
width: auto !important;
padding: 0 !important;
border: 0 !important;
border-radius:0!important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.go-fph-special-slider-controls-copy {
display: none !important;
}
.go-fph-special-slider-nav {
position: static !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
}
.go-fph-hero-slider-shell {
transform: translate3d(0, 0, 0);
}
.go-fph-hero-slide {
pointer-events: none !important;
}
.go-fph-hero-slide.is-active {
pointer-events: auto !important;
}
.go-fph-hero-slider-controls {
right: clamp(18px, 3.8vw, 34px) !important;
bottom: clamp(52px, 5.6vw, 72px) !important;
z-index: 8 !important;
}
.go-fph-hero-slider-controls .go-fph-hero-slider-btn {
position: relative;
z-index: 9;
}
@media (max-width: 720px) {
.go-fph-hero-slider-controls {
bottom: clamp(26px, 4.8vw, 38px) !important;
}
} .go-fph .go-fph-card,
.go-fph .go-fph-platform-card,
.go-fph .go-fph-promo-card,
.go-fph .go-fph-promo-panel,
.go-fph .go-fph-promo-story-card,
.go-fph .go-fph-promo-coupon-card,
.go-fph .go-fph-promo-empty,
.go-fph .go-fph-release-card,
.go-fph .go-fph-section--video,
.go-fph .go-fph-video-feature,
.go-fph .go-fph-video-channel-card,
.go-fph .go-fph-category-shortcut,
.go-fph .go-fph-newsletter-card {
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
.go-fph .go-fph-card-copy,
.go-fph .go-fph-release-content,
.go-fph .go-fph-promo-copy,
.go-fph .go-fph-promo-coupon-copy,
.go-fph .go-fph-promo-story-copy,
.go-fph .go-fph-video-copy,
.go-fph .go-fph-platform-list,
.go-fph .go-fph-platform-head {
background: transparent !important;
}
.go-fph .go-fph-card,
.go-fph .go-fph-platform-card,
.go-fph .go-fph-promo-card,
.go-fph .go-fph-release-card,
.go-fph .go-fph-video-feature,
.go-fph .go-fph-video-channel-card,
.go-fph .go-fph-category-shortcut,
.go-fph .go-fph-newsletter-card {
border-color: rgba(15, 23, 42, 0.1) !important;
}
html.dark .go-fph .go-fph-card,
body.dark .go-fph .go-fph-card,
body.dark-mode .go-fph .go-fph-card,
body.is-dark-theme .go-fph .go-fph-card,
body.newsx-dark-mode .go-fph .go-fph-card,
[data-theme="dark"] .go-fph .go-fph-card,
html.dark .go-fph .go-fph-platform-card,
body.dark .go-fph .go-fph-platform-card,
body.dark-mode .go-fph .go-fph-platform-card,
body.is-dark-theme .go-fph .go-fph-platform-card,
body.newsx-dark-mode .go-fph .go-fph-platform-card,
[data-theme="dark"] .go-fph .go-fph-platform-card,
html.dark .go-fph .go-fph-promo-card,
body.dark .go-fph .go-fph-promo-card,
body.dark-mode .go-fph .go-fph-promo-card,
body.is-dark-theme .go-fph .go-fph-promo-card,
body.newsx-dark-mode .go-fph .go-fph-promo-card,
[data-theme="dark"] .go-fph .go-fph-promo-card,
html.dark .go-fph .go-fph-release-card,
body.dark .go-fph .go-fph-release-card,
body.dark-mode .go-fph .go-fph-release-card,
body.is-dark-theme .go-fph .go-fph-release-card,
body.newsx-dark-mode .go-fph .go-fph-release-card,
[data-theme="dark"] .go-fph .go-fph-release-card,
html.dark .go-fph .go-fph-video-feature,
body.dark .go-fph .go-fph-video-feature,
body.dark-mode .go-fph .go-fph-video-feature,
body.is-dark-theme .go-fph .go-fph-video-feature,
body.newsx-dark-mode .go-fph .go-fph-video-feature,
[data-theme="dark"] .go-fph .go-fph-video-feature,
html.dark .go-fph .go-fph-newsletter-card,
body.dark .go-fph .go-fph-newsletter-card,
body.dark-mode .go-fph .go-fph-newsletter-card,
body.is-dark-theme .go-fph .go-fph-newsletter-card,
body.newsx-dark-mode .go-fph .go-fph-newsletter-card,
[data-theme="dark"] .go-fph .go-fph-newsletter-card {
border-color: rgba(255, 255, 255, 0.1) !important;
}
.go-fph .go-fph-special-slider-shell {
position: relative !important;
overflow: visible !important;
padding-bottom: 0 !important;
background: transparent !important;
}
.go-fph .go-fph-special-slider-shell::after {
content: none !important;
display: none !important;
}
.go-fph .go-fph-special-slider {
overflow: hidden !important;
border: 1px solid rgba(15, 23, 42, 0.12) !important;
border-radius:0!important;
background:
radial-gradient(circle at 18% 18%, rgba(199, 240, 0, 0.12), transparent 28%),
linear-gradient(135deg, rgba(8, 12, 19, 0.94), rgba(14, 18, 28, 0.98)) !important;
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13) !important;
}
.go-fph .go-fph-special-slider .swiper-wrapper {
align-items: stretch !important;
}
.go-fph .go-fph-special-slider .swiper-slide {
height: auto !important;
background: transparent !important;
}
.go-fph .go-fph-special-slide,
.go-fph .go-fph-special-slide > *,
.go-fph .go-fph-special-slide .go-fph-card,
.go-fph .go-fph-special-slide .go-fph-card-link {
height: 100% !important;
min-height: clamp(430px, 42vw, 640px) !important;
}
.go-fph .go-fph-special-slide .go-fph-card {
border: 0 !important;
border-radius:0!important;
background: transparent !important;
box-shadow: none !important;
}
.go-fph .go-fph-special-slide .go-fph-card-link {
display: grid !important;
grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr) !important;
grid-template-rows: minmax(0, 1fr) !important;
overflow: hidden !important;
border-radius:0!important;
background: transparent !important;
box-shadow: none !important;
}
.go-fph .go-fph-special-slide .go-fph-card-media {
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
aspect-ratio: auto !important;
background: transparent !important;
}
.go-fph .go-fph-special-slide .go-fph-card-media::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(90deg, rgba(8, 12, 19, 0) 58%, rgba(8, 12, 19, 0.68) 100%),
linear-gradient(180deg, rgba(8, 12, 19, 0) 56%, rgba(8, 12, 19, 0.58) 100%);
pointer-events: none;
}
.go-fph .go-fph-special-slide .go-fph-card-media-link,
.go-fph .go-fph-special-slide .go-fph-card-media-link img,
.go-fph .go-fph-special-slide .go-fph-card-media-link .go-fph-placeholder {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
}
.go-fph .go-fph-special-slide .go-fph-card-media .go-fph-card-cat {
z-index: 2;
}
.go-fph .go-fph-special-slide .go-fph-card-copy {
justify-content: center !important;
gap: clamp(0.85rem, 1.7vw, 1.25rem) !important;
min-height: 100% !important;
padding: clamp(2rem, 4vw, 4.25rem) clamp(1.8rem, 4vw, 4.5rem) !important;
background:
radial-gradient(circle at 100% 0%, rgba(199, 240, 0, 0.1), transparent 34%),
linear-gradient(90deg, rgba(8, 12, 19, 0.88), rgba(8, 12, 19, 0.97)) !important;
}
.go-fph .go-fph-special-slide .go-fph-card-copy h3,
.go-fph .go-fph-special-slide .go-fph-card-copy h3 a,
.go-fph .go-fph-special-slide .go-fph-card-title-link {
color: #ffffff !important;
}
.go-fph .go-fph-special-slide .go-fph-card-copy p,
.go-fph .go-fph-special-slide .go-fph-meta,
.go-fph .go-fph-special-slide .go-fph-author,
.go-fph .go-fph-special-slide .go-fph-author-name,
.go-fph .go-fph-special-slide .go-fph-meta time {
color: rgba(235, 242, 255, 0.82) !important;
}
.go-fph .go-fph-special-slide .go-fph-card-copy .go-fph-meta {
border-top-color: rgba(255, 255, 255, 0.16) !important;
}
.go-fph .go-fph-special-slide .go-fph-more--special {
color: var(--fph-lime) !important;
}
.go-fph .go-fph-special-slider-controls {
position: absolute !important;
right: clamp(1rem, 2vw, 1.45rem) !important;
bottom: clamp(1rem, 2vw, 1.45rem) !important;
z-index: 12 !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
pointer-events: none;
}
.go-fph .go-fph-special-slider-controls-copy {
display: none !important;
}
.go-fph .go-fph-special-slider-nav {
position: static !important;
display: inline-flex !important;
align-items: center !important;
gap: 0.55rem !important;
margin: 0 !important;
padding: 0 !important;
border-radius:0!important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
pointer-events: auto;
}
.go-fph .go-fph-special-slider-btn,
.go-fph .go-fph-special-slider-btn:hover,
.go-fph .go-fph-special-slider-btn:focus-visible {
position: static !important;
display: inline-grid !important;
place-items: center !important;
width: 48px !important;
height: 48px !important;
min-width: 0 !important;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.26) !important;
border-radius:0!important;
background: rgba(8, 12, 19, 0.78) !important;
color: #ffffff !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
transform: none !important;
}
.go-fph .go-fph-special-slider-btn:hover,
.go-fph .go-fph-special-slider-btn:focus-visible {
background: var(--fph-blue) !important;
border-color: transparent !important;
}
.go-fph .go-fph-special-slider-btn span {
display: grid !important;
place-items: center !important;
width: 100% !important;
height: 100% !important;
}
.go-fph .go-fph-special-slider-btn svg {
display: block !important;
width: 22px !important;
height: 22px !important;
fill: none !important;
stroke: currentColor !important;
}
.go-fph .go-fph-special-slider-btn:disabled {
opacity: 0.46 !important;
cursor: not-allowed !important;
}
@media (max-width: 860px) {
.go-fph .go-fph-special-slide .go-fph-card-link {
grid-template-columns: 1fr !important;
grid-template-rows: auto auto !important;
}
.go-fph .go-fph-special-slide,
.go-fph .go-fph-special-slide > *,
.go-fph .go-fph-special-slide .go-fph-card,
.go-fph .go-fph-special-slide .go-fph-card-link {
min-height: 0 !important;
}
.go-fph .go-fph-special-slide .go-fph-card-media {
height: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 10 !important;
}
.go-fph .go-fph-special-slide .go-fph-card-copy {
min-height: 0 !important;
padding: clamp(1.35rem, 6vw, 2rem) !important;
background: rgba(8, 12, 19, 0.96) !important;
}
.go-fph .go-fph-special-slider-controls {
right: 0.85rem !important;
bottom: 0.85rem !important;
}
.go-fph .go-fph-special-slider-btn {
width: 44px !important;
height: 44px !important;
}
} .go-fph-section--promotions .go-fph-filters {
row-gap: 10px;
}
.go-fph-section--promotions .go-fph-filters--promo-type {
margin-top: 12px;
margin-bottom: 24px;
}
.go-fph-section--promotions .go-fph-promo-coupon-grid.is-radar-grid {
grid-template-columns: 1fr;
}
.go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-promo-coupon-card.is-radar {
padding: 22px 24px;
}
.go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-coupon-list {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-coupon-item {
min-width: 0;
}
.go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-coupon-item p,
.go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-promo-subject {
overflow-wrap: anywhere;
}
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-panel {
border-color: rgba(148, 163, 184, 0.16);
background:
radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 38%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 252, 0.96));
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-panel--radar {
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 38%),
radial-gradient(circle at top left, rgba(199, 240, 0, 0.1), transparent 32%),
linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(242, 247, 252, 0.97));
}
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-panel-head h3,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-story-card h3 a,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-coupon-card h3,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-coupon-card h3 a {
color: #0f172a;
}
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-story-card,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-coupon-card {
border-color: rgba(148, 163, 184, 0.14);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 253, 0.94));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48);
}
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-story-meta,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-story-card p,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-coupon-card p,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-empty {
color: #475569;
}
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-store,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-badge,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-specs span {
border-color: rgba(148, 163, 184, 0.14);
background: rgba(241, 245, 249, 0.9);
color: #334155;
}
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-coupon-item {
border-color: rgba(148, 163, 184, 0.14);
background: rgba(248, 250, 252, 0.96);
}
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-coupon-item strong,
html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-empty strong {
color: #0f172a;
} .go-fph-card-media > .go-fph-card-cat {
position: absolute;
top: 14px;
left: 14px;
z-index: 4;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 14px;
border-radius:0!important;
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 16px 28px rgba(2, 6, 23, 0.3);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
line-height: 1;
}
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--lime {
background: linear-gradient(135deg, #95bc00, #7ea100) !important;
color: #ffffff !important;
}
.go-fph-card-media > .go-fph-card-cat:is(.go-fph-cat--blue, .go-fph-cat--violet) {
background: linear-gradient(135deg, rgba(34, 46, 90, 0.96), rgba(31, 41, 55, 0.9)) !important;
color: #ffffff !important;
}
.go-fph-card-media > .go-fph-card-cat:is(.go-fph-cat--playstation, .go-fph-cat--xbox, .go-fph-cat--pc, .go-fph-cat--mobile, .go-fph-cat--nintendo) {
top: 12px;
left: 14px;
right: 14px;
padding: 0 18px;
min-height: 38px;
border-radius:0!important;
justify-content: center;
gap: 8px;
font-size: 0.78rem;
text-align: center;
box-shadow: 0 18px 34px rgba(2, 6, 23, 0.34);
}
.go-fph-card-media > .go-fph-card-cat:is(.go-fph-cat--playstation, .go-fph-cat--xbox, .go-fph-cat--pc, .go-fph-cat--mobile, .go-fph-cat--nintendo)::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius:0!important;
background: currentColor;
opacity: 0.92;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.14);
}
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--playstation {
background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
color: #ffffff !important;
}
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--xbox {
background: linear-gradient(135deg, #15803d, #166534) !important;
color: #ffffff !important;
}
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--pc {
background: linear-gradient(135deg, #315f8f, #24496e) !important;
color: #ffffff !important;
}
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--mobile {
background: linear-gradient(135deg, #c2410c, #9a3412) !important;
color: #ffffff !important;
}
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--nintendo {
background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
color: #ffffff !important;
} .go-fph,
html.dark .go-fph,
body.dark .go-fph,
body.dark-mode .go-fph,
body.is-dark-theme .go-fph,
body.newsx-dark-mode .go-fph,
[data-theme="dark"] .go-fph {
background: var(--fph-bg) !important;
}
.go-fph-hero-slider,
.go-fph-hero-slide,
.go-fph-hero {
min-height: min(68svh, 620px) !important;
}
.go-fph-hero-overlay {
background: rgba(8, 12, 18, 0.54) !important;
}
.go-fph-card-cat,
.go-fph-card .go-fph-card-cat,
.go-fph-section .go-fph-card-cat,
.go-fp-feed-item-badge,
.go-fph-promo-discount {
background-image: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
.go-fph-card-media > .go-fph-card-cat,
.go-fp-feed-item-badge {
border: 0 !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.go-fph-card-media > .go-fph-card-cat:is(.go-fph-cat--playstation, .go-fph-cat--xbox, .go-fph-cat--pc, .go-fph-cat--mobile, .go-fph-cat--nintendo)::before {
box-shadow: none !important;
}
.go-fph-card-cat.go-fph-cat--lime,
.go-fp-feed-item-badge.go-fph-cat--lime,
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--lime {
background: var(--fph-lime) !important;
color: #111111 !important;
}
.go-fph-card-cat.go-fph-cat--blue,
.go-fp-feed-item-badge.go-fph-cat--blue,
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--blue {
background: var(--fph-blue) !important;
color: #ffffff !important;
}
.go-fph-card-cat.go-fph-cat--violet,
.go-fp-feed-item-badge.go-fph-cat--violet,
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--violet {
background: var(--fph-violet) !important;
color: #ffffff !important;
}
.go-fph-card-cat.go-fph-cat--playstation,
.go-fp-feed-item-badge.go-fph-cat--playstation,
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--playstation {
background: var(--fph-ps) !important;
color: #ffffff !important;
}
.go-fph-card-cat.go-fph-cat--xbox,
.go-fp-feed-item-badge.go-fph-cat--xbox,
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--xbox {
background: var(--fph-xbox) !important;
color: #ffffff !important;
}
.go-fph-card-cat.go-fph-cat--pc,
.go-fp-feed-item-badge.go-fph-cat--pc,
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--pc {
background: var(--fph-pc) !important;
color: #ffffff !important;
}
.go-fph-card-cat.go-fph-cat--mobile,
.go-fp-feed-item-badge.go-fph-cat--mobile,
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--mobile {
background: var(--fph-mob) !important;
color: #ffffff !important;
}
.go-fph-card-cat.go-fph-cat--nintendo,
.go-fp-feed-item-badge.go-fph-cat--nintendo,
.go-fph-card-media > .go-fph-card-cat.go-fph-cat--nintendo {
background: var(--fph-nin) !important;
color: #ffffff !important;
}
.go-fp-feed-item-badge,
.go-fp-feed-item-badge:hover {
color: inherit !important;
}
.go-fph-promo-discount.is-soft {
background: var(--fph-lime) !important;
color: #111111 !important;
}
.go-fph-promo-discount.is-strong {
background: #f59e0b !important;
color: #111111 !important;
}
.go-fph-promo-discount.is-hot {
background: #ef4444 !important;
color: #ffffff !important;
}
.go-fph-promo-discount.is-legendary {
background: var(--fph-blue) !important;
color: #ffffff !important;
}
.go-fph-hero-slider-btn,
.go-fph-hero-slider-btn:hover,
.go-fph-hero-slider-btn:focus-visible {
background: #ffffff !important;
color: #111111 !important;
border-color: rgba(15, 23, 42, 0.12) !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.go-fph-section--promotions .go-fph-promo-panel,
.go-fph-section--promotions .go-fph-promo-panel--radar,
.go-fph-section--promotions .go-fph-promo-story-card,
.go-fph-section--promotions .go-fph-promo-coupon-card,
.go-fph-section--video,
.go-fph-section--video .go-fph-video-feature,
.go-fph-section--video-channels .go-fph-video-channel-card,
.go-fph-section--category-shortcuts .go-fph-category-shortcut,
.go-fph-newsletter-card {
background-image: none !important;
}
.go-fph-section--promotions .go-fph-promo-panel {
background: var(--fph-surface) !important;
}
.go-fph-section--promotions .go-fph-promo-panel--radar,
.go-fph-section--promotions .go-fph-promo-story-card,
.go-fph-section--promotions .go-fph-promo-coupon-card,
.go-fph-section--video .go-fph-video-feature,
.go-fph-section--video-channels .go-fph-video-channel-card,
.go-fph-section--category-shortcuts .go-fph-category-shortcut,
.go-fph-newsletter-card {
background: var(--fph-surface) !important;
}
.go-fph-section--video {
background: var(--fph-surface) !important;
box-shadow: none !important;
}
.go-fph-section--video .go-fph-video-feature,
.go-fph-section--video .go-fph-video-player,
.go-fph-section--video .go-fph-video-mini,
.go-fph-section--video-channels .go-fph-video-channel-card,
.go-fph-section--video-channels .go-fph-video-channel-player {
box-shadow: none !important;
}
html.dark .go-fph-section--promotions .go-fph-promo-panel,
body.dark .go-fph-section--promotions .go-fph-promo-panel,
body.dark-mode .go-fph-section--promotions .go-fph-promo-panel,
body.is-dark-theme .go-fph-section--promotions .go-fph-promo-panel,
body.newsx-dark-mode .go-fph-section--promotions .go-fph-promo-panel,
[data-theme="dark"] .go-fph-section--promotions .go-fph-promo-panel,
html.dark .go-fph-section--promotions .go-fph-promo-panel--radar,
body.dark .go-fph-section--promotions .go-fph-promo-panel--radar,
body.dark-mode .go-fph-section--promotions .go-fph-promo-panel--radar,
body.is-dark-theme .go-fph-section--promotions .go-fph-promo-panel--radar,
body.newsx-dark-mode .go-fph-section--promotions .go-fph-promo-panel--radar,
[data-theme="dark"] .go-fph-section--promotions .go-fph-promo-panel--radar,
html.dark .go-fph-section--promotions .go-fph-promo-story-card,
body.dark .go-fph-section--promotions .go-fph-promo-story-card,
body.dark-mode .go-fph-section--promotions .go-fph-promo-story-card,
body.is-dark-theme .go-fph-section--promotions .go-fph-promo-story-card,
body.newsx-dark-mode .go-fph-section--promotions .go-fph-promo-story-card,
[data-theme="dark"] .go-fph-section--promotions .go-fph-promo-story-card,
html.dark .go-fph-section--promotions .go-fph-promo-coupon-card,
body.dark .go-fph-section--promotions .go-fph-promo-coupon-card,
body.dark-mode .go-fph-section--promotions .go-fph-promo-coupon-card,
body.is-dark-theme .go-fph-section--promotions .go-fph-promo-coupon-card,
body.newsx-dark-mode .go-fph-section--promotions .go-fph-promo-coupon-card,
[data-theme="dark"] .go-fph-section--promotions .go-fph-promo-coupon-card,
html.dark .go-fph-section--video,
body.dark .go-fph-section--video,
body.dark-mode .go-fph-section--video,
body.is-dark-theme .go-fph-section--video,
body.newsx-dark-mode .go-fph-section--video,
[data-theme="dark"] .go-fph-section--video,
html.dark .go-fph-section--video .go-fph-video-feature,
body.dark .go-fph-section--video .go-fph-video-feature,
body.dark-mode .go-fph-section--video .go-fph-video-feature,
body.is-dark-theme .go-fph-section--video .go-fph-video-feature,
body.newsx-dark-mode .go-fph-section--video .go-fph-video-feature,
[data-theme="dark"] .go-fph-section--video .go-fph-video-feature,
html.dark .go-fph-section--video-channels .go-fph-video-channel-card,
body.dark .go-fph-section--video-channels .go-fph-video-channel-card,
body.dark-mode .go-fph-section--video-channels .go-fph-video-channel-card,
body.is-dark-theme .go-fph-section--video-channels .go-fph-video-channel-card,
body.newsx-dark-mode .go-fph-section--video-channels .go-fph-video-channel-card,
[data-theme="dark"] .go-fph-section--video-channels .go-fph-video-channel-card,
html.dark .go-fph-newsletter-card,
body.dark .go-fph-newsletter-card,
body.dark-mode .go-fph-newsletter-card,
body.is-dark-theme .go-fph-newsletter-card,
body.newsx-dark-mode .go-fph-newsletter-card,
[data-theme="dark"] .go-fph-newsletter-card {
background: #0f131b !important;
} .go-fph,
.go-fph-hero,
.go-fph-hero-slider,
.go-fph-hero-slide {
background-image: none !important;
}
.go-fph-hero,
.go-fph-hero-slider,
.go-fph-hero-slide {
min-height: min(70svh, 640px) !important;
}
.go-fph-hero-overlay {
background: rgba(8, 12, 18, 0.54) !important;
}
.go-fph-hero::after {
content: none !important;
display: none !important;
background: none !important;
}
.go-fph-card-cat,
.go-fp-feed-item-badge,
.go-fph-promo-discount,
.go-fph-section--video,
.go-fph-section--video .go-fph-video-feature,
.go-fph-section--video .go-fph-video-player,
.go-fph-section--video .go-fph-video-mini,
.go-fph-section--video-channels .go-fph-video-channel-card,
.go-fph-section--video-channels .go-fph-video-channel-player {
box-shadow: none !important;
}
.go-fph-hero-slider-btn,
.go-fph-hero-slider-btn:hover,
.go-fph-hero-slider-btn:focus-visible,
.go-fph-hero-slider-controls .go-fph-hero-slider-btn,
.go-fph-hero-slider-controls .go-fph-hero-slider-btn:hover,
.go-fph-hero-slider-controls .go-fph-hero-slider-btn:focus-visible {
background: #ffffff !important;
color: #111111 !important;
border-color: rgba(15, 23, 42, 0.12) !important;
box-shadow: none !important;
}
.go-fph-hero-slider-btn svg,
.go-fph-hero-slider-controls .go-fph-hero-slider-btn svg {
fill: currentColor !important;
stroke: currentColor !important;
} .go-fph-hero-slider {
overflow: hidden !important;
touch-action: pan-y !important;
}
.go-fph-hero-slider-shell {
display: grid !important;
position: relative !important;
width: 100% !important;
gap: 0 !important;
transition: none !important;
will-change: auto !important;
}
.go-fph-hero-slider-shell.is-static {
transition: none !important;
}
.go-fph-hero-slide {
display: block !important;
grid-area: 1 / 1 !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
opacity: 0 !important;
visibility: hidden !important;
transform: none !important;
pointer-events: none !important;
transition: opacity .45s ease !important, visibility .45s ease !important;
}
.go-fph-hero-slide.is-active {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
} .go-fph-main {
gap: clamp(2.8rem, 4.8vw, 4.15rem) !important;
}
.go-fph-grid--three,
.go-fph-reviews-grid,
.go-fph-releases-grid,
.go-fph-video-grid {
gap: clamp(1rem, 2.2vw, 1.45rem) !important;
}
.go-fph-card-copy,
.go-fph-section--special .go-fph-card--secondary .go-fph-card-copy {
padding: 1rem 1.05rem 1.15rem !important;
}
.go-fph-card-media-link,
.go-fph-hero-media-link,
.go-fph-release-thumb,
.go-fph-video-mini-thumb,
.go-fph-video-channel-thumb,
.go-fp-feed-item-media-link {
width: 100%;
height: 100%;
}
.go-fph-card-media-link img,
.go-fph-hero-media-link img,
.go-fph-release-thumb img,
.go-fph-video-mini-thumb img,
.go-fph-video-channel-thumb img,
.go-fp-feed-item-media-link img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.go-fph-card-media-link .go-fph-placeholder,
.go-fph-hero-media-link .go-fph-placeholder,
.go-fph-release-thumb .go-fph-placeholder,
.go-fph-video-mini-thumb .go-fph-placeholder,
.go-fph-video-channel-thumb .go-fph-placeholder,
.go-fp-feed-item-media-link .go-fph-placeholder {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
aspect-ratio: auto !important;
}
.go-fph-placeholder {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at top right, rgba(199, 240, 0, 0.2), transparent 34%),
radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.16), transparent 38%),
linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}
.go-fph-placeholder::before,
.go-fph-placeholder::after {
content: "";
position: absolute;
inset: 0;
}
.go-fph-placeholder::before {
background:
repeating-linear-gradient(
-45deg,
rgba(255, 255, 255, 0.06) 0,
rgba(255, 255, 255, 0.06) 1px,
transparent 1px,
transparent 14px
),
linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(15, 23, 42, 0.34) 100%);
opacity: 0.9;
}
.go-fph-placeholder::after {
inset: auto 1rem 1rem 1rem;
height: 2px;
background: linear-gradient(90deg, rgba(199, 240, 0, 0.95), rgba(199, 240, 0, 0));
border-radius:0!important;
}
.go-fph-placeholder--streaming,
.go-fph-placeholder--cinema-e-tv,
.go-fph-placeholder--entretenimento,
.go-fph-placeholder--animes,
.go-fph-placeholder--anime {
background:
radial-gradient(circle at top right, rgba(124, 58, 237, 0.28), transparent 34%),
radial-gradient(circle at bottom left, rgba(199, 240, 0, 0.14), transparent 40%),
linear-gradient(135deg, #1f1147 0%, #0f172a 100%) !important;
}
.go-fph-placeholder--games,
.go-fph-placeholder--reviews,
.go-fph-placeholder--dicas-e-guias,
.go-fph-placeholder--type-games {
background:
radial-gradient(circle at top right, rgba(199, 240, 0, 0.28), transparent 34%),
radial-gradient(circle at bottom left, rgba(34, 197, 94, 0.16), transparent 38%),
linear-gradient(135deg, #111827 0%, #1f2937 100%) !important;
} .go-fph .go-fph-card,
.go-fph .go-fph-platform-card,
.go-fph .go-fph-promo-card,
.go-fph .go-fph-promo-panel,
.go-fph .go-fph-promo-story-card,
.go-fph .go-fph-promo-coupon-card,
.go-fph .go-fph-promo-empty,
.go-fph .go-fph-release-card,
.go-fph .go-fph-section--video,
.go-fph .go-fph-video-feature,
.go-fph .go-fph-video-channel-card,
.go-fph .go-fph-category-shortcut,
.go-fph .go-fph-newsletter-card {
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
.go-fph .go-fph-card-copy,
.go-fph .go-fph-release-content,
.go-fph .go-fph-promo-copy,
.go-fph .go-fph-promo-coupon-copy,
.go-fph .go-fph-promo-story-copy,
.go-fph .go-fph-video-copy,
.go-fph .go-fph-platform-head,
.go-fph .go-fph-platform-list {
background: transparent !important;
}
.go-fph .go-fph-special-slider-shell {
position: relative !important;
overflow: visible !important;
padding-bottom: 0 !important;
background: transparent !important;
}
.go-fph .go-fph-special-slider-shell::after {
content: none !important;
display: none !important;
}
.go-fph .go-fph-special-slider {
overflow: hidden !important;
border: 1px solid rgba(15, 23, 42, 0.12) !important;
border-radius:0!important;
background:
radial-gradient(circle at 18% 18%, rgba(199, 240, 0, 0.12), transparent 28%),
linear-gradient(135deg, rgba(8, 12, 19, 0.94), rgba(14, 18, 28, 0.98)) !important;
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13) !important;
}
.go-fph .go-fph-special-slide,
.go-fph .go-fph-special-slide > *,
.go-fph .go-fph-special-slide .go-fph-card,
.go-fph .go-fph-special-slide .go-fph-card-link {
height: 100% !important;
min-height: clamp(430px, 42vw, 640px) !important;
}
.go-fph .go-fph-special-slide .go-fph-card {
border: 0 !important;
border-radius:0!important;
background: transparent !important;
box-shadow: none !important;
}
.go-fph .go-fph-special-slide .go-fph-card-link {
display: grid !important;
grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr) !important;
grid-template-rows: minmax(0, 1fr) !important;
overflow: hidden !important;
border-radius:0!important;
background: transparent !important;
box-shadow: none !important;
}
.go-fph .go-fph-special-slide .go-fph-card-media {
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
aspect-ratio: auto !important;
background: transparent !important;
}
.go-fph .go-fph-special-slide .go-fph-card-media::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(90deg, rgba(8, 12, 19, 0) 58%, rgba(8, 12, 19, 0.68) 100%),
linear-gradient(180deg, rgba(8, 12, 19, 0) 56%, rgba(8, 12, 19, 0.58) 100%);
pointer-events: none;
}
.go-fph .go-fph-special-slide .go-fph-card-media-link,
.go-fph .go-fph-special-slide .go-fph-card-media-link img,
.go-fph .go-fph-special-slide .go-fph-card-media-link .go-fph-placeholder {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
}
.go-fph .go-fph-special-slide .go-fph-card-media .go-fph-card-cat {
z-index: 2;
}
.go-fph .go-fph-special-slide .go-fph-card-copy,
.go-fph .go-fph-section--special .go-fph-card--secondary .go-fph-card-copy {
justify-content: center !important;
gap: clamp(0.85rem, 1.7vw, 1.25rem) !important;
min-height: 100% !important;
padding: clamp(2rem, 4vw, 4.25rem) clamp(1.8rem, 4vw, 4.5rem) !important;
background:
radial-gradient(circle at 100% 0%, rgba(199, 240, 0, 0.1), transparent 34%),
linear-gradient(90deg, rgba(8, 12, 19, 0.88), rgba(8, 12, 19, 0.97)) !important;
}
.go-fph .go-fph-special-slide .go-fph-card-copy h3,
.go-fph .go-fph-special-slide .go-fph-card-copy h3 a,
.go-fph .go-fph-special-slide .go-fph-card-title-link {
color: #ffffff !important;
}
.go-fph .go-fph-special-slide .go-fph-card-copy p,
.go-fph .go-fph-special-slide .go-fph-meta,
.go-fph .go-fph-special-slide .go-fph-author,
.go-fph .go-fph-special-slide .go-fph-author-name,
.go-fph .go-fph-special-slide .go-fph-meta time {
color: rgba(235, 242, 255, 0.82) !important;
}
.go-fph .go-fph-special-slide .go-fph-card-copy .go-fph-meta {
border-top-color: rgba(255, 255, 255, 0.16) !important;
}
.go-fph .go-fph-special-slide .go-fph-more--special {
color: var(--fph-lime) !important;
}
.go-fph .go-fph-special-slider-controls {
position: absolute !important;
right: clamp(1rem, 2vw, 1.45rem) !important;
bottom: clamp(1rem, 2vw, 1.45rem) !important;
z-index: 12 !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
pointer-events: none;
}
.go-fph .go-fph-special-slider-controls-copy {
display: none !important;
}
.go-fph .go-fph-special-slider-nav {
position: static !important;
display: inline-flex !important;
align-items: center !important;
gap: 0.55rem !important;
margin: 0 !important;
padding: 0 !important;
border-radius:0!important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
pointer-events: auto;
}
.go-fph .go-fph-special-slider-btn,
.go-fph .go-fph-special-slider-btn:hover,
.go-fph .go-fph-special-slider-btn:focus-visible {
position: static !important;
display: inline-grid !important;
place-items: center !important;
width: 48px !important;
height: 48px !important;
min-width: 0 !important;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.26) !important;
border-radius:0!important;
background: rgba(8, 12, 19, 0.78) !important;
color: #ffffff !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
transform: none !important;
}
.go-fph .go-fph-special-slider-btn:hover,
.go-fph .go-fph-special-slider-btn:focus-visible {
background: var(--fph-blue) !important;
border-color: transparent !important;
}
.go-fph .go-fph-special-slider-btn span {
display: grid !important;
place-items: center !important;
width: 100% !important;
height: 100% !important;
}
.go-fph .go-fph-special-slider-btn svg {
display: block !important;
width: 22px !important;
height: 22px !important;
fill: none !important;
stroke: currentColor !important;
}
.go-fph .go-fph-special-slider-btn:disabled {
opacity: 0.46 !important;
cursor: not-allowed !important;
}
@media (max-width: 860px) {
.go-fph .go-fph-special-slide .go-fph-card-link {
grid-template-columns: 1fr !important;
grid-template-rows: auto auto !important;
}
.go-fph .go-fph-special-slide,
.go-fph .go-fph-special-slide > *,
.go-fph .go-fph-special-slide .go-fph-card,
.go-fph .go-fph-special-slide .go-fph-card-link {
min-height: 0 !important;
}
.go-fph .go-fph-special-slide .go-fph-card-media {
height: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 10 !important;
}
.go-fph .go-fph-special-slide .go-fph-card-copy,
.go-fph .go-fph-section--special .go-fph-card--secondary .go-fph-card-copy {
min-height: 0 !important;
padding: clamp(1.35rem, 6vw, 2rem) !important;
background: rgba(8, 12, 19, 0.96) !important;
}
.go-fph .go-fph-special-slider-controls {
right: 0.85rem !important;
bottom: 0.85rem !important;
}
.go-fph .go-fph-special-slider-btn {
width: 44px !important;
height: 44px !important;
}
} body:not(.wp-admin) {
--go-mode-bg: #f7f8fb;
--go-mode-text: #05070d;
--go-mode-muted: #586174;
--go-mode-line: rgba(5, 7, 13, 0.13);
--go-mode-line-strong: rgba(5, 7, 13, 0.2);
--go-mode-accent: #2800f0;
--go-mode-accent-soft: rgba(40, 0, 240, 0.08);
--go-mode-accent-line: rgba(40, 0, 240, 0.28);
--go-mode-surface: rgba(255, 255, 255, 0.42);
--go-page-bg: var(--go-mode-bg);
--go-page-text: var(--go-mode-text);
--go-page-muted: var(--go-mode-muted);
--go-page-line: var(--go-mode-line);
--go-page-accent: var(--go-mode-accent);
--go-page-accent-soft: var(--go-mode-accent-soft);
--go-page-accent-line: var(--go-mode-accent-line);
--go-article-text: var(--go-mode-text);
--go-article-muted: var(--go-mode-muted);
--go-article-line: var(--go-mode-line);
--go-article-accent: var(--go-mode-accent);
--go-single-text: var(--go-mode-text);
--go-single-muted: var(--go-mode-muted);
--go-single-line: var(--go-mode-line);
--go-single-lime: var(--go-mode-accent);
--go-single-blue: var(--go-mode-accent);
--go-ui-text: var(--go-mode-text);
--go-ui-soft: var(--go-mode-muted);
--go-ui-accent: var(--go-mode-accent);
--go-ui-mark: var(--go-mode-accent);
--go-home-title: var(--go-mode-text);
--go-home-text: var(--go-mode-text);
--go-home-muted: var(--go-mode-muted);
--go-home-border: var(--go-mode-line);
--go-home-accent: var(--go-mode-accent);
--go-home-title-detail: var(--go-mode-accent);
--go-shell-text: var(--go-mode-text);
--go-shell-soft: var(--go-mode-muted);
--go-shell-line: var(--go-mode-line);
--go-shell-lime: var(--go-mode-accent);
--go-shell-blue: var(--go-mode-accent);
background-color: var(--go-mode-bg) !important;
color: var(--go-mode-text) !important;
}
html.dark body:not(.wp-admin),
html[class*="dark"] body:not(.wp-admin),
html[data-theme="dark"] body:not(.wp-admin),
body.dark:not(.wp-admin),
body.dark-mode:not(.wp-admin),
body.is-dark-theme:not(.wp-admin),
body.newsx-dark-mode:not(.wp-admin),
body[data-theme="dark"]:not(.wp-admin) {
--go-mode-bg: #121212;
--go-mode-text: #f6f7f9;
--go-mode-muted: #b8bec9;
--go-mode-line: rgba(255, 255, 255, 0.13);
--go-mode-line-strong: rgba(255, 255, 255, 0.22);
--go-mode-accent: #c7f000;
--go-mode-accent-soft: rgba(199, 240, 0, 0.09);
--go-mode-accent-line: rgba(199, 240, 0, 0.32);
--go-mode-surface: rgba(255, 255, 255, 0.045);
--go-shell-text: #f6f7f9;
--go-shell-soft: #b8bec9;
--go-shell-line: rgba(255, 255, 255, 0.13);
color-scheme: dark;
}
body:not(.wp-admin).go-site-has-game-art,
body:not(.wp-admin).go-site-has-game-art #page.site.has-site-game-art,
body:not(.wp-admin).go-site-has-game-art #page,
body:not(.wp-admin) :where(#content, .site-content, .content-area, #primary, #main, .site-main, .newsx-main-wrap, .newsx-site-main, .newsx-single-wrap, .newsx-single-inner, .newsx-single-content-wrap, .newsx-default-page-wrap, .go-layout-shell, .go-home-page, .go-home-shell, .go-home-section, .go-home-latest-layout, .go-home-latest-feed, .go-article, .go-article__shell, .go-article__post, .go-article__grid, .go-article__main, .go-article__content, .go-article__footer, .go-article__footer-meta, .go-review-single-page, .go-review-single-shell, .go-sc-page, .go-sc-shell, .go-shell-breadcrumb-band, .go-shell-breadcrumb-band .go-shell-wrap, .go-shell-footer, .go-shell-footer-main, .go-shell-footer .go-shell-wrap, .go-shell-footer-top, .go-shell-footer-grid, .go-shell-footer-bottom, .go-shell-footer-info, .newsx-site-footer, #site-footer, #site-footer > section) {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
body:not(.wp-admin) :where(.go-shell-header, .go-shell-header-builder, .go-shell-header .newsx-middle-section-wrap, .go-shell-header .newsx-bottom-section-wrap, .go-shell-topbar, .go-shell-breadcrumb-band, .go-shell-footer) {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
body:not(.wp-admin).go-site-has-game-art::before,
body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before {
opacity: 0.16 !important;
filter: saturate(1.08) contrast(0.98) !important;
}
html.dark body:not(.wp-admin).go-site-has-game-art::before,
html[class*="dark"] body:not(.wp-admin).go-site-has-game-art::before,
html[data-theme="dark"] body:not(.wp-admin).go-site-has-game-art::before,
body.dark:not(.wp-admin).go-site-has-game-art::before,
body.dark-mode:not(.wp-admin).go-site-has-game-art::before,
body.is-dark-theme:not(.wp-admin).go-site-has-game-art::before,
body.newsx-dark-mode:not(.wp-admin).go-site-has-game-art::before,
body[data-theme="dark"]:not(.wp-admin).go-site-has-game-art::before,
html.dark body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,
html[class*="dark"] body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,
html[data-theme="dark"] body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,
body.dark:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,
body.dark-mode:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,
body.is-dark-theme:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,
body.newsx-dark-mode:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,
body[data-theme="dark"]:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before {
opacity: 0.24 !important;
filter: saturate(1.04) contrast(1.04) brightness(0.8) !important;
}
body:not(.wp-admin).go-site-has-game-art::after,
body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after {
background: linear-gradient(180deg, rgba(247, 248, 251, 0.80) 0%, rgba(247, 248, 251, 0.84) 48%, rgba(247, 248, 251, 0.88) 100%) !important;
}
html.dark body:not(.wp-admin).go-site-has-game-art::after,
html[class*="dark"] body:not(.wp-admin).go-site-has-game-art::after,
html[data-theme="dark"] body:not(.wp-admin).go-site-has-game-art::after,
body.dark:not(.wp-admin).go-site-has-game-art::after,
body.dark-mode:not(.wp-admin).go-site-has-game-art::after,
body.is-dark-theme:not(.wp-admin).go-site-has-game-art::after,
body.newsx-dark-mode:not(.wp-admin).go-site-has-game-art::after,
body[data-theme="dark"]:not(.wp-admin).go-site-has-game-art::after,
html.dark body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,
html[class*="dark"] body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,
html[data-theme="dark"] body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,
body.dark:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,
body.dark-mode:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,
body.is-dark-theme:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,
body.newsx-dark-mode:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,
body[data-theme="dark"]:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after {
background: linear-gradient(180deg, rgba(18, 18, 18, 0.72) 0%, rgba(18, 18, 18, 0.77) 48%, rgba(18, 18, 18, 0.82) 100%) !important;
}
body:not(.wp-admin) :where(.go-home-label, .go-home-badge, .go-home-kicker, .go-home-story-kicker, .go-home-story-category, .go-home-story-topline, .go-home-section-kicker, .go-card-kicker, .go-card-category, .go-article__eyebrow a, .go-article__side-label, .go-article__side-story-meta b, .go-article__footer-label, .go-single-author-card__eyebrow, .newsx-post-categories a, .post-categories a, .cat-links a, .entry-categories a, .go-shell-breadcrumbs a:hover, .go-shell-breadcrumbs [aria-current="page"], .goei-auto-related-links > :first-child, .goei-auto-related-links h2, .goei-auto-related-links h3, .goei-auto-related-links strong:first-child, .go-inline-brief__label) {
color: var(--go-mode-accent) !important;
}
body:not(.wp-admin) :where(.go-home-label, .go-home-badge, .go-home-platform-pill, .newsx-post-categories a, .post-categories a, .cat-links a, .entry-categories a, .go-article__eyebrow a, .tagcloud a, .post-tags a, .newsx-tags a, .go-single-source-pill) {
border-color: var(--go-mode-accent-line) !important;
color: var(--go-mode-accent) !important;
}
body:not(.wp-admin) :where(.go-home-label, .go-home-badge, .go-home-platform-pill, .tagcloud a, .post-tags a, .newsx-tags a, .go-single-source-pill) {
background: var(--go-mode-accent-soft) !important;
}
body:not(.wp-admin) :where(.go-article__toc-title::before, .go-article__side-title::before, .go-single-summary-box > summary::before, .go-home-section-title::before, .goei-auto-related-links::before, .goei-auto-related-links li::marker, .go-article__content li::marker) {
background: var(--go-mode-accent) !important;
color: var(--go-mode-accent) !important;
}
body:not(.wp-admin) :where(.goei-auto-related-links) {
border-left-color: var(--go-mode-accent) !important;
background: transparent !important;
color: var(--go-mode-text) !important;
}
body:not(.wp-admin) :where(.goei-auto-related-links a, .go-article__content a, .newsx-post-content a, .go-home-feed-load-more, .go-single-author-card__link) {
color: var(--go-mode-accent) !important;
}
body:not(.wp-admin) :where(.go-home-story-title, .go-home-story-title a, .go-home-latest-title, .go-home-latest-title a, .go-home-section-title, .go-article__title, .go-article__content, .newsx-post-content, .go-article__toc-list a > strong, .go-article__side-story-title, .go-single-author-card__name, .go-single-author-card p) {
color: var(--go-mode-text) !important;
}
body:not(.wp-admin) :where(.go-article__meta, .go-home-meta, .go-home-story-meta, .go-home-latest-excerpt, .go-article__deck, .go-article__side-story-meta) {
color: var(--go-mode-muted) !important;
} html.dark body:not(.wp-admin) :where(.go-offcanvas-panel, .go-offcanvas-body, .newsx-offcanvas-widgets-area, .newsx-offcanvas-container, .newsx-offcanvas-content, .newsx-offcanvas-sidebar, .go-offcanvas-nav, .go-shell-header .newsx-offcanvas-widgets-area),
html[class*="dark"] body:not(.wp-admin) :where(.go-offcanvas-panel, .go-offcanvas-body, .newsx-offcanvas-widgets-area, .newsx-offcanvas-container, .newsx-offcanvas-content, .newsx-offcanvas-sidebar, .go-offcanvas-nav, .go-shell-header .newsx-offcanvas-widgets-area),
body.dark:not(.wp-admin) :where(.go-offcanvas-panel, .go-offcanvas-body, .newsx-offcanvas-widgets-area, .newsx-offcanvas-container, .newsx-offcanvas-content, .newsx-offcanvas-sidebar, .go-offcanvas-nav, .go-shell-header .newsx-offcanvas-widgets-area),
body.dark-mode:not(.wp-admin) :where(.go-offcanvas-panel, .go-offcanvas-body, .newsx-offcanvas-widgets-area, .newsx-offcanvas-container, .newsx-offcanvas-content, .newsx-offcanvas-sidebar, .go-offcanvas-nav, .go-shell-header .newsx-offcanvas-widgets-area),
body.is-dark-theme:not(.wp-admin) :where(.go-offcanvas-panel, .go-offcanvas-body, .newsx-offcanvas-widgets-area, .newsx-offcanvas-container, .newsx-offcanvas-content, .newsx-offcanvas-sidebar, .go-offcanvas-nav, .go-shell-header .newsx-offcanvas-widgets-area),
body.newsx-dark-mode:not(.wp-admin) :where(.go-offcanvas-panel, .go-offcanvas-body, .newsx-offcanvas-widgets-area, .newsx-offcanvas-container, .newsx-offcanvas-content, .newsx-offcanvas-sidebar, .go-offcanvas-nav, .go-shell-header .newsx-offcanvas-widgets-area),
body[data-theme="dark"]:not(.wp-admin) :where(.go-offcanvas-panel, .go-offcanvas-body, .newsx-offcanvas-widgets-area, .newsx-offcanvas-container, .newsx-offcanvas-content, .newsx-offcanvas-sidebar, .go-offcanvas-nav, .go-shell-header .newsx-offcanvas-widgets-area) {
background: #050607 !important;
background-color: #050607 !important;
color: #f6f7f9 !important;
}
html.dark body:not(.wp-admin) :where(.go-offcanvas-panel a, .go-offcanvas-body a, .newsx-offcanvas-widgets-area a, .go-offcanvas-nav a),
html[class*="dark"] body:not(.wp-admin) :where(.go-offcanvas-panel a, .go-offcanvas-body a, .newsx-offcanvas-widgets-area a, .go-offcanvas-nav a),
body.dark:not(.wp-admin) :where(.go-offcanvas-panel a, .go-offcanvas-body a, .newsx-offcanvas-widgets-area a, .go-offcanvas-nav a),
body.dark-mode:not(.wp-admin) :where(.go-offcanvas-panel a, .go-offcanvas-body a, .newsx-offcanvas-widgets-area a, .go-offcanvas-nav a),
body.newsx-dark-mode:not(.wp-admin) :where(.go-offcanvas-panel a, .go-offcanvas-body a, .newsx-offcanvas-widgets-area a, .go-offcanvas-nav a) {
color: #f6f7f9 !important;
}
html.dark body:not(.wp-admin) :where(.go-offcanvas-panel input, .go-offcanvas-body input, .newsx-offcanvas-widgets-area input, .go-offcanvas-panel .search-field),
html[class*="dark"] body:not(.wp-admin) :where(.go-offcanvas-panel input, .go-offcanvas-body input, .newsx-offcanvas-widgets-area input, .go-offcanvas-panel .search-field),
body.dark:not(.wp-admin) :where(.go-offcanvas-panel input, .go-offcanvas-body input, .newsx-offcanvas-widgets-area input, .go-offcanvas-panel .search-field),
body.dark-mode:not(.wp-admin) :where(.go-offcanvas-panel input, .go-offcanvas-body input, .newsx-offcanvas-widgets-area input, .go-offcanvas-panel .search-field),
body.newsx-dark-mode:not(.wp-admin) :where(.go-offcanvas-panel input, .go-offcanvas-body input, .newsx-offcanvas-widgets-area input, .go-offcanvas-panel .search-field) {
border-color: rgba(255, 255, 255, 0.16) !important;
background: #181818 !important;
color: #f6f7f9 !important;
} body:not(.wp-admin) :where(.go-home-page, .go-home-shell, .go-home-section, .go-home-latest-layout, .go-home-latest-feed, .go-home-bottom-news-grid, .go-home-latest-ad-rail, .go-ad-slot, .go-ad-inner, .go-feed-adsense, .go-feed-adsense__inner) {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
body:not(.wp-admin) :where(.go-home-label, .go-home-badge, .go-home-story-kicker, .go-home-story-category, .go-home-story-topline, .go-home-section-kicker, .go-home-card-kicker) {
color: var(--go-mode-accent) !important;
border-color: var(--go-mode-accent-line) !important;
}
body:not(.wp-admin) :where(.go-home-label, .go-home-badge, .go-home-platform-pill) {
background: var(--go-mode-accent-soft) !important;
}
body:not(.wp-admin) .go-home-feed-actions {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin-top: clamp(1.25rem, 2.8vw, 2rem) !important;
text-align: center !important;
}
body:not(.wp-admin) .go-home-feed-load-more {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.55rem !important;
min-width: 0 !important;
min-height: 46px !important;
margin: 0 auto !important;
padding: 0 1.35rem !important;
border: 1px solid var(--go-mode-line) !important;
border-radius:0!important;
background: transparent !important;
color: var(--go-mode-text) !important;
font-size: 0.82rem !important;
font-weight: 850 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
box-shadow: none !important;
}
body:not(.wp-admin) .go-home-feed-load-more:is(:hover, :focus-visible) {
border-color: var(--go-mode-accent) !important;
background: var(--go-mode-accent) !important;
color: #ffffff !important;
transform: translateY(-1px);
}
html.dark body:not(.wp-admin) .go-home-feed-load-more:is(:hover, :focus-visible),
html[class*="dark"] body:not(.wp-admin) .go-home-feed-load-more:is(:hover, :focus-visible),
body.dark:not(.wp-admin) .go-home-feed-load-more:is(:hover, :focus-visible),
body.dark-mode:not(.wp-admin) .go-home-feed-load-more:is(:hover, :focus-visible),
body.newsx-dark-mode:not(.wp-admin) .go-home-feed-load-more:is(:hover, :focus-visible) {
color: #111111 !important;
}
body:not(.wp-admin) .go-home-feed-load-more-icon {
border-color: currentColor !important;
}
body:not(.wp-admin) :where(#go-home-destaques .go-home-carousel-nav, .go-home-section--latest-highlights .go-home-carousel-nav) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body:not(.wp-admin){--go-mode-bg:#f7f8fb;--go-mode-text:#05070d;--go-mode-muted:#586174;--go-mode-line:rgba(5,7,13,0.13);--go-mode-line-strong:rgba(5,7,13,0.22);--go-mode-accent:#2800f0;--go-mode-accent-soft:rgba(40,0,240,0.08);--go-mode-accent-line:rgba(40,0,240,0.30);--go-mode-surface:rgba(255,255,255,0.64);--go-page-bg:var(--go-mode-bg);--go-page-text:var(--go-mode-text);--go-page-muted:var(--go-mode-muted);--go-page-line:var(--go-mode-line);--go-page-accent:var(--go-mode-accent);--go-article-text:var(--go-mode-text);--go-article-muted:var(--go-mode-muted);--go-article-line:var(--go-mode-line);--go-article-accent:var(--go-mode-accent);--go-single-text:var(--go-mode-text);--go-single-muted:var(--go-mode-muted);--go-single-line:var(--go-mode-line);--go-single-lime:var(--go-mode-accent);--go-single-blue:var(--go-mode-accent);--go-ui-text:var(--go-mode-text);--go-ui-soft:var(--go-mode-muted);--go-ui-accent:var(--go-mode-accent);--go-ui-mark:var(--go-mode-accent);--go-shell-text:var(--go-mode-text);--go-shell-soft:var(--go-mode-muted);--go-shell-line:var(--go-mode-line);--go-shell-lime:var(--go-mode-accent);--go-shell-blue:var(--go-mode-accent);background-color:var(--go-mode-bg) !important;color:var(--go-mode-text) !important}html.dark body:not(.wp-admin),html[class*="dark"] body:not(.wp-admin),html[data-theme="dark"] body:not(.wp-admin),body.dark:not(.wp-admin),body.dark-mode:not(.wp-admin),body.is-dark-theme:not(.wp-admin),body.newsx-dark-mode:not(.wp-admin),body[data-theme="dark"]:not(.wp-admin){--go-mode-bg:#121212;--go-mode-text:#f6f7f9;--go-mode-muted:#b9c0cb;--go-mode-line:rgba(255,255,255,0.13);--go-mode-line-strong:rgba(255,255,255,0.22);--go-mode-accent:#c7f000;--go-mode-accent-soft:rgba(199,240,0,0.09);--go-mode-accent-line:rgba(199,240,0,0.34);--go-mode-surface:rgba(255,255,255,0.055);background-color:#121212 !important;color:var(--go-mode-text) !important;color-scheme:dark}body:not(.wp-admin).go-site-has-game-art,body:not(.wp-admin).go-site-has-game-art #page,body:not(.wp-admin).go-site-has-game-art #page.site,body:not(.wp-admin).go-site-has-game-art #page.site.has-site-game-art{background:var(--go-mode-bg) !important;background-color:var(--go-mode-bg) !important;background-image:none !important}body:not(.wp-admin).go-site-has-game-art::before,body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before{opacity:0.18 !important;filter:saturate(1.06) contrast(1) !important}html.dark body:not(.wp-admin).go-site-has-game-art::before,html[class*="dark"] body:not(.wp-admin).go-site-has-game-art::before,html[data-theme="dark"] body:not(.wp-admin).go-site-has-game-art::before,body.dark:not(.wp-admin).go-site-has-game-art::before,body.dark-mode:not(.wp-admin).go-site-has-game-art::before,body.is-dark-theme:not(.wp-admin).go-site-has-game-art::before,body.newsx-dark-mode:not(.wp-admin).go-site-has-game-art::before,body[data-theme="dark"]:not(.wp-admin).go-site-has-game-art::before,html.dark body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,html[class*="dark"] body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,html[data-theme="dark"] body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,body.dark:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,body.dark-mode:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,body.is-dark-theme:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,body.newsx-dark-mode:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before,body[data-theme="dark"]:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::before{opacity:0.26 !important;filter:saturate(1.06) contrast(1.05) brightness(0.82) !important}body:not(.wp-admin).go-site-has-game-art::after,body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after{background:linear-gradient(180deg,rgba(247,248,251,0.78) 0%,rgba(247,248,251,0.84) 52%,rgba(247,248,251,0.88) 100%) !important}html.dark body:not(.wp-admin).go-site-has-game-art::after,html[class*="dark"] body:not(.wp-admin).go-site-has-game-art::after,html[data-theme="dark"] body:not(.wp-admin).go-site-has-game-art::after,body.dark:not(.wp-admin).go-site-has-game-art::after,body.dark-mode:not(.wp-admin).go-site-has-game-art::after,body.is-dark-theme:not(.wp-admin).go-site-has-game-art::after,body.newsx-dark-mode:not(.wp-admin).go-site-has-game-art::after,body[data-theme="dark"]:not(.wp-admin).go-site-has-game-art::after,html.dark body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,html[class*="dark"] body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,html[data-theme="dark"] body:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,body.dark:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,body.dark-mode:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,body.is-dark-theme:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,body.newsx-dark-mode:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after,body[data-theme="dark"]:not(.wp-admin).go-site-has-game-art .go-site-game-art-backdrop::after{background:linear-gradient(180deg,rgba(18,18,18,0.78) 0%,rgba(18,18,18,0.82) 52%,rgba(18,18,18,0.86) 100%) !important}body:not(.wp-admin):where( #page,#content,.site-content,#primary,.content-area,#main,.site-main,.newsx-main-wrap,.newsx-site-main,.newsx-single-wrap,.newsx-single-inner,.newsx-single-content-wrap,.newsx-default-page-wrap,.go-layout-shell,.go-layout-shell--single,.go-shell-breadcrumb-band,.go-shell-breadcrumb-band .go-shell-wrap,.go-shell-breadcrumbs,.go-shell-footer,.go-shell-footer-builder,.go-shell-footer-main,.go-shell-footer .go-shell-wrap,.go-shell-footer-top,.go-shell-footer-grid,.go-shell-footer-bottom,.go-shell-footer-info,.newsx-site-footer,#site-footer,#site-footer>section,.go-article,.go-article__shell,.go-article__post,.go-article__grid,.go-article__main,.go-article__content,.go-article__footer,.go-article__footer-meta,.go-home-page,.go-home-shell,.go-home-section,.go-home-latest,.go-home-latest-layout,.go-home-latest-feed,.go-news-archive-page,.go-entertainment-page,.go-reviews-archive-page,.go-review-single-page,.go-review-single-shell,.go-guides-hub,.go-sc-page,.go-sc-shell,.go-eh-page,.go-gh-page,.go-ca-page,.go-cp-page,.go-vh-page,.go-th-page,.go-fph ){background:transparent !important;background-color:transparent !important;background-image:none !important;box-shadow:none !important}body:not(.wp-admin):where( #page,#content,.site-content,#primary,.content-area,#main,.site-main,.newsx-main-wrap,.newsx-single-wrap,.newsx-single-inner,.newsx-single-content-wrap,.newsx-default-page-wrap,.go-layout-shell,.go-shell-breadcrumb-band,.go-shell-footer,.go-shell-footer-main,.go-article,.go-article__shell,.go-article__post,.go-home-page,.go-home-shell,.go-home-section )::before,body:not(.wp-admin):where( #page,#content,.site-content,#primary,.content-area,#main,.site-main,.newsx-main-wrap,.newsx-single-wrap,.newsx-single-inner,.newsx-single-content-wrap,.newsx-default-page-wrap,.go-layout-shell,.go-shell-breadcrumb-band,.go-shell-footer,.go-shell-footer-main,.go-article,.go-article__shell,.go-article__post,.go-home-page,.go-home-shell,.go-home-section )::after{background:transparent !important;background-color:transparent !important;background-image:none !important;box-shadow:none !important}body:not(.wp-admin):where( .go-ad-slot,.go-ad-inner,.go-ad-inner--widget,.go-feed-adsense,.go-feed-adsense__inner,.go-contextual-adsense,.go-contextual-adsense__inner,.go-autorelaxed-adsense,.go-autorelaxed-adsense__inner,.go-inline-adsense,.go-inline-adsense__inner,.go-in-article-ad,.go-in-article-ad__inner,.go-article-ad,.go-article-ad__inner,.adsbygoogle ){border-color:transparent !important;background:transparent !important;background-color:transparent !important;background-image:none !important;box-shadow:none !important}body:not(.wp-admin):where( .go-ad-inner,.go-ad-inner--widget,.go-feed-adsense__inner,.go-contextual-adsense__inner,.go-autorelaxed-adsense__inner,.go-inline-adsense__inner,.go-in-article-ad__inner,.go-article-ad__inner )::before,body:not(.wp-admin):where( .go-ad-inner,.go-ad-inner--widget,.go-feed-adsense__inner,.go-contextual-adsense__inner,.go-autorelaxed-adsense__inner,.go-inline-adsense__inner,.go-in-article-ad__inner,.go-article-ad__inner )::after{content:none !important;display:none !important}body:not(.wp-admin):where(.go-ad-label,.go-feed-adsense__label,.go-contextual-adsense__label,.go-autorelaxed-adsense__label,.go-inline-adsense__label){color:var(--go-mode-muted) !important}body:not(.wp-admin):where(.go-shell-header,.go-shell-header-builder,.go-shell-topbar,.go-shell-header .newsx-middle-section-wrap,.go-shell-header .newsx-bottom-section-wrap){background:transparent !important;background-color:transparent !important;background-image:none !important}body:not(.wp-admin):where(.go-home-label,.go-home-badge,.go-home-kicker,.go-home-story-kicker,.go-home-story-category,.go-home-story-topline,.go-home-section-kicker,.go-card-kicker,.go-card-category,.go-article__eyebrow a,.go-article__side-label,.go-article__side-story-meta b,.go-article__footer-label,.go-single-author-card__eyebrow,.newsx-post-categories a,.post-categories a,.cat-links a,.entry-categories a,.go-shell-breadcrumbs a:hover,.go-shell-breadcrumbs [aria-current="page"],.goei-auto-related-links>:first-child,.goei-auto-related-links h2,.goei-auto-related-links h3,.goei-auto-related-links strong:first-child,.go-inline-brief__label){color:var(--go-mode-accent) !important}body:not(.wp-admin):where(.go-home-label,.go-home-badge,.go-home-platform-pill,.newsx-post-categories a,.post-categories a,.cat-links a,.entry-categories a,.go-article__eyebrow a,.tagcloud a,.post-tags a,.newsx-tags a,.go-single-source-pill){border-color:var(--go-mode-accent-line) !important;color:var(--go-mode-accent) !important}body:not(.wp-admin):where(.go-home-label,.go-home-badge,.go-home-platform-pill,.tagcloud a,.post-tags a,.newsx-tags a,.go-single-source-pill){background:var(--go-mode-accent-soft) !important}body:not(.wp-admin):where(.go-home-feed-load-more,.newsx-load-more,.go-load-more,button.newsx-load-more){display:inline-flex !important;align-items:center;justify-content:center;min-height:44px;margin-inline:auto !important;padding:0 24px !important;border:1px solid var(--go-mode-accent-line) !important;border-radius:0!important;background:var(--go-mode-accent-soft) !important;color:var(--go-mode-accent) !important;font-weight:850 !important;letter-spacing:0.02em;text-transform:uppercase}body:not(.wp-admin):where(.go-home-feed-actions,.go-home-load-more-wrap,.newsx-load-more-wrap){display:flex !important;justify-content:center !important}body:not(.wp-admin):where(.go-home-featured .swiper-button-prev,.go-home-featured .swiper-button-next,.go-home-highlights .swiper-button-prev,.go-home-highlights .swiper-button-next,.go-home-destaques .swiper-button-prev,.go-home-destaques .swiper-button-next,.go-home-section--highlights .swiper-button-prev,.go-home-section--highlights .swiper-button-next){display:none !important}html.dark body:not(.wp-admin):where(.go-offcanvas-panel,.go-offcanvas-body,.newsx-offcanvas-widgets-area,.newsx-offcanvas-container,.newsx-offcanvas-content,.newsx-offcanvas-sidebar,.go-offcanvas-nav,.go-shell-header .newsx-offcanvas-widgets-area),html[class*="dark"] body:not(.wp-admin):where(.go-offcanvas-panel,.go-offcanvas-body,.newsx-offcanvas-widgets-area,.newsx-offcanvas-container,.newsx-offcanvas-content,.newsx-offcanvas-sidebar,.go-offcanvas-nav,.go-shell-header .newsx-offcanvas-widgets-area),body.dark:not(.wp-admin):where(.go-offcanvas-panel,.go-offcanvas-body,.newsx-offcanvas-widgets-area,.newsx-offcanvas-container,.newsx-offcanvas-content,.newsx-offcanvas-sidebar,.go-offcanvas-nav,.go-shell-header .newsx-offcanvas-widgets-area),body.dark-mode:not(.wp-admin):where(.go-offcanvas-panel,.go-offcanvas-body,.newsx-offcanvas-widgets-area,.newsx-offcanvas-container,.newsx-offcanvas-content,.newsx-offcanvas-sidebar,.go-offcanvas-nav,.go-shell-header .newsx-offcanvas-widgets-area),body.is-dark-theme:not(.wp-admin):where(.go-offcanvas-panel,.go-offcanvas-body,.newsx-offcanvas-widgets-area,.newsx-offcanvas-container,.newsx-offcanvas-content,.newsx-offcanvas-sidebar,.go-offcanvas-nav,.go-shell-header .newsx-offcanvas-widgets-area),body.newsx-dark-mode:not(.wp-admin):where(.go-offcanvas-panel,.go-offcanvas-body,.newsx-offcanvas-widgets-area,.newsx-offcanvas-container,.newsx-offcanvas-content,.newsx-offcanvas-sidebar,.go-offcanvas-nav,.go-shell-header .newsx-offcanvas-widgets-area),body[data-theme="dark"]:not(.wp-admin):where(.go-offcanvas-panel,.go-offcanvas-body,.newsx-offcanvas-widgets-area,.newsx-offcanvas-container,.newsx-offcanvas-content,.newsx-offcanvas-sidebar,.go-offcanvas-nav,.go-shell-header .newsx-offcanvas-widgets-area){background:#050607 !important;background-color:#050607 !important;background-image:none !important;color:#f6f7f9 !important}