/* Production navigation and supporting pages for the approved Living Ocean design. */
:root{color-scheme:light;scroll-padding-top:100px}
.swimming{--ink:#eaf6ef;--paper:#103c36;--mint:#93f2c5;--muted:#3c655e;--line:#b3d4c4}
.masthead{position:sticky;top:0;z-index:25;background:#eaf6ef;border-bottom:1px solid #b3d4c4}
.swimming .site-nav{height:78px}.site-nav nav{flex-wrap:nowrap;gap:8px}.site-nav nav a{justify-content:center;min-width:44px;padding:10px;border-radius:8px}.site-nav nav a[aria-current]{background:#d1e9d9;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.site-nav .brand{display:flex;align-items:baseline;min-height:44px;padding-block:10px;gap:3px}.site-nav .brand .dot{margin-left:0}
.swimming .skip{z-index:100;background:#103c36;color:#eaf6ef}
.swimming main>.wrap{width:100%}.swimming footer{width:min(1280px,91%);margin:auto}.swimming footer nav a{display:inline-flex;align-items:center;min-height:44px}
.game-navigation.wrap{width:100%}.game-navigation a:hover,.game-navigation a[aria-current]{background:#d1e9d9;color:#103c36}.game-navigation{gap:22px}.game-navigation-name{color:#103c36}
.information .detail-hero{padding:56px 0}.information .detail-hero h1{font-size:clamp(42px,6vw,76px);max-width:16ch}.information .detail-hero .lead{max-width:52ch;font-size:20px;color:#3c655e}.information .release{color:#285f4e;background:#d1e9d9;border:1px solid #b3d4c4}
.information .features{padding-block:54px}.information .features h2{font-size:30px;max-width:22ch}.information .features p{color:#3c655e}.information .detail-footer{border-color:#b3d4c4;margin-bottom:50px;gap:16px}.information .detail-footer a,.information .text-link{color:#205d50}
.information .document{max-width:860px;padding-block:54px 80px}.information .document h1{font-size:clamp(39px,6vw,66px);max-width:19ch;margin-bottom:28px}.information .document h2{font-size:29px;max-width:none;margin:36px 0 14px}.information .document p{margin-bottom:18px}.information .document li{margin-bottom:10px}.information .document a{color:#205d50}.information .document summary{min-height:44px;cursor:pointer}.information .small{color:#3c655e}
.information .game-name{margin-bottom:24px}.information .game-name img{border-radius:16px}.information .screens{padding-block:35px 55px}.information .gallery{gap:22px}.information .gallery .shot{border:0;border-radius:16px;background:#d1e9d9}.information .gallery figcaption{color:#3c655e}
.swimming .leaderboard-shell{padding-block:48px 70px}.swimming .leaderboard-shell h1{font-size:clamp(42px,6vw,70px);max-width:16ch}.swimming .board-tabs button{color:#3c655e;border-color:#b3d4c4;background:#eaf6ef}.swimming .board-tabs button[aria-selected="true"]{background:#143f38;color:#fff}.swimming .board-table{background:#eaf6ef;color:#103c36}.swimming .board-table th{color:#3c655e}.swimming .board-table td,.swimming .board-table th{border-color:#b3d4c4}
.swimming .lightbox{max-width:96vw;max-height:96dvh;padding:18px}.swimming .lightbox::backdrop{background:#092a25dc}.swimming .close-shot{min-height:44px;min-width:44px}.swimming .lightbox img{max-height:80dvh;max-width:90vw;object-fit:contain}
.swimming .screen-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.swimming .screen-gallery .capture:last-child{grid-column:auto;width:auto}.swimming .film-section video{aspect-ratio:9/16;background:#103c36}.swimming .hazard-art{overflow:visible}
@media(max-width:700px){.site-nav .brand{font-size:21px}.site-nav nav a{font-size:13px;padding-inline:8px}.swimming .site-nav{gap:8px;height:72px}.game-navigation{gap:4px}.swimming .screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.swimming .screen-gallery .capture:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.information .document{padding-top:36px}.information .detail-hero{padding-top:35px}.information .detail-hero .lead{font-size:18px}.information .features h2{font-size:28px}.swimming .film-section video{max-height:none}.swimming footer{font-size:14px}}
@media(max-width:360px){.site-nav .brand{font-size:19px}.site-nav nav{gap:0}.site-nav nav a{padding-inline:6px}.swimming .site-nav{gap:4px}}

/* Bring legacy content surfaces into the approved light palette. */
.swimming .peel-section{background:transparent}
.swimming .leaderboard-head p{color:#3c655e}
.swimming .leaderboard-card{background:#f3faf5;border-color:#b3d4c4;color:#103c36}
.swimming .leaderboard-note,.swimming .leaderboard-state,.swimming .leaderboard-scroll-hint:not([hidden]){color:#3c655e;border-color:#b3d4c4}
.swimming .score-table th,.swimming .score-table td:first-child,.swimming .score-table td:nth-child(3){color:#103c36}
.swimming .score-table td{border-color:#b3d4c4}
.swimming .score-table td:last-child{color:#3c655e}
.swimming .leaderboard-tabs button{background:#eaf6ef;color:#205d50;border-color:#83ad96}
.swimming .leaderboard-tabs button[aria-pressed="true"]{background:#143f38;color:#fff;border-color:#143f38}
.swimming .leaderboard-more{background:#143f38;color:#fff}
.swimming .stats dt{color:#205d50}

.swimming svg.creature{height:auto;overflow:hidden}