body.games-hub[data-radil-theme]{background:#162631;color:#f2efe7;--muted:#bdcbd0;--red:#e5ad99;--navy:#192e39}
body.games-hub[data-radil-theme]::before{background:linear-gradient(110deg,#132835d9,#20323bba 50%,#18262fdc),url('/radil-design/misty-hills-v8.webp') center/cover no-repeat}
body.games-hub main{max-width:1220px;padding-top:58px}
body.games-hub .intro{text-shadow:none;padding:0 0 30px;max-width:780px}
body.games-hub .intro .eyebrow{color:#d3b9a6;font-size:10px;letter-spacing:3px;display:flex;align-items:center;gap:16px}
body.games-hub .intro .eyebrow::before{content:'';width:38px;height:1px;background:#d3b9a6}
body.games-hub h1{font:400 clamp(44px,5vw,68px)/1.03 Georgia,serif;letter-spacing:-2px;margin:24px 0}
body.games-hub h1 em{color:#e6c0aa;font-weight:400}
body.games-hub .intro>p:last-child{color:#d0d9da;font-size:16px;line-height:1.75;margin-bottom:18px}
body.games-hub .games{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body.games-hub .game{background:linear-gradient(130deg,#2a3c47f5,#1b2d38f5);border:1px solid #a4b6b540;border-radius:20px;box-shadow:0 18px 45px #06151b50;transition:transform .25s,border-color .25s}
body.games-hub .game:hover{transform:translateY(-4px);border-color:#d2b59c99}
body.games-hub .boardPreview{min-height:220px;position:relative;background:radial-gradient(ellipse at 30% 0,#70878444,transparent 65%),linear-gradient(#203844b0,#162b36e0),url('/radil-design/granite-v8.webp') center/380px;gap:20px;border-bottom:1px solid #b7c5bb30;padding:26px}
body.games-hub .miniBoard,body.games-hub .chessMini{width:140px;max-width:140px;box-shadow:14px 20px 24px #0005;transform:perspective(500px) rotateX(12deg) rotateZ(-8deg);border-color:#839b9b;background:#25404b}
body.games-hub .chessMini{transform:perspective(500px) rotateX(12deg) rotateZ(8deg)}
body.games-hub .miniBoard span{font-size:23px;border-color:#8ca09b55;color:#e9e8db}
body.games-hub .miniBoard .chosen{background:#b67c68;color:#fff5e7}
body.games-hub .game:nth-child(3) .miniBoard span{font-size:18px}
body.games-hub .game:nth-child(3) .miniBoard .chosen{font-size:16px;background:#bc9358}
body.games-hub .chessMini span{background:#e6dfc8;color:#28393d;font-size:27px}
body.games-hub .chessMini span:nth-child(8n+2),body.games-hub .chessMini span:nth-child(8n+4),body.games-hub .chessMini span:nth-child(8n+5),body.games-hub .chessMini span:nth-child(8n+7){background:#6d8986}
body.games-hub .previewLabel{color:#c1cfca;font-size:9px;letter-spacing:1.7px}
body.games-hub .gameBody{padding:25px}
body.games-hub .game h2{font:400 36px Georgia,serif;margin:20px 0 12px}
body.games-hub .game p,body.games-hub .levels{color:#c5d0d3}
body.games-hub .badge{background:#758d8b25;color:#d1ddd6;border:1px solid #9ab1ac40}
body.games-hub .features{color:#b6c8cb;font-size:11px}
body.games-hub .features span{border-color:#81979750}
body.games-hub .playButton{background:linear-gradient(115deg,#edcfac,#d6a591);color:#24313b;border:1px solid #edd2b6}
body.games-hub .playButton:hover{background:#f2d8b9}
body.games-hub .resume{color:#d9c5b5}
body.games-hub .accountNote{background:#243a43e8;border:1px solid #9db4af40;box-shadow:none;color:#e6e9df;padding:26px}
body.games-hub .accountNote h2{font:400 24px Georgia,serif}
body.games-hub .accountNote p{color:#bdcbd0}
body.games-hub .noteIcon{color:#dbbaa3}
body.games-hub footer,body.games-hub footer a{color:#c5d2d0;border-color:#b6c7c440}
@media(max-width:900px){body.games-hub .games{grid-template-columns:1fr}body.games-hub .game{grid-template-columns:40% 60%}body.games-hub .boardPreview{border-bottom:0;border-right:1px solid #b7c5bb30}}
@media(max-width:560px){body.games-hub main{padding-top:34px}body.games-hub .intro{padding-bottom:18px}body.games-hub h1{font-size:47px}body.games-hub .game{grid-template-columns:1fr}body.games-hub .boardPreview{min-height:210px;border-right:0;border-bottom:1px solid #b7c5bb30}body.games-hub[data-radil-theme]::before{background-image:linear-gradient(110deg,#132835e3,#20323bcd),url('/radil-design/misty-hills-mobile-v8.webp')}}
@media(prefers-reduced-motion:reduce){body.games-hub .game{transition:none}body.games-hub .game:hover{transform:none}}

@media(min-width:901px){body.games-hub .game{grid-template-rows:220px 1fr}}