:root{--text:#fff;--bg:#011c3d;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:19px/145% var(--sans);color:var(--text);background:var(--bg);background-image:url(/assets/underwater-DJow2aQ4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100svh}body{min-height:100svh;margin:0;padding:0}.fish-container{justify-content:center;align-items:center;width:clamp(1rem,50vw,100rem);display:flex}.fish-img{max-width:80%;height:auto;margin-left:clamp(1rem,10vw,20rem)}.flipped{transform:scaleX(-1)}.counterButton{flex-direction:column;align-items:center;width:clamp(1rem,50vw,100rem);margin-bottom:clamp(1rem,10vh,15rem);display:flex}.counter{color:#fff;margin-bottom:clamp(1rem,3vw,8rem);font-size:clamp(1rem,5vw,15rem);font-weight:700}.body button{cursor:pointer;color:#fff;background-color:#022585;border-radius:clamp(1rem,3.5vw,10rem);width:clamp(1rem,25vw,80rem);height:clamp(1rem,30vh,45rem);font-size:clamp(1rem,5vw,15rem);font-weight:600}@media (width<=768px){.header h1{margin-bottom:0;font-size:clamp(1rem,7vw,3rem)}.body{flex-direction:column;justify-content:center;gap:2rem;padding:0 2rem}.fish-img{order:1;max-width:80%;max-height:40vh;margin-top:3rem;margin-left:0}.counterButton{order:2;width:auto}.counter{font-size:40px}.body button{background-color:#022585;border:0;border-radius:25px;width:8rem;height:4rem;font-size:20px}}.fish-container{flex-shrink:0;justify-content:center;align-items:center;width:40%;height:100%;margin-left:5vw;display:flex}.fish-img{width:100%;margin-left:0}.options{opacity:.75;flex-direction:column;flex-shrink:0;justify-content:center;font-size:clamp(.2rem,2vw,11rem);font-weight:700;display:flex}.play{color:#fff;cursor:pointer;margin-left:0;padding-top:.63em;padding-bottom:.63em;text-decoration:none}.play:hover{color:#a6acfa;cursor:pointer;text-decoration:underline}.scenes{color:#fff;cursor:pointer;margin-left:2vw;padding-top:.63em;padding-bottom:.63em;text-decoration:none}.scenes:hover{color:#a6acfa;cursor:pointer;text-decoration:underline}.bonus{color:#fff;cursor:pointer;margin-left:4vw;padding-top:.63em;padding-bottom:.63em;text-decoration:none}.bonus:hover{color:#a6acfa;cursor:pointer;text-decoration:underline}.games{color:#fff;cursor:pointer;margin-left:6vw;padding-top:.63em;padding-bottom:.63em;text-decoration:none}.games:hover{color:#a6acfa;cursor:pointer;text-decoration:underline}.events{color:#fff;cursor:pointer;margin-left:8vw;padding-top:.63em;padding-bottom:.63em;text-decoration:none}.events:hover{color:#a6acfa;cursor:pointer;text-decoration:underline}.about{color:#fff;cursor:pointer;margin-left:10vw;padding-top:.63em;padding-bottom:.63em;text-decoration:none}.about:hover{color:#a6acfa;cursor:pointer;text-decoration:underline}@media (width<=768px){.app-container{align-items:flex-start;overflow-y:auto}.header{height:auto}.title{margin:0;font-size:9vw}.body{flex-direction:column;justify-content:flex-start;gap:1rem;width:100%;height:auto}.fish-container{width:70%;height:10%;margin-top:3rem;margin-bottom:1rem}.fish-img{width:60vw;height:auto;margin-top:2rem;margin-bottom:2rem}.options{width:100%;padding-left:10vw;font-size:8vw}.play{margin-left:0}.scenes{margin-left:9vw}.bonus{margin-left:18vw}.games{margin-left:27vw}.events{margin-left:36vw}.about{margin-left:45vw}}.app-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100svh;display:flex;position:relative;overflow:hidden}.header{border-radius:15px;justify-content:center;align-items:center;width:100%;height:15%;display:flex}.title{color:#fff;cursor:pointer;padding-top:.63em;padding-bottom:.63em;font-size:clamp(.5rem,5vw,20rem);font-weight:700;text-decoration:none}.body{flex-direction:row;justify-content:center;align-items:center;width:100%;height:75%;display:flex}.movie{width:70%;height:100%;margin-top:2rem}@media (width<=768px){.title{margin-top:0;margin-bottom:0;font-size:9vw}.body{flex-direction:column;justify-content:flex-start;width:100%;height:100%}}