.intro{padding-top:10px;padding-bottom:22px}h1{font-size:52px}.mechanic{display:flex;gap:12px;padding:13px 15px;background:#edf4ec;border:1px solid #dae7da;border-radius:13px;margin-top:17px}.mechanic>span{font-size:25px;min-width:28px;color:#1f8884}.mechanic strong{font-size:13px}.mechanic p{font-size:12px;line-height:1.5;color:#527370;margin:4px 0 0}.route-line{fill:none;stroke:#208e91;stroke-width:21;stroke-linecap:round;stroke-linejoin:round}.route-line.trail-two{stroke:#d3884d}.route-line.guide-two,#guideLine{stroke:#fff9dc;stroke-width:9;stroke-dasharray:8 17;opacity:.95}.route-line.guide-two{stroke:#ffd4a3}.swimmer{position:absolute;width:19%;height:13.3%;z-index:3;pointer-events:none;transform:translate(-50%,-50%);transition:left .12s ease,top .12s ease;filter:drop-shadow(0 3px 2px #12444133)}.swimmer.inactive{opacity:.7;filter:saturate(.8)}.swimmer.home-fish{opacity:.55}.swimmer[hidden],.fish-switcher[hidden],[hidden]{display:none!important}.fish-switcher{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.fish-choice{display:flex;align-items:center;gap:7px;text-align:left;padding:5px 10px;background:#f0f5ed;min-height:58px;border-width:2px}.fish-choice canvas{width:52px;height:37px}.fish-choice>span{font-size:13px}.fish-choice small{display:block;color:#587773;font-size:10px;margin-top:2px}.fish-choice[aria-pressed=true]{border-color:#208e91;background:#def0e9}.fish-choice.owner-1[aria-pressed=true]{border-color:#c58147;background:#fff0d9}.cell.owner-1 .pearl{background:radial-gradient(circle at 35% 30%,#fff8e4 10%,#ffc877 55%,#cf843b 100%)}.cell.owner-0.home{color:#287f84}.cell.owner-1.home{color:#b96c35}.cell .tile-number{position:absolute;bottom:5px;left:5px;border-radius:50%;background:#fffdf3;color:#174b50;font-family:system-ui,sans-serif;font-size:10px;font-weight:750;min-width:17px;height:17px;line-height:17px;text-shadow:none;border:1px solid #9bbdb5}.cell.owner-1 .tile-number{color:#8d4c21;border-color:#d6a572}.cell.collected .tile-number{opacity:.4}.cell.portal{background:#c6c1e647}.portal-icon{color:#6656a2;font-family:system-ui,sans-serif;font-size:38px}.cell.portal .tile-number{color:#6656a2;border-color:#a59acd}.cell.key,.cell.gate{background:#f3db9b44}.key-icon{color:#895d13;font-size:34px}.gate-icon{color:#85641f;font-size:38px;border:2px solid #a8873e;border-radius:6px;line-height:1;padding:0 4px}.cell.gate.unlocked{background:#bfe4bd55}.cell.unlocked .gate-icon{opacity:.3;border-style:dashed;color:#316c4c}.cell.key-held .key-icon{opacity:.25}.cell.visited-two{background:#f0c78e35}.under-board{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;color:#687b64;font-size:11px}.under-board:has([hidden]):not(:has(:not([hidden]))){display:none}.under-board span{padding:5px 9px;border-radius:20px;background:#f1efd9}.journey-card h2{font-size:26px}.journey-card .chapter-label{display:block;margin:4px 0 8px;padding:0}.journey-card select{width:100%;min-width:0;min-height:46px;padding:10px 8px;background:#fffdf5;color:#153f49;border:1px solid #bfd0bf;border-radius:10px;font:600 13px system-ui,sans-serif}.journey-card select:focus-visible{outline:3px solid #dc9c3c}.journey-card #chapterNote{min-height:37px;font-size:12px;margin:12px 0}.levels{grid-template-columns:repeat(3,1fr);gap:9px}.level{min-height:54px;font-size:18px}.level small{font-size:11px;letter-spacing:0}.chapter-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.chapter-nav span{font-size:11px;color:#607870}.chapter-nav button{padding:7px 13px}.new-waters{padding:24px 4px}.new-waters>div{display:flex;align-items:center;gap:13px;margin:15px 0}.new-waters b{min-width:35px;height:35px;display:grid;place-items:center;background:#e1ece2;border-radius:10px;font-size:19px;color:#387c75}.new-waters strong{display:block;font-size:13px}.new-waters small{display:block;font-size:12px;color:#658076;margin-top:4px}.new-waters>p:last-child{font-size:12px;color:#658076;line-height:1.5}.board[data-water="3"],.board[data-water="6"]{background:linear-gradient(155deg,#dfebd1,#b7d3c1)}.board[data-water="4"]{background:linear-gradient(155deg,#d4dff0,#b6c9e4)}.board[data-water="5"]{background:linear-gradient(155deg,#d8eadd,#b8d9d1)}.board[data-water="7"]{background:linear-gradient(155deg,#dcd7eb,#b7ced6)}
@media(max-width:900px){.game-top{flex-direction:column;align-items:flex-start}.game-top h2{font-size:21px}.journey-card h2{font-size:23px}.mechanic{padding:11px;gap:9px}}
@media(max-width:680px){h1{font-size:39px}h1 span{font-size:24px}.intro .dek{font-size:12px;max-width:245px}.game-top{flex-direction:row;align-items:center;flex-wrap:wrap}.game-top h2{font-size:20px}.game-top .eyebrow{font-size:8px;letter-spacing:1px}.mechanic{margin-top:12px}.mechanic p{font-size:11px}.mechanic>span{font-size:22px}.stats{padding:12px 0}.fish-choice{padding:5px 7px}.fish-choice canvas{width:44px;height:32px}.fish-choice>span{font-size:12px}.cell .tile-number{bottom:2px;left:2px;font-size:9px;min-width:14px;height:14px;line-height:13px}.portal-icon{font-size:31px}.gate-icon{font-size:28px}.key-icon{font-size:28px}.levels{grid-template-columns:repeat(6,1fr);gap:7px}.level{font-size:16px;min-height:49px}.level small{font-size:9px}.journey-card h2{font-size:25px}.new-waters{display:grid;grid-template-columns:1fr;gap:0}.new-waters>div{margin:9px 0}.win{flex-wrap:wrap}.intro{padding-bottom:18px}}
@media(max-width:360px){main{padding-left:8px;padding-right:8px}.game{padding:10px}.intro{padding-left:5px;padding-right:5px}h1{font-size:35px}h1 span{font-size:21px}.intro .dek{max-width:210px}.hero-art{width:75px}.game-top .mode-switch button{font-size:11px}.stats{gap:20px}}
@media(prefers-reduced-motion:reduce){.swimmer{transition:none!important}}