.game-page{background:radial-gradient(circle at 20% 12%,rgba(56,189,248,.12),transparent 28%),radial-gradient(circle at 78% 78%,rgba(236,72,153,.12),transparent 30%),linear-gradient(180deg,#020617fa,#0f172a);color:#e2e8f0;min-height:100vh;overflow:hidden;position:relative}.game-background{inset:0;pointer-events:none;position:fixed;z-index:0}.game-grid{background-image:linear-gradient(rgba(148,163,184,.18) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 0);background-size:44px 44px;inset:0;opacity:.08;position:absolute}.game-blob{border-radius:999px;filter:blur(110px);opacity:.28;position:absolute}.game-blob--violet{background:#8b5cf64d;height:24rem;left:22%;top:4%;width:24rem}.game-blob--pink{background:#ec489938;bottom:12%;height:22rem;right:10%;width:22rem}.game-shell{margin:0 auto;padding:8.25rem 0 5rem;position:relative;width:min(1080px,calc(100% - 32px));z-index:1}.game-topbar{margin-bottom:1.5rem}.game-back-button,.game-card,.game-hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172abd;border:1px solid rgba(148,163,184,.16);border-radius:28px;box-shadow:0 24px 80px #02061757;overflow:hidden;position:relative}.game-back-button{align-items:center;color:#f8fafc;display:inline-flex;font-weight:700;gap:.65rem;min-height:3.4rem;padding:.85rem 1.1rem}.game-card,.game-hero{position:relative}.game-card:before,.game-hero:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent 44%,rgba(96,165,250,.03));content:"";inset:0;pointer-events:none;position:absolute}.game-hero{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);margin-bottom:1.75rem;padding:2rem}.game-kicker,.game-panel-kicker{color:#94a3b8db;font-size:.78rem;font-weight:700;letter-spacing:.24em;margin:0 0 .85rem;text-transform:uppercase}.game-title{color:#f8fafc;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.06em;line-height:1;margin:0}.game-subtitle{color:#e2e8f0d1;font-size:1.02rem;line-height:1.8;margin:1rem 0 0;max-width:42rem}.game-hero-panel{background:radial-gradient(circle at top right,rgba(167,139,250,.16),transparent 26%),linear-gradient(180deg,#0f172ae6,#0f172aad);border:1px solid rgba(148,163,184,.12);border-radius:24px;padding:1.5rem}.game-panel-title{color:#f8fafc;font-size:1.5rem;font-weight:800;margin:0}.game-panel-text{color:#e2e8f0c2;line-height:1.8;margin:.9rem 0 0}.game-grid-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.game-card{display:flex;flex-direction:column;gap:1.1rem;padding:1.45rem}.game-card-head{display:flex;gap:1rem}.game-card-icon{align-items:center;background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid rgba(167,139,250,.16);border-radius:20px;display:inline-flex;font-size:1.5rem;height:3.4rem;justify-content:center;width:3.4rem}.game-card-copy{flex:1}.game-card-title{color:#f8fafc;font-size:1.35rem;font-weight:800;margin:0}.game-card-description{color:#e2e8f0c2;font-size:.95rem;line-height:1.8;margin:.65rem 0 0}.game-card-meta{background:#0f172a7a;border:1px solid rgba(148,163,184,.1);border-radius:20px;display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.9rem}.game-meta-item{display:flex;flex-direction:column;gap:.45rem}.game-meta-label{color:#94a3b8;font-size:.78rem}.game-meta-value{color:#f8fafc;font-size:1.2rem}.game-card-difficulty{display:flex;gap:.35rem}.game-card-difficulty-dot{background:#94a3b847;border-radius:999px;height:.55rem;width:.55rem}.game-card-difficulty-dot-active{background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 0 12px #a855f759}.game-card-actions{margin-top:auto}.game-card-play-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:700;min-height:3.2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.game-card-play-btn:hover{box-shadow:0 16px 30px #8b5cf647;transform:translateY(-2px)}.game-overlay{background:#020617f5;inset:0;position:fixed;z-index:50}@media(max-width:900px){.game-shell{padding-top:7.4rem;width:min(100% - 24px,1080px)}.game-hero{grid-template-columns:1fr}}@media(max-width:768px){.game-shell{padding-bottom:4rem;padding-top:7rem;width:min(100% - 20px,1080px)}.game-card,.game-hero{border-radius:24px;padding:1.25rem}}