.games-zone{margin-block:2rem;padding:1.2rem;border:1px solid #bdd2cc;border-radius:1rem;background:#ffffff80}.games-zone>h2{margin-top:0}.games-zone>p{max-width:85ch;margin-bottom:1.2rem}.games-zone-group{background:#e0eeea}.indices-card-visual{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f6f5e9;display:flex;align-items:center;justify-content:center}.indices-card-visual svg{width:100%;height:100%;fill:#286573;stroke:#286573;stroke-width:6}.indices-card-visual svg>circle{fill:#fff9e9;stroke:none}.indices-card-visual g circle{fill:#fff9e9;stroke:#c78a33;stroke-width:3}.indices-card-visual text{fill:#245864;stroke:none;text-anchor:middle;font:700 24px Arial,sans-serif}.indices-card-visual span{position:absolute;bottom:.6rem;left:.8rem;right:.8rem;font-weight:700;color:#245864;text-align:center;font-size:.85rem}.games-zone-group .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-zone-group .game-tile{max-width:44rem}@media(max-width:650px){.games-zone{padding:.8rem}.games-zone-group .games-grid{grid-template-columns:1fr}}
/* Watercolour observation cues replace the abstract fish icon. */
.indices-card-observation{background:#e2efed}.indices-card-observation>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.indices-card-observation>svg{position:absolute;inset:0}.indices-card-observation .observation-lines{fill:none;stroke:#fffbee;stroke-width:7;filter:drop-shadow(0 2px 2px #143b45)}.indices-card-observation .observation-tags circle{fill:#fffbee;stroke:#bd8432;stroke-width:4}.indices-card-observation .observation-tags text{font-size:29px;font-weight:800;fill:#1b5964;stroke:none}.indices-card-observation span{bottom:0;left:0;right:0;padding:.5rem;background:#fffbeeef}.differences-card-visual{position:relative;display:flex;gap:4%;align-items:center;justify-content:center;aspect-ratio:16/9;background:#e1efeb;padding:5%}.differences-card-visual>div{width:46%;height:88%;overflow:hidden;border:5px solid #fffbf1;border-radius:.5rem;box-shadow:0 6px 12px #163f4526;transform:rotate(-6deg)}.differences-card-visual>div+div{transform:rotate(6deg)}.differences-card-visual img{width:100%;height:100%;object-fit:cover;display:block}.differences-card-visual b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:17%;aspect-ratio:1;border-radius:50%;background:#fffbf1;border:3px solid #bbd3cc;color:#175c69;font-size:clamp(32px,4vw,80px)}.games-zone-group .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.games-zone-group .game-tile{max-width:none}.games-zone-group .game-tile>div:last-child{display:flex;flex-direction:column;flex:1}.games-zone-group .game-tile .button{margin-top:auto;align-self:flex-start}@media(max-width:1000px){.games-zone-group .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.games-zone-group .games-grid{grid-template-columns:1fr}}
/* Override the shared menu's four-column layout only in the group section. */
.public-modern .jeux-wrap .games-zone-group .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-modern .jeux-wrap .games-zone-group .game-tile>.indices-card-visual{display:block;flex:none;width:100%;padding:0;aspect-ratio:16/9}
.public-modern .jeux-wrap .games-zone-group .game-tile>.differences-card-visual{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:5%;aspect-ratio:16/9}
.games-zone-group .game-tile .availability{margin-top:auto}
@media(max-width:1000px){.public-modern .jeux-wrap .games-zone-group .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.public-modern .jeux-wrap .games-zone-group .games-grid{grid-template-columns:1fr}}
/* The introductory animal/plant activity comes first in the learning sequence. */
.public-modern .jeux-wrap .games-zone-group .games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.public-modern .jeux-wrap .games-zone-group .game-tile>.living-card-visual{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex:none;aspect-ratio:16/9;width:100%;padding:0;overflow:hidden;background:#e1efeb}
.living-card-visual>img{display:block;width:50%;height:100%;object-fit:cover;object-position:center}.living-card-visual>b{position:absolute;display:grid;place-items:center;left:50%;top:50%;transform:translate(-50%,-50%);width:18%;aspect-ratio:1;border-radius:50%;border:3px solid #bd8432;background:#fffbee;color:#19454f;font-size:clamp(28px,3vw,62px);line-height:1;font-family:Arial,sans-serif}
@media(max-width:1499px){.public-modern .jeux-wrap .games-zone-group .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.public-modern .jeux-wrap .games-zone-group .games-grid{grid-template-columns:1fr}}

/* Copyright is part of the visible frame, independent of image cropping. */
.public-modern .jeux-wrap .game-tile>.game-thumbnail{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;flex:none;background:#f9f7ed}.public-modern .jeux-wrap .game-tile>.game-thumbnail-home{aspect-ratio:4/3}.game-thumbnail>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.game-thumbnail>.thumbnail-copyright{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}

.games-zone-home .game-tile>div:last-child{display:flex;flex-direction:column;flex:1}.games-zone-home .game-tile>div:last-child>.button{margin-top:auto;align-self:flex-start}