.kids-tag { display: inline-block; padding: 9px 12px; border-radius: 20px; background: #343149; color: #e6d9ff; font-size: .78rem; font-weight: 800; white-space: nowrap; }
.kids-gallery { max-width: 1680px; margin: auto; }
.kids-gallery .breadcrumbs a { text-decoration: none; }
.kids-hero { margin: 10px 0 28px; padding: clamp(24px, 4vw, 50px); border: 1px solid #49415e; border-radius: 22px; background: radial-gradient(circle at 88% 18%, #53446a 0, transparent 31%), linear-gradient(130deg, #28233f, #171c2c 70%); }
.kids-eyebrow { color: #e2d1ff; font-size: .72rem; font-weight: 900; letter-spacing: .17em; }
.kids-hero h1 { margin-top: 14px; }
.kids-hero p { max-width: 670px; margin: 16px 0 0; color: #e5e0ed; line-height: 1.65; }
.kids-gallery .game-card h2 { margin: 0; font-size: .93rem; line-height: 1.35; }
.kids-gallery .game-cover { text-decoration: none; }
.kids-gallery .game-card[hidden] { display: none; }
.kids-gallery .game-card .play-button { opacity: 1; transform: none; }
.kids-gallery .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 900px; }
.kids-gallery .game-card .game-info { display: block; margin-top: 14px; }
.kids-gallery .game-card .game-info p:not(:first-child) { margin: 10px 0; color: #d3d9e4; font-size: .88rem; line-height: 1.6; white-space: normal; overflow: visible; text-overflow: clip; }
.kids-gallery .game-card .game-info a { color: #aee6ff; font-size: .85rem; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.kids-gallery .game-card .game-cover:focus-visible, .kids-gallery .game-card .game-info a:focus-visible { outline: 3px solid #e2d1ff; outline-offset: 3px; }
.kids-note { margin-top: 26px; color: var(--muted); font-size: .78rem; }
.kids-player-help { margin: 0; padding: 10px 14px; color: var(--muted); font-size: .75rem; }
.kids-error { padding: 20px; color: #f0d1b1; text-align: center; }
#kids-close { font-size: 2rem; line-height: 1; }
@media (max-width: 900px) { .kids-tag { font-size: .7rem; padding: 8px; } .kids-hero { margin-top: 0; } }
@media (max-width: 460px) { .kids-tag { display: none; } }
@media (max-width: 620px) { .kids-gallery .game-grid { grid-template-columns: 1fr; } }