/* The Click - Games Hub v1.0.0 */
.tc-games-hub{
  --tcg-bg:#090b14;
  --tcg-panel:#111624;
  --tcg-panel-2:#151a2c;
  --tcg-text:#f7f9ff;
  --tcg-soft:#aab4cb;
  --tcg-pink:#ff4fa8;
  --tcg-blue:#4fc5ff;
  --tcg-purple:#8469ff;
  --tcg-cyan:#46e3d2;
  --tcg-yellow:#ffd65a;
  --tcg-line:rgba(255,255,255,.12);
  grid-column:1 / -1 !important;
  flex:0 0 100% !important;
  width:100% !important;
  min-width:0 !important;
  max-width:1320px !important;
  justify-self:stretch !important;
  margin:0 auto 44px !important;
  color:var(--tcg-text);
  font-family:inherit;
}
.tc-games-hub *{box-sizing:border-box}
.tc-games-hub a{text-decoration:none}
.tc-games-hub button,.tc-games-hub input{font:inherit}

.tc-games-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:38px;
  align-items:center;
  padding:50px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  background:
    radial-gradient(circle at 8% 18%,rgba(255,79,168,.28),transparent 27%),
    radial-gradient(circle at 78% 10%,rgba(79,197,255,.2),transparent 28%),
    radial-gradient(circle at 62% 112%,rgba(132,105,255,.2),transparent 31%),
    linear-gradient(135deg,#090a13 0%,#11172a 54%,#090b14 100%);
  box-shadow:0 28px 75px rgba(0,0,0,.42);
}
.tc-games-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.1;
  background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.7) 60%,transparent);
}
.tc-games-pixels{position:absolute;right:39%;top:12%;width:11px;height:11px;background:var(--tcg-pink);box-shadow:31px 23px 0 var(--tcg-blue),-19px 49px 0 var(--tcg-yellow),46px 71px 0 var(--tcg-purple),-34px 91px 0 var(--tcg-cyan);opacity:.55;transform:rotate(9deg)}
.tc-games-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.tc-games-orb-one{width:250px;height:250px;right:-110px;top:-110px;box-shadow:inset 0 0 0 36px rgba(79,197,255,.035),inset 0 0 0 72px rgba(255,79,168,.02)}
.tc-games-orb-two{width:130px;height:130px;left:-68px;bottom:-62px;box-shadow:inset 0 0 0 23px rgba(132,105,255,.05)}
.tc-games-kicker{font-size:10px;font-weight:950;letter-spacing:.18em;color:var(--tcg-pink);text-transform:uppercase}
.tc-games-hero h1{margin:8px 0 13px;color:#fff !important;font-size:clamp(46px,6.4vw,78px);line-height:.97;letter-spacing:-.065em}
.tc-games-hero h1 span{background:linear-gradient(90deg,#fff 0%,#bcecff 38%,#ffb8db 82%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tc-games-hero p{max-width:620px;margin:0;color:#ced5e6;font-size:18px;line-height:1.6}
.tc-games-hero-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.tc-games-hero-stats span{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#b9c4da;font-size:11px;font-weight:800}
.tc-games-hero-stats strong{color:#fff}

.tc-games-search-panel{position:relative;padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(9,12,24,.68);box-shadow:0 17px 44px rgba(0,0,0,.26);backdrop-filter:blur(12px)}
.tc-games-search-panel:before{content:"";position:absolute;left:22px;right:22px;top:0;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--tcg-pink),var(--tcg-purple),var(--tcg-blue))}
.tc-games-search-panel label{display:block;margin-bottom:10px;color:#fff;font-size:19px;font-weight:950;letter-spacing:-.025em}
.tc-games-search-wrap{position:relative;display:flex;align-items:center;gap:8px}
.tc-games-search-wrap input{width:100%;height:54px;padding:0 76px 0 45px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#0d111d;color:#fff;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.tc-games-search-wrap input:focus{border-color:rgba(79,197,255,.72);box-shadow:0 0 0 4px rgba(79,197,255,.09)}
.tc-games-search-wrap input::placeholder{color:#748099}
.tc-games-search-icon{position:absolute;left:17px;width:15px;height:15px;border:2px solid #8391aa;border-radius:50%;pointer-events:none}
.tc-games-search-icon:after{content:"";position:absolute;width:7px;height:2px;right:-6px;bottom:-3px;background:#8391aa;transform:rotate(45deg);border-radius:4px}
.tc-games-clear{position:absolute;right:8px;height:38px;padding:0 11px;border:0;border-radius:9px;background:#1b2233;color:#bfc9db;cursor:pointer;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.tc-games-clear:hover{background:#242d43;color:#fff}
.tc-games-search-note{display:flex;align-items:center;gap:8px;margin-top:12px;color:#8996ad;font-size:10px;font-weight:800;letter-spacing:.04em}
.tc-games-live-dot{width:7px;height:7px;border-radius:50%;background:var(--tcg-cyan);box-shadow:0 0 0 5px rgba(70,227,210,.08),0 0 14px rgba(70,227,210,.42)}

.tc-games-section{padding-top:43px;scroll-margin-top:110px}
.tc-games-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.tc-games-section-head h2,.tc-games-all h2{margin:5px 0 0;color:#fff !important;font-size:clamp(27px,3.4vw,42px);line-height:1;letter-spacing:-.045em}
.tc-games-section-head>span{padding-bottom:3px;color:#8793aa;font-size:11px;font-weight:800}

.tc-games-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tc-games-feature-card{position:relative;display:flex;align-items:flex-end;min-height:225px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:#171a25;color:#fff !important;box-shadow:0 13px 34px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.tc-games-feature-card:hover{transform:translateY(-5px);border-color:rgba(79,197,255,.45);box-shadow:0 20px 46px rgba(0,0,0,.38)}
.tc-games-feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.tc-games-feature-card:hover img{transform:scale(1.045);filter:saturate(1.08)}
.tc-games-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,13,.04) 15%,rgba(6,8,14,.26) 44%,rgba(6,8,14,.96) 100%)}
.tc-games-feature-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--tcg-pink),var(--tcg-purple),var(--tcg-blue))}
.tc-games-feature-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px;padding:19px 20px 21px}
.tc-games-feature-copy small{color:#a9b5ca;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.tc-games-feature-copy strong{color:#fff;font-size:23px;line-height:1.05;letter-spacing:-.035em}
.tc-games-feature-copy>span{color:#edf4ff;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.tc-games-feature-copy b{color:var(--tcg-blue)}
.tc-games-feature-mark{position:absolute;right:15px;top:15px;z-index:2;width:24px;height:24px;border:5px solid rgba(255,255,255,.88);transform:rotate(11deg);opacity:.8}
.tc-games-feature-mark:after{content:"";position:absolute;width:6px;height:6px;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%)}

.tc-game-roblox:after{background:#ff4054}.tc-game-fortnite:after{background:#8a63ff}.tc-game-pokemon-go:after{background:#45c6ff}.tc-game-genshin-impact:after{background:#a58cff}.tc-game-minecraft:after{background:#77cc63}.tc-game-call-of-duty:after{background:#b8da57}.tc-game-diablo-4:after{background:#cf462f}.tc-game-fallout76:after,.tc-game-fallout-76:after{background:#f0c84b}.tc-game-valheim:after{background:#78aeb0}.tc-game-palworld:after{background:#51d9e9}.tc-game-aniimo:after{background:#a9dfff}.tc-game-battlefield-6:after{background:#ff7939}

.tc-games-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tc-games-platform{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:94px;padding:16px 17px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:linear-gradient(145deg,#121724,#0c1019);color:#fff !important;box-shadow:0 11px 28px rgba(0,0,0,.22);transition:.2s ease}
.tc-games-platform:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.25)}
.tc-games-platform-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#1e2739;color:#fff;font-size:14px;font-weight:950;letter-spacing:-.03em}
.tc-games-platform small{display:block;color:#7f8da4;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.tc-games-platform strong{display:block;margin-top:3px;color:#fff;font-size:17px;line-height:1.1}
.tc-games-platform>b{font-size:19px}
.tc-platform-playstation .tc-games-platform-symbol{background:#1167d8;box-shadow:0 0 26px rgba(17,103,216,.22)}
.tc-platform-xbox .tc-games-platform-symbol{background:#107c10;box-shadow:0 0 26px rgba(16,124,16,.22)}
.tc-platform-nintendo .tc-games-platform-symbol{background:#e60012;box-shadow:0 0 26px rgba(230,0,18,.19)}
.tc-platform-steam .tc-games-platform-symbol{background:#1b5278;box-shadow:0 0 26px rgba(27,82,120,.22)}

.tc-games-directory{position:relative}
.tc-games-alpha{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.tc-games-alpha button{min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#111624;color:#8592a9;cursor:pointer;font-size:10px;font-weight:950;text-transform:uppercase}
.tc-games-alpha button:hover,.tc-games-alpha button.is-active{border-color:rgba(255,79,168,.5);background:linear-gradient(135deg,rgba(255,79,168,.18),rgba(132,105,255,.16));color:#fff}
.tc-games-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.tc-games-directory-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:0;min-height:76px;padding:12px 13px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#111521;color:#fff !important;transition:.18s ease}
.tc-games-directory-card:hover{transform:translateY(-2px);border-color:rgba(79,197,255,.35);background:#151b2a}
.tc-games-directory-card[hidden]{display:none !important}
.tc-games-directory-initial{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,rgba(255,79,168,.22),rgba(79,197,255,.18));border:1px solid rgba(255,255,255,.09);color:#fff;font-size:15px;font-weight:950}
.tc-games-directory-copy{min-width:0}
.tc-games-directory-copy strong{display:block;overflow:hidden;color:#f6f9ff;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.tc-games-directory-copy small{display:block;margin-top:3px;color:#77859b;font-size:9px;font-weight:800}
.tc-games-directory-card>b{color:#71839d;font-size:16px}
.tc-games-show-all{display:block;margin:17px auto 0;padding:11px 17px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#151b2b;color:#fff;cursor:pointer;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.tc-games-show-all:hover{border-color:rgba(255,79,168,.48);background:#1b2235}
.tc-games-no-results{margin-top:16px;padding:20px;border:1px dashed rgba(255,255,255,.14);border-radius:14px;color:#94a1b6;text-align:center;font-size:12px}

.tc-games-all{position:relative;margin:45px 3px 13px;padding:29px 30px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(90deg,#14192a 0%,#0b0e17 100%);overflow:hidden}
.tc-games-all:after{content:"";position:absolute;right:-22px;top:-34px;width:150px;height:150px;border:26px solid rgba(255,79,168,.045);border-radius:50%}
.tc-games-all .tc-games-kicker{color:var(--tcg-blue)}

.tc-games-hub article,.tc-games-hub .tc-games-feature-card,.tc-games-hub .tc-games-platform,.tc-games-hub .tc-games-directory-card{margin:0 !important;max-width:none !important;width:auto}

@media (max-width:1100px){
  .tc-games-hub{max-width:100% !important}
  .tc-games-hero{grid-template-columns:1fr;padding:36px}
  .tc-games-featured-grid,.tc-games-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-games-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .tc-games-hub{margin-bottom:28px !important}
  .tc-games-hero{padding:24px;border-radius:20px;gap:25px}
  .tc-games-hero h1{font-size:52px}
  .tc-games-hero p{font-size:15px}
  .tc-games-search-panel{padding:20px 16px}
  .tc-games-section{padding-top:34px}
  .tc-games-section-head{align-items:flex-start;flex-direction:column;gap:8px}
  .tc-games-featured-grid,.tc-games-platform-grid,.tc-games-directory-grid{grid-template-columns:1fr}
  .tc-games-alpha{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}
  .tc-games-alpha button{flex:0 0 auto}
  .tc-games-feature-card{min-height:205px}
  .tc-games-all{padding:24px 21px}
}