/* ROYALX222 v9 - royal refresh (home + game lobby). Loaded after app.min.css */
body.page-home{background:radial-gradient(700px 360px at 90% -5%,rgba(139,92,246,.16),transparent 60%),radial-gradient(600px 320px at -10% 8%,rgba(246,198,27,.07),transparent 60%),var(--asphalt)}
.rx-hero h1 em{background:linear-gradient(90deg,#ffd84a,#f6a800);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}
.rx-section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}
.rx-section-head h3{font-size:1.05rem}
.rx-section-head a{color:var(--lane);font-weight:700;font-size:.82rem;text-decoration:none}

/* category tiles */
.hg-cats{display:flex;gap:10px;overflow-x:auto;margin:0 -16px 6px;padding:2px 16px 6px;scroll-snap-type:x proximity;scrollbar-width:none}
.hg-cats::-webkit-scrollbar{display:none}
.hg-cats a.cat-tile{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:112px;padding:12px;border-radius:16px;text-decoration:none;color:var(--chalk);border:1px solid var(--kerb-soft);background:linear-gradient(160deg,var(--road-2),var(--road));font-size:.8rem;font-weight:700;line-height:1.2;transition:transform .15s,border-color .15s}
.hg-cats a.cat-tile:active{transform:scale(.97)}
.hg-cats a.cat-tile:hover{border-color:rgba(246,198,27,.45)}
.cat-tile .ci{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;background:rgba(246,198,27,.12)}
.cat-tile small{display:block;font-weight:500;color:var(--dust);font-size:.7rem;margin-top:1px}

/* game cards */
.hg-grid{grid-template-columns:repeat(2,1fr)}
@media(min-width:520px){.hg-grid{grid-template-columns:repeat(3,1fr)}}
.hg-card{position:relative;border-radius:18px;transition:transform .15s,border-color .15s,box-shadow .15s}
.hg-card:hover{border-color:rgba(246,198,27,.5);box-shadow:0 10px 26px -14px rgba(246,198,27,.45)}
.hg-img{background:var(--road-2)}
.hg-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ffd84a,#e0a800);color:#1a1300;font-size:.62rem;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:999px}
.hg-rtp{position:absolute;top:8px;right:8px;background:rgba(10,6,16,.72);backdrop-filter:blur(6px);color:#f4f2ec;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:999px}
.hg-row{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
.hg-row::-webkit-scrollbar{display:none}
.hg-row .hg-card{flex:none;width:132px}
.hg-all{display:block;text-align:center;margin:12px 0 16px;padding:12px;border-radius:14px;border:1px solid rgba(246,198,27,.35);background:rgba(246,198,27,.08);color:var(--lane);font-weight:800;text-decoration:none}