/* Three standalone brain games + online rankings and responsive 4-column catalog */
#games .game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#games .game-card{min-width:0;border-radius:18px;overflow:hidden}
#games .game-card .card-content{padding:16px 14px 15px;gap:9px}
#games .game-card h3{font-size:19px!important;line-height:1.15!important;margin:8px 0!important}
#games .game-card p{font-size:12px!important;line-height:1.45!important;margin:7px 0!important;min-height:49px}
#games .cover{aspect-ratio:16/9!important;border-radius:0!important}
#games .small-btn{font-size:12px!important;padding:11px!important;max-width:100%}
.fg-game-count{font-size:11px;color:#aebee1;display:block;margin-top:5px}
.fg-feature-strip{padding-top:40px!important;padding-bottom:48px!important}
.fg-feature-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}
.fg-feature-head h2{font-weight:900;letter-spacing:-.035em;font-size:clamp(21px,3vw,32px);margin:0}
.fg-feature-head a{color:#ffb275;font-weight:800;font-size:12px}
.fg-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fg-mini-card{display:flex;flex-direction:column;border:1px solid #5775a36e;border-radius:15px;background:#172341;overflow:hidden;color:#fff;text-decoration:none;padding-bottom:10px;transition:transform .16s,border-color .16s}
.fg-mini-card:hover{transform:translateY(-3px);border-color:#fba46a}
.fg-mini-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.fg-mini-card strong{padding:9px 10px 2px;font-size:14px}
.fg-mini-card small{color:#99bad6;padding:0 10px 2px;font-size:11px}
.fg-info{color:#a5b9d5;font-size:13px;background:#26355440;padding:12px;border-radius:12px;grid-column:1/-1}
.fg-leaderboard{background:linear-gradient(135deg,#1e2b4e,#11182d);border:1px solid #536e9e;border-radius:18px;padding:18px;max-width:720px}
.fg-leaderboard label{display:inline-block;margin-right:10px;font-size:13px;color:#b2c9ea}
.fg-leaderboard select{border-radius:10px;padding:10px 12px;background:#172646;color:#fff;border:1px solid #7688b9;max-width:90%}
.fg-ranking{list-style:none;margin:12px 0 0;padding:0}.fg-ranking li{display:flex;justify-content:space-between;border-bottom:1px solid #778bc044;padding:12px 5px;gap:12px}
.fg-contact-nav{position:relative;align-self:center;color:#fff;font-size:13px}
.fg-contact-nav summary{cursor:pointer;font-weight:800;list-style:none;padding:8px 9px}.fg-contact-nav summary::-webkit-details-marker{display:none}
.fg-contact-nav>a{display:block!important;background:#1a2b4c!important;color:#fff!important;padding:12px 16px!important;white-space:nowrap;text-decoration:none!important;border-bottom:1px solid #ffffff22!important}
.fg-contact-nav[open]{z-index:120}.fg-contact-nav[open]>a{position:relative;z-index:120}
.fg-contact-nav[open]{background:#1a2b4c;border:1px solid #5572a9;border-radius:12px;box-shadow:0 12px 30px #0007}
.fg-only-color{display:flex;align-items:center;gap:22px;background:linear-gradient(100deg,#502b96,#a04799);border:1px solid #dca9ff;border-radius:22px;padding:18px;color:#fff;text-decoration:none}
.fg-only-color img{width:40%;max-width:330px;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
.fg-only-color h3{font-size:24px;margin:8px 0}.fg-only-color p{margin:4px 0 17px}.fg-only-color small{color:#ffd68a;font-weight:900}
@media(min-width:1000px){#nav{gap:10px!important}#nav a{font-size:12px!important;padding:8px!important}}
@media(max-width:1150px){#games .game-grid,.fg-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){#games .game-grid,.fg-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-contact-nav{width:100%}.fg-contact-nav>a{position:relative}}
@media(max-width:540px){#games .game-grid,.fg-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#games .game-card .card-content{padding:11px!important}#games .game-card h3{font-size:15px!important}#games .game-card p{font-size:11px!important;min-height:43px}#games .game-card .mini-tag{font-size:9px!important}#games .cover-play{padding:7px 10px;font-size:12px;right:8px;bottom:8px}.fg-mini-card strong{font-size:12px}.fg-mini-card small{font-size:10px}.fg-only-color{flex-direction:column;padding:13px;align-items:flex-start}.fg-only-color img{width:100%;max-width:100%}.fg-only-color h3{font-size:20px}.fg-feature-strip{padding-top:12px!important}.fg-feature-head{align-items:flex-start}.fg-feature-head h2{font-size:20px}}

/* November stable logo and legibility */
.header .brand-logo, footer .brand-logo {border-radius:50%!important;object-fit:cover!important;object-position:center center!important;background:#112554!important;border:2px solid #ffa862!important;box-shadow:0 0 0 3px #13244b,0 0 18px #ff913f55!important;padding:0!important;display:block!important}
.planet-core{overflow:hidden!important;border-radius:50%!important;background:#10234e!important}
.planet-core img{object-fit:cover!important;border-radius:50%!important;object-position:center center!important;padding:0!important}
.header nav a,.header nav summary{font-size:14px!important;font-weight:800!important}
@media(max-width:900px){.header nav a,.header nav summary{font-size:13px!important}}