:root{
  font-size:62.5%;
  --gfd8-primary:#ff0000;
  --gfd8-rust:#a0522d;
  --gfd8-bg:#2c3e50;
  --gfd8-bg-deep:#121c29;
  --gfd8-panel:#1e2c3d;
  --gfd8-panel-soft:#26394f;
  --gfd8-text:#f6f8fb;
  --gfd8-muted:#b9c4d2;
  --gfd8-gold:#ffd166;
  --gfd8-line:rgba(255,255,255,.14);
  --gfd8-shadow:0 1.8rem 4.2rem rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  width:100%;
  overflow-x:hidden;
  background:radial-gradient(circle at top left,rgba(255,0,0,.22),transparent 32rem),linear-gradient(180deg,var(--gfd8-bg-deep),var(--gfd8-bg));
  color:var(--gfd8-text);
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:1.6rem;
  line-height:1.5rem;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
main{padding-top:7.4rem}
.gfd8-container{width:min(100%,43rem);margin:0 auto;padding:0 1.4rem}
.gfd8-wrapper{width:100%;max-width:43rem;margin:0 auto}
.gfd8-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(135deg,rgba(18,28,41,.98),rgba(44,62,80,.96));
  border-bottom:.1rem solid var(--gfd8-line);
  backdrop-filter:blur(1.2rem);
}
.gfd8-header-shadow{box-shadow:0 1rem 2.4rem rgba(0,0,0,.42)}
.gfd8-headerbar{height:6.6rem;display:flex;align-items:center;gap:.8rem}
.gfd8-brand{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1}
.gfd8-logo{width:3.2rem;height:3.2rem;border-radius:.9rem;box-shadow:0 0 0 .2rem rgba(255,209,102,.18)}
.gfd8-brand-text{font-weight:900;font-size:1.7rem;letter-spacing:.02em;white-space:nowrap;text-transform:uppercase}
.gfd8-brand-mark{color:var(--gfd8-gold)}
.gfd8-header-actions{display:flex;align-items:center;gap:.55rem}
.gfd8-btn{
  min-height:4.4rem;min-width:4.4rem;border:0;border-radius:1.2rem;
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:0 1.2rem;cursor:pointer;font-weight:900;color:#fff;
  background:linear-gradient(135deg,var(--gfd8-primary),#b80000);
  box-shadow:0 .8rem 1.8rem rgba(255,0,0,.24);transition:transform .18s ease,filter .18s ease,background .18s ease;
}
.gfd8-btn:hover,.gfd8-btn:focus{transform:translateY(-.1rem);filter:brightness(1.08);outline:.2rem solid rgba(255,209,102,.4)}
.gfd8-btn:active{transform:scale(.96)}
.gfd8-btn-secondary{background:linear-gradient(135deg,var(--gfd8-rust),#6d3217)}
.gfd8-btn-ghost{background:rgba(255,255,255,.08);border:.1rem solid var(--gfd8-line);box-shadow:none}
.gfd8-menu-toggle{padding:0;width:4.4rem}
.gfd8-mobile-menu{
  position:fixed;top:6.6rem;right:1.2rem;left:1.2rem;z-index:9999;
  display:none;padding:1.2rem;border:.1rem solid var(--gfd8-line);border-radius:1.8rem;
  background:linear-gradient(180deg,#203149,#162233);box-shadow:var(--gfd8-shadow);
}
.gfd8-menu-open{display:block;animation:gfd8Drop .2s ease}
@keyframes gfd8Drop{from{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:translateY(0)}}
.gfd8-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.gfd8-menu-link{min-height:4.4rem;padding:1rem;border-radius:1.2rem;background:rgba(255,255,255,.07);color:var(--gfd8-text);font-weight:800;border:.1rem solid transparent}
.gfd8-menu-link:hover{border-color:var(--gfd8-gold);color:var(--gfd8-gold)}
.gfd8-desktop-nav{display:none;gap:1rem;align-items:center}
.gfd8-desktop-nav a{font-weight:800;color:var(--gfd8-muted)}
.gfd8-desktop-nav a:hover{color:var(--gfd8-gold)}
.gfd8-hero{padding:1.4rem 0 1.6rem}
.gfd8-carousel{position:relative;overflow:hidden;border-radius:2.2rem;border:.1rem solid var(--gfd8-line);box-shadow:var(--gfd8-shadow);background:#111}
.gfd8-slide{display:none;position:relative;cursor:pointer}
.gfd8-slide-active{display:block}
.gfd8-slide img{width:100%;aspect-ratio:16/9;object-fit:cover}
.gfd8-slide-caption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;padding:1rem;border-radius:1.4rem;background:linear-gradient(90deg,rgba(18,28,41,.9),rgba(160,82,45,.72));font-weight:900}
.gfd8-dots{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}
.gfd8-dot{width:.9rem;height:.9rem;border-radius:50%;border:0;background:rgba(255,255,255,.45);padding:0;cursor:pointer}
.gfd8-dot-active{background:var(--gfd8-gold);box-shadow:0 0 0 .3rem rgba(255,209,102,.22)}
.gfd8-section{margin:1.4rem 0;padding:1.5rem;border-radius:2rem;background:linear-gradient(180deg,rgba(38,57,79,.94),rgba(30,44,61,.94));border:.1rem solid var(--gfd8-line);box-shadow:0 1rem 2.4rem rgba(0,0,0,.22)}
.gfd8-section-alt{background:linear-gradient(135deg,rgba(160,82,45,.72),rgba(30,44,61,.96))}
.gfd8-section h1,.gfd8-section h2,.gfd8-section h3{line-height:1.18;margin:.2rem 0 1rem}
.gfd8-section h1{font-size:2.65rem;letter-spacing:-.03em}
.gfd8-section h2{font-size:2.15rem;color:#fff}
.gfd8-section h3{font-size:1.72rem;color:var(--gfd8-gold)}
.gfd8-section p{line-height:1.5;margin:.75rem 0;color:#e8edf4}
.gfd8-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--gfd8-gold);font-weight:900;text-transform:uppercase;font-size:1.15rem;letter-spacing:.08em;margin-bottom:.8rem}
.gfd8-highlight{color:var(--gfd8-gold);font-weight:900}
.gfd8-promo-text{display:inline;color:#ffe08a;font-weight:900;text-decoration:underline;text-decoration-thickness:.18rem;text-underline-offset:.25rem;cursor:pointer;background:transparent;border:0;padding:0;min-height:4.4rem}
.gfd8-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.gfd8-grid{display:grid;gap:1rem}
.gfd8-grid-2{grid-template-columns:repeat(2,1fr)}
.gfd8-card{padding:1.2rem;border-radius:1.6rem;background:rgba(255,255,255,.07);border:.1rem solid var(--gfd8-line)}
.gfd8-card strong{color:var(--gfd8-gold)}
.gfd8-game-category{margin:1.6rem 0}
.gfd8-category-title{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}
.gfd8-category-title h2{margin:0;font-size:1.95rem}
.gfd8-chip{display:inline-flex;align-items:center;min-height:3.2rem;border-radius:99rem;padding:.5rem 1rem;background:rgba(255,0,0,.16);border:.1rem solid rgba(255,0,0,.35);font-weight:900;color:#ffd5d5}
.gfd8-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.gfd8-game-tile{min-height:10.8rem;border-radius:1.4rem;padding:.7rem;background:rgba(255,255,255,.06);border:.1rem solid var(--gfd8-line);text-align:center;transition:transform .18s ease,border-color .18s ease;cursor:pointer}
.gfd8-game-tile:hover{transform:translateY(-.2rem);border-color:var(--gfd8-gold)}
.gfd8-game-tile img{width:5.8rem;height:5.8rem;margin:0 auto .55rem;border-radius:1.1rem;object-fit:cover;background:#111}
.gfd8-game-tile span{display:block;font-size:1.08rem;line-height:1.2;font-weight:800;color:#f9fbff}
.gfd8-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.gfd8-stat{text-align:center;padding:1rem;border-radius:1.4rem;background:rgba(255,255,255,.08)}
.gfd8-stat b{display:block;color:var(--gfd8-gold);font-size:1.8rem;line-height:1.2}
.gfd8-stat span{font-size:1.05rem;color:var(--gfd8-muted);font-weight:800}
.gfd8-list{padding-left:1.8rem;margin:.8rem 0;color:#e8edf4;line-height:1.5}
.gfd8-list li{margin:.6rem 0}
.gfd8-inline-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.gfd8-text-link{color:#ffd166;font-weight:900;text-decoration:underline;text-underline-offset:.25rem}
.gfd8-footer{margin-top:2rem;padding:2rem 0 8.8rem;background:linear-gradient(180deg,#172333,#0e1621);border-top:.1rem solid var(--gfd8-line)}
.gfd8-footer-logo-row{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
.gfd8-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0}
.gfd8-footer-links a{padding:.9rem;border-radius:1.1rem;background:rgba(255,255,255,.06);color:var(--gfd8-muted);font-weight:800}
.gfd8-footer-links a:hover{color:var(--gfd8-gold)}
.gfd8-partners{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}
.gfd8-partner{padding:.6rem .85rem;border-radius:.9rem;background:rgba(255,255,255,.08);font-weight:900;color:#fff;font-size:1.15rem}
.gfd8-bottom-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:1000;height:6.2rem;
  display:flex;justify-content:space-around;align-items:center;background:#2c3e50;border-top:.1rem solid rgba(255,255,255,.18);box-shadow:0 -1rem 2.4rem rgba(0,0,0,.38)
}
.gfd8-bottom-btn{min-width:6rem;min-height:6rem;border:0;background:transparent;color:#dfe7f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:1.05rem;font-weight:900;cursor:pointer;transition:transform .18s ease,color .18s ease}
.gfd8-bottom-btn i,.gfd8-bottom-btn ion-icon,.gfd8-bottom-btn .material-icons,.gfd8-bottom-btn .ti{font-size:2.25rem;line-height:1}
.gfd8-bottom-btn:hover,.gfd8-bottom-btn:focus{color:var(--gfd8-gold);transform:translateY(-.2rem);outline:none}
.gfd8-bottom-btn:active{transform:scale(.92)}
.gfd8-bottom-active{color:#fff;background:linear-gradient(180deg,rgba(255,0,0,.22),rgba(255,0,0,0));position:relative}
.gfd8-bottom-active:before{content:"";position:absolute;top:.4rem;width:3.2rem;height:.3rem;border-radius:99rem;background:var(--gfd8-gold)}
.gfd8-badge{position:absolute;margin-left:2.8rem;margin-top:-2.5rem;min-width:1.6rem;height:1.6rem;padding:0 .35rem;border-radius:99rem;background:var(--gfd8-primary);color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:center}
.gfd8-review-score{display:flex;align-items:center;gap:1rem;padding:1.2rem;border-radius:1.6rem;background:rgba(255,209,102,.1);border:.1rem solid rgba(255,209,102,.3)}
.gfd8-score-ring{width:7.2rem;height:7.2rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gfd8-gold) 92%,rgba(255,255,255,.14) 0);font-size:2rem;font-weight:900;color:#121c29}
.gfd8-step{display:grid;grid-template-columns:3.8rem 1fr;gap:1rem;margin:1rem 0;align-items:start}
.gfd8-step-num{width:3.8rem;height:3.8rem;border-radius:1.2rem;background:var(--gfd8-primary);display:grid;place-items:center;font-weight:900}
.gfd8-table{width:100%;border-collapse:separate;border-spacing:0 .7rem}
.gfd8-table td,.gfd8-table th{padding:.9rem;background:rgba(255,255,255,.07);text-align:left}
.gfd8-table th{color:var(--gfd8-gold)}
@media (min-width:769px){
  body{font-size:1.7rem;line-height:1.6rem}
  .gfd8-wrapper,.gfd8-container{max-width:110rem;width:min(100%,110rem)}
  .gfd8-menu-toggle,.gfd8-mobile-menu,.gfd8-bottom-nav{display:none}
  .gfd8-desktop-nav{display:flex}
  .gfd8-game-grid{grid-template-columns:repeat(8,1fr)}
  .gfd8-grid-2{grid-template-columns:repeat(4,1fr)}
  .gfd8-footer{padding-bottom:3rem}
}
@media (max-width:768px){
  main{padding-bottom:8rem}
  .gfd8-hide-mobile{display:none!important}
}
@media (max-width:360px){
  .gfd8-container{padding:0 1rem}
  .gfd8-brand-text{font-size:1.45rem}
  .gfd8-header-actions{gap:.35rem}
  .gfd8-btn{padding:0 .85rem}
  .gfd8-game-grid{grid-template-columns:repeat(3,1fr)}
}