/* Static themed artwork; switching courses adds no 3D render passes. */
.island-backdrop{background-image:url('assets/island-v13.png');background-color:#267c98}
.island-backdrop::before,.island-backdrop::after{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .32s ease;pointer-events:none}
.island-backdrop::before{background-image:url('assets/select-winter-v33.webp')}
.island-backdrop::after{background-image:url('assets/select-night-v33.webp')}
.island-backdrop[data-track="ridge"]::before,.island-backdrop[data-track="city"]::after{opacity:1}
.track-stage[data-track="ridge"]{background:linear-gradient(#1b355957,transparent 42%,#102e596b)}
.track-stage[data-track="city"]{background:linear-gradient(#24134366,transparent 42%,#25163b77)}
.track-stage[data-track="ridge"] .flow-heading em{color:#e0ecff}.track-stage[data-track="city"] .flow-heading em{color:#ffcf84}
@media(prefers-reduced-motion:reduce){.island-backdrop::before,.island-backdrop::after{transition:none}}
.island-backdrop[data-track="aquarium"]{background-image:url('assets/select-aquarium-v32.webp')}
.track-stage[data-track="aquarium"]{background:linear-gradient(#072e5050,transparent 42%,#072e5077)}
#chooseAquarium{--course-color:#73edfa;background:linear-gradient(150deg,#187d9ddc,#314d92df);border-color:#79ebed}
#trackScreen .track-cards{grid-template-columns:repeat(4,minmax(0,1fr));left:4%;right:4%;gap:10px}
#trackScreen .track-card strong{font-size:clamp(13px,1.7vw,19px)}
@media(max-height:550px){#trackScreen .track-cards{left:3%;right:3%;gap:7px}#trackScreen .track-card{padding:8px}#trackScreen .track-card small{font-size:11px}#trackScreen .track-card svg{max-height:75px}}