.game-category,.game-play-page{padding:clamp(1.5rem,4vw,3rem) 0 5rem;min-width:0}
html[data-theme="light"] .game-category,html[data-theme="light"] .game-play-page{--accent-light:#5742bd;--text-muted:#667085;--green:#087f62}
.game-hub-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,5vw,4rem);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:var(--radius-lg);background:radial-gradient(circle at 86% 20%,rgba(0,184,148,.17),transparent 28%),linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,var(--bg-secondary)),var(--bg-secondary) 62%,color-mix(in srgb,var(--blue) 18%,var(--bg-secondary)));box-shadow:var(--shadow)}
.game-eyebrow{margin:0 0 .55rem;color:var(--accent-light);font-size:.75rem;font-weight:800;letter-spacing:.18em}.game-hub-hero h1{margin:0;color:var(--text-primary);font-size:clamp(2rem,5vw,3.7rem);line-height:1.1;letter-spacing:-.045em}.game-hub-hero p:not(.game-eyebrow){max-width:42rem;margin:.9rem 0 0;color:var(--text-secondary);font-size:1.05rem}.game-hero-icon{font-size:clamp(4rem,10vw,7rem);filter:drop-shadow(0 15px 25px var(--accent-glow))}
.game-category-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.game-category-links a{display:inline-flex;min-height:44px;align-items:center;padding:.45rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-size:.88rem;font-weight:650}.game-category-links a:hover,.game-category-links a.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 15%,var(--bg-card));color:var(--text-primary)}.game-category-links a:focus-visible{outline:3px solid var(--accent-light);outline-offset:2px}
.game-catalog,.game-news{margin-top:clamp(2rem,5vw,3.5rem)}.game-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.game-section-heading h2{margin:0;color:var(--text-primary);font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.03em}.game-section-heading>span{color:var(--text-muted);white-space:nowrap}.game-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}.game-card{display:grid;grid-template-columns:minmax(260px,40%) minmax(0,1fr);overflow:hidden;border:1px solid var(--border-hover);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow)}.game-card-art{position:relative;display:flex;min-height:300px;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 70% 20%,#fbbf24 0 3%,transparent 4%),linear-gradient(145deg,#38bdf8,#2563eb 45%,#312e81);color:#fff}.game-card-art:before,.game-card-art:after{position:absolute;content:"";border-radius:50%;background:rgba(255,255,255,.15)}.game-card-art:before{width:220px;height:80px;top:20%;left:-10%}.game-card-art:after{width:280px;height:100px;bottom:12%;right:-15%}.game-card-art strong{z-index:1;text-align:center;font-size:clamp(2rem,4vw,3.5rem);line-height:.98;letter-spacing:-.06em;text-shadow:0 5px 14px #172554}.game-card-art span{position:absolute;top:14%;left:18%;z-index:1;font-size:2rem}.game-card-art i{position:absolute;right:18%;top:20%;font-size:1.5rem}.game-card-content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:clamp(1.35rem,4vw,3rem)}.game-card-meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:var(--text-muted);font-size:.85rem}.game-status{padding:.3rem .65rem;border-radius:999px;background:rgba(0,184,148,.15);color:var(--green);font-weight:700}.game-card-content h3{margin:1rem 0 .65rem;color:var(--text-primary);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2}.game-card-content p{margin:0;color:var(--text-secondary);line-height:1.75}.game-controls{margin-top:1.2rem!important;font-size:.95rem}.game-controls strong{color:var(--text-primary)}.game-play-button{display:inline-flex;gap:.8rem;align-items:center;margin-top:1.8rem;padding:.85rem 1.35rem;border:0;border-radius:.8rem;background:var(--accent);color:#fff;font:inherit;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;cursor:pointer}.game-play-button:hover{background:color-mix(in srgb,var(--accent) 80%,#000);color:#fff;transform:translateY(-2px)}.game-play-button:focus-visible,.game-news-item:focus-visible,.game-pagination a:focus-visible{outline:3px solid var(--accent-light);outline-offset:3px}.game-play-button.disabled{background:#475569;color:#cbd5e1}
.game-news-list{border-top:1px solid var(--border-hover)}.game-news-item{display:grid;grid-template-columns:minmax(8rem,10rem) minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.1rem .25rem;border-bottom:1px solid var(--border);color:var(--text-secondary);text-decoration:none}.game-news-item:hover strong{color:var(--accent-light)}.game-news-item time{color:var(--text-muted);font-size:.85rem}.game-news-item strong{color:var(--text-primary);overflow-wrap:anywhere}.game-news-arrow{font-size:1.3rem}.game-empty{padding:1.5rem;color:var(--text-muted);border:1px dashed var(--border-hover);border-radius:var(--radius)}.game-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;color:var(--text-muted)}.game-pagination a{padding:.55rem .85rem;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary)}
.game-sort-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.25rem 0 .85rem;color:var(--text-muted);font-size:.9rem}.game-sort-bar a{display:inline-flex;min-height:44px;align-items:center;padding:.35rem .8rem;border-radius:var(--radius-sm);color:var(--text-secondary)}.game-sort-bar a.active,.game-sort-bar a:hover{background:var(--accent);color:#fff}.game-sort-bar a:focus-visible,.game-pagination a:focus-visible{outline:3px solid var(--accent-light);outline-offset:2px}
.game-play-page .container{max-width:1100px}.game-play-header{margin-bottom:1.25rem}.game-back-link{color:var(--accent-light);text-decoration:none}.game-play-header h1{margin:.75rem 0 .3rem;color:var(--text-primary)}.game-play-header p,.game-play-help{color:var(--text-secondary)}.game-frame-shell{position:relative;overflow:hidden;aspect-ratio:16/10;min-height:420px;border:1px solid var(--border-hover);border-radius:1rem;background:#0f172a}.game-frame-shell iframe{display:block;width:100%;height:100%;min-height:420px;border:0;background:#0f172a}.game-load-error{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;text-align:center;color:#fecaca;background:rgba(69,10,10,.9)}.game-load-error[hidden]{display:none}.game-play-actions{display:flex;gap:.75rem;align-items:center;margin-top:1rem}.game-play-actions .btn-primary,.game-play-actions .btn-secondary{border:0;border-radius:.65rem;padding:.75rem 1rem;text-decoration:none;cursor:pointer}.game-play-actions .btn-primary{background:var(--accent);color:#fff}.game-play-actions .btn-secondary{background:var(--bg-card);color:var(--text-primary)}.game-play-help{font-size:.9rem}
@media(max-width:700px){.game-hub-hero{padding:1.4rem}.game-hero-icon{font-size:3.25rem}.game-card{grid-template-columns:minmax(0,1fr)}.game-card-art{min-height:clamp(170px,52vw,230px)}.game-news-item{grid-template-columns:minmax(0,1fr) auto;gap:.35rem}.game-news-item time{grid-column:1/-1}.game-frame-shell{aspect-ratio:auto;height:clamp(360px,70svh,620px);min-height:0}.game-frame-shell iframe{height:100%;min-height:0}.game-play-actions{flex-wrap:wrap}}
@media(max-width:380px){.game-hub-hero{gap:.5rem}.game-hero-icon{font-size:2.5rem}.game-card-content{padding:1.15rem}.game-section-heading{align-items:center}}
@media(prefers-reduced-motion:reduce){.game-play-button{transition:none}}

.game-card-art{min-height:0;aspect-ratio:16/9;background:#1e293b}
.game-card-art:before,.game-card-art:after{content:none}
.game-card-art span,.game-card-art strong,.game-card-art i{display:none}
.game-card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.game-card-art:not(:has(img)){min-height:300px;aspect-ratio:auto;background:radial-gradient(circle at 70% 20%,#fbbf24 0 3%,transparent 4%),linear-gradient(145deg,#38bdf8,#2563eb 45%,#312e81)}
.game-card-art:not(:has(img)):before,.game-card-art:not(:has(img)):after{content:""}
.game-card-art:not(:has(img)) span,.game-card-art:not(:has(img)) strong,.game-card-art:not(:has(img)) i{display:revert}
@media(max-width:700px){.game-card-art:not(:has(img)){min-height:clamp(170px,52vw,230px)}}