.game-page { width:min(1220px,calc(100% - 24px)); margin:28px auto 70px; }
.game-page-hero { display:grid; grid-template-columns:minmax(220px,360px) minmax(0,1fr); gap:clamp(24px,5vw,64px); align-items:center; padding:clamp(24px,5vw,48px); border:1px solid rgba(216,176,74,.28); border-radius:28px; background:radial-gradient(circle at 100% 0,rgba(216,176,74,.18),transparent 42%),linear-gradient(145deg,#07101d,#030407); box-shadow:0 26px 70px rgba(0,0,0,.5); }
.game-page-art { position:relative; aspect-ratio:16/10; overflow:hidden; border-radius:20px; background:linear-gradient(135deg,#1e293b,#090b10); box-shadow:0 18px 45px rgba(0,0,0,.5); }
.game-page-art img { width:100%; height:100%; object-fit:cover; display:block; }
.game-page-art.is-missing::after { content:attr(data-title); position:absolute; inset:0; display:grid; place-items:center; padding:24px; color:#f7df91; font-family:Georgia,"Times New Roman",serif; font-size:1.7rem; text-align:center; background:radial-gradient(circle at top,rgba(216,176,74,.18),transparent 60%),#080b12; }
.game-page-copy .eyebrow { margin:0 0 9px; color:#f7df91; font-size:.74rem; font-weight:900; letter-spacing:.22em; text-transform:uppercase; }
.game-page-copy h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.25rem,6vw,4.7rem); line-height:1; letter-spacing:-.04em; }
.game-page-copy p { max-width:680px; color:#cbd5e1; line-height:1.7; }
.game-disclosure { margin:18px 0 0; padding:14px 16px; border-left:3px solid #d8b04a; border-radius:0 14px 14px 0; background:rgba(216,176,74,.08); color:#cbd5e1; font-size:.86rem; }
.game-widget-shell { position:relative; margin-top:24px; padding:clamp(12px,2.5vw,24px); border:1px solid rgba(148,163,184,.16); border-radius:28px; background:rgba(2,6,23,.88); box-shadow:0 30px 80px rgba(0,0,0,.5); overflow:hidden; }
.game-widget-shell.is-locked .legacy-game-widget { filter:blur(5px); opacity:.32; pointer-events:none; user-select:none; }
.game-auth-guard { display:none; position:absolute; z-index:30; inset:0; place-items:center; padding:24px; background:rgba(2,6,23,.76); backdrop-filter:blur(6px); }
.game-widget-shell.is-locked .game-auth-guard { display:grid; }
.game-auth-card { max-width:560px; padding:30px; border:1px solid rgba(216,176,74,.4); border-radius:22px; background:#080d17; text-align:center; box-shadow:0 25px 65px rgba(0,0,0,.6); }
.game-auth-card h2 { margin:0 0 10px; font-family:Georgia,"Times New Roman",serif; }
.game-auth-card p { color:#cbd5e1; }
.legacy-game-widget { min-height:260px; }
.legacy-game-widget > * { max-width:100%; }
.game-bottom-links { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:20px 0 0; }
.game-bottom-links a { padding:9px 14px; border:1px solid rgba(148,163,184,.28); border-radius:999px; color:#e2e8f0; text-decoration:none; background:rgba(15,23,42,.72); }
.games-lobby-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:24px; }
.game-card { position:relative; overflow:hidden; min-height:255px; border:1px solid rgba(216,176,74,.22); border-radius:22px; background:#080b12; box-shadow:0 20px 48px rgba(0,0,0,.34); transition:transform .16s ease,border-color .16s ease; }
.game-card:hover { transform:translateY(-4px); border-color:rgba(216,176,74,.65); }
.game-card a { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; padding:20px; color:#fff; text-decoration:none; background:linear-gradient(180deg,transparent 24%,rgba(0,0,0,.88) 100%); }
.game-card img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.game-card.is-missing::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 20%,rgba(216,176,74,.22),transparent 38%),linear-gradient(145deg,#172033,#05070c); }
.game-card h3 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; }
.game-card p { margin:5px 0 0; color:#cbd5e1; font-size:.86rem; }
.game-section-heading { margin:40px 0 10px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.8rem,4vw,2.7rem); }
@media(max-width:900px){.game-page-hero{grid-template-columns:1fr}.game-page-art{max-width:560px}.games-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.games-lobby-grid{grid-template-columns:1fr}.game-page{width:min(100% - 12px,1220px)}.game-widget-shell{padding:8px;border-radius:18px}}