.sudoku-sea{position:relative;display:grid;grid-template-columns:1fr 300px;align-items:center;overflow:hidden}.sudoku-sea>div:first-child{position:relative;z-index:2}.sudoku-hero-fish{position:relative;width:210px;height:88px;margin:auto;border-radius:62% 45% 45% 62%;background:linear-gradient(#9deaf3 0 38%,#60cadf 39% 72%,#3092aa 73%);filter:drop-shadow(0 18px 22px #0005);animation:sudokuSwim 3.2s ease-in-out infinite}.sudoku-hero-fish:before{content:"";position:absolute;left:-70px;top:10px;border-right:80px solid #57bfd2;border-top:34px solid transparent;border-bottom:34px solid transparent}.sudoku-hero-fish:after{content:"";position:absolute;right:28px;top:23px;width:9px;height:9px;border:5px solid #071f2f;border-radius:50%;background:#fff}.sudoku-hero-fish i{position:absolute;left:80px;top:-28px;border-left:18px solid transparent;border-right:45px solid transparent;border-bottom:34px solid #378fa6}.sudoku-hero-fish b{position:absolute;left:76px;bottom:-24px;border-left:16px solid transparent;border-right:36px solid transparent;border-top:31px solid #378fa6}.sudoku-hero-fish span{position:absolute;left:34px;top:43px;width:27px;height:3px;border-radius:5px;background:#0c3b4b}.sudoku-bubbles i{position:absolute;border:1px solid #69d2e788;border-radius:50%;animation:bubbleRise 4s ease-in infinite}.sudoku-bubbles i:nth-child(1){right:7%;bottom:-20px;width:18px;height:18px}.sudoku-bubbles i:nth-child(2){right:19%;bottom:-45px;width:9px;height:9px;animation-delay:1.2s}.sudoku-bubbles i:nth-child(3){right:29%;bottom:-30px;width:13px;height:13px;animation-delay:2.1s}.shoal-meter{margin:0 0 12px}.shoal-meter>span{position:relative;display:block;height:10px;border-radius:99px;background:#dce8e5;overflow:hidden}.shoal-meter>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#69d2e733,#69d2e7aa);transform:scaleX(var(--shoal-progress,0));transform-origin:left;transition:transform .35s}.shoal-meter i{position:absolute;z-index:2;left:calc(var(--shoal-progress,0)*100% - 18px);top:1px;width:18px;height:8px;border-radius:60% 45% 45% 60%;background:#087f8c;transition:left .35s}.shoal-meter i:after{content:"";position:absolute;left:-5px;top:1px;border-right:6px solid #087f8c;border-top:3px solid transparent;border-bottom:3px solid transparent}.shoal-meter small{display:block;margin-top:6px;color:#71848c;font-size:8px;letter-spacing:1.3px;font-weight:900}.sudoku-grid{box-shadow:0 16px 45px #0b405019}.game-shell{background:linear-gradient(145deg,#fff 0 73%,#edf7f5)}@keyframes sudokuSwim{50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes bubbleRise{to{transform:translateY(-220px);opacity:0}}@media(max-width:760px){.sudoku-sea{display:block}.sudoku-hero-fish,.sudoku-bubbles{display:none}.shoal-meter{margin-top:2px}}@media(prefers-reduced-motion:reduce){.sudoku-hero-fish,.sudoku-bubbles i{animation:none}.shoal-meter i,.shoal-meter>span:after{transition:none}}
.sudoku-sea{min-height:300px;padding-bottom:54px!important}.sudoku-tuna{position:relative;z-index:2;display:block;width:min(260px,24vw);height:auto;margin:auto;filter:drop-shadow(0 18px 22px #0005);animation:sudokuSwim 3.2s ease-in-out infinite}.game-shell{margin:0 auto 55px!important;transform:translateY(-24px)}body[data-level="master"] .cell.related,body[data-level="master"] .cell.same{background:#fffdf7}body[data-level="master"] .cell.given.related,body[data-level="master"] .cell.given.same{background:#f1f3ed}body[data-level="master"] .cell.selected{background:var(--lime)}@media(max-width:760px){.sudoku-sea{min-height:auto;padding-bottom:46px!important}.sudoku-tuna{display:none}.game-shell{margin:0 auto 40px!important;transform:translateY(-16px)}}@media(prefers-reduced-motion:reduce){.sudoku-tuna{animation:none}}
.sudoku-tuna.hero-fish{position:relative;display:block;width:250px;height:104px;margin:auto;padding:0}.sudoku-tuna.hero-fish span{display:none}@media(max-width:900px){.sudoku-tuna.hero-fish{width:210px;height:88px}}@media(max-width:760px){.sudoku-tuna.hero-fish{display:none}}
.sudoku-tuna.hero-fish{animation:heroTunaSwim 3.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.sudoku-tuna.hero-fish{animation:none}}