.gf4-hub,.gf4-hub *{box-sizing:border-box}
body.game-free-hub-page{overflow-x:hidden}
.gf4-hub{width:min(1180px,100%);margin:0 auto;padding:clamp(30px,5vw,64px) 24px 72px}
.gf4-hero{max-width:850px;margin-bottom:30px}
.gf4-kicker,.gf4-card-kicker{display:block;color:#ff8a32;font-size:.72rem;letter-spacing:.16em;font-weight:900}
.gf4-hero h1{margin:.14em 0 .22em;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.02}
.gf4-hero p{margin:0;color:#b7c5c9;font-size:clamp(.98rem,2vw,1.12rem);line-height:1.65}
.gf4-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.gf4-badges span{padding:6px 9px;border:1px solid #34464d;background:#0f171a;border-radius:999px;color:#c8d5d8;font-size:.67rem;font-weight:900;letter-spacing:.08em}
.gf4-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.gf4-card{display:grid;grid-template-rows:230px auto;min-width:0;overflow:hidden;border:1px solid #2b363b;background:linear-gradient(180deg,#151e22,#0f1518);color:#fff!important;border-radius:12px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;text-decoration:none}
.gf4-card:hover{transform:translateY(-3px);border-color:#4edbe7;box-shadow:0 18px 48px #0007}
.gf4-preview{position:relative;overflow:hidden;background:#080b0d}
.gf4-card-body{padding:22px}.gf4-card-body h2{margin:.2em 0 .35em;font-size:clamp(1.5rem,3vw,1.9rem)}.gf4-card-body p{margin:0 0 18px;color:#aebdc1;line-height:1.55}.gf4-card-body strong{color:#65e4ee;font-size:.82rem;letter-spacing:.07em}.gf4-card-body strong span{display:inline-block;transition:transform .18s}.gf4-card:hover strong span{transform:translateX(4px)}
.gf4-checkers{background:conic-gradient(#cbb58e 25%,#50372c 0 50%,#cbb58e 0 75%,#50372c 0);background-size:25% 50%}
.gf4-checkers i{position:absolute;width:19%;aspect-ratio:1;border-radius:50%;box-shadow:0 7px 14px #0008,inset 0 0 0 3px #ffffff24}.gf4-checkers i:after{content:"";position:absolute;inset:17%;border-radius:50%;border:2px solid #ffffff45}.gf4-checkers .b{background:#181b1d;border:2px solid #667075;top:17%}.gf4-checkers .w{background:#f3eee2;border:2px solid white;bottom:15%}.gf4-checkers .b1{left:18%}.gf4-checkers .b2{right:18%}.gf4-checkers .w1{left:30%}.gf4-checkers .w2{right:29%}
.gf4-chess{display:grid;grid-template-columns:repeat(6,1fr);place-items:center;background:radial-gradient(circle at 50% 20%,#263941,#090d0f 70%)}.gf4-chess span{font-size:clamp(2.8rem,6vw,5.2rem);text-shadow:0 10px 20px #000}.gf4-chess span:nth-child(-n+4){color:#111;-webkit-text-stroke:1px #a9b7bc}.gf4-chess span:nth-child(n+5){color:#f4efe3}
.gf4-plus{display:grid;place-items:center;font-size:7rem;color:#33454d;background:repeating-linear-gradient(45deg,#0d1417,#0d1417 14px,#10191d 14px,#10191d 28px)}.gf4-coming{opacity:.62}.gf4-coming:hover{transform:none;border-color:#2b363b;box-shadow:none}
@media(max-width:760px){.gf4-hub{padding:30px 14px 52px}.gf4-grid{grid-template-columns:1fr;gap:15px}.gf4-card{grid-template-rows:180px auto}.gf4-card-body{padding:18px}.gf4-hero{margin-bottom:22px}.gf4-badges{gap:6px}}
@media(max-width:420px){.gf4-card{grid-template-rows:150px auto}.gf4-chess span{font-size:2.75rem}.gf4-card-body p{font-size:.9rem}}