:root{--navy:#020e23;--deep:#062b5b;--blue:#075da1;--cyan:#61d4e6;--foam:#d6f5ee;--pink:#ffb7a4;--ink:#07152e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--foam);font-family:"DM Mono",monospace}.game-shell{background:#86dcea;color:var(--ink);padding:12px}.game-header{height:56px;background:var(--foam);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:0 18px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.logo{color:var(--ink);text-decoration:none;font:14px "Press Start 2P",monospace;letter-spacing:-1px}.logo span{color:#ee6d67;font:19px Georgia,serif;margin-left:4px}.game-header nav{display:flex;gap:25px}.game-header nav a,.sound{color:var(--ink);font:10px "DM Mono",monospace;text-transform:uppercase;text-decoration:none;border:0;background:none;cursor:pointer;padding:8px}.game-stage{height:max(660px,calc(100vh - 80px));min-height:660px;max-height:900px;border:4px solid var(--ink);border-top:0;position:relative;overflow:hidden;background:linear-gradient(#9ce9ef 0%,#4fbfd3 25%,#0876b5 26%,#034a91 60%,#062b5b 100%)}.sky{height:26%;position:absolute;left:0;right:0;top:0;background:linear-gradient(#98e8eb,#d2f8ee);border-bottom:4px solid var(--ink)}.sun{width:70px;height:70px;background:#ffe881;position:absolute;right:14%;top:20px;box-shadow:6px 6px 0 #f49371}.cloud{position:absolute;height:12px;background:var(--foam);box-shadow:12px -8px 0 var(--foam),24px 0 0 var(--foam),36px 4px 0 var(--foam)}.cloud-a{left:10%;top:55px}.cloud-b{left:52%;top:35px;transform:scale(.7)}.sea-lines{position:absolute;top:26%;height:10px;left:0;right:0;background:repeating-linear-gradient(90deg,#d8f6ef 0 30px,transparent 30px 48px);z-index:1}.boat{position:absolute;top:18%;left:14%;width:92px;height:45px;z-index:2}.boat i{position:absolute;bottom:0;width:92px;height:20px;background:var(--ink);clip-path:polygon(0 0,100% 0,82% 100%,19% 100%)}.boat b{position:absolute;bottom:20px;left:42px;width:4px;height:42px;background:var(--ink)}.boat em{position:absolute;bottom:31px;left:46px;width:38px;height:27px;background:#ef7c70;clip-path:polygon(0 0,100% 45%,0 100%)}.status-row{position:absolute;z-index:2;top:calc(26% + 24px);left:24px;right:24px;display:flex;justify-content:space-between;color:var(--foam);font-size:10px;text-shadow:2px 2px var(--ink)}.depth-meter,.oxygen{position:absolute;z-index:3;border:3px solid var(--ink);background:var(--foam);box-shadow:4px 4px 0 var(--ink)}.depth-meter{left:24px;bottom:24px;width:154px;padding:9px}.depth-meter span,.oxygen span{display:block;font-size:9px}.depth-meter strong{font:16px "Press Start 2P",monospace;display:block;margin-top:8px}.depth-meter i{height:5px;display:block;background:#51c9d5;width:0;margin-top:8px;transition:width .3s}.oxygen{right:24px;bottom:24px;padding:9px 10px}.oxygen div{display:flex;gap:5px;margin-top:7px}.oxygen i{width:15px;height:18px;background:#66d9d7;border:2px solid var(--ink);display:block}.oxygen i.empty{background:#b8cbd0}.play-card{position:absolute;z-index:3;left:50%;top:55%;transform:translate(-50%,-50%);width:min(580px,86%);background:var(--foam);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:22px;text-align:center}.round-label,.scoreline{display:flex;justify-content:space-between;font-size:10px;margin:0}.round-label{padding-bottom:13px;border-bottom:2px solid #8ab5c4}.round-label span:last-child{color:#df5e63}.instruction{font-size:10px;color:#39728c;margin:27px 0 12px}.play-card h1{font:16px/1.65 "Press Start 2P",monospace;margin:0 0 24px;color:var(--ink)}#answer-form{display:flex;border:3px solid var(--ink);background:#fff}#answer{min-width:0;flex:1;border:0;background:transparent;padding:14px 12px;font:12px "DM Mono",monospace;color:var(--ink);outline:0}#answer::placeholder{color:#7b9bad}#answer-form button,.start-again{background:#f37a70;color:var(--ink);border:0;border-left:3px solid var(--ink);padding:0 15px;font:10px "Press Start 2P",monospace;cursor:pointer}.feedback{font-size:10px;min-height:16px;margin:16px 0;color:#326985}.feedback.good{color:#087050}.feedback.bad{color:#ca4450}.scoreline{border-top:2px solid #8ab5c4;padding-top:12px}.scoreline b{font-size:12px}.scoreline button{border:0;background:none;color:#276680;font:10px "DM Mono",monospace;cursor:pointer}.fish{position:absolute;color:#99eff0;font:25px "Press Start 2P",monospace;opacity:.7}.fish-one{top:60%;left:15%;animation:swim 11s linear infinite}.fish-two{top:43%;right:14%;font-size:16px;animation:swim 8s linear infinite reverse}.bubble{position:absolute;width:7px;height:7px;background:#b4eef0;border:2px solid #e7ffff;opacity:.6;animation:rise 5s linear infinite}.b1{left:22%;top:72%}.b2{left:77%;top:72%;animation-delay:1.7s}.b3{left:67%;top:83%;animation-delay:3.1s}.seabed{height:10%;position:absolute;bottom:0;left:0;right:0;background:#031d4c;border-top:5px solid #8cb1c8}.seabed i{position:absolute;bottom:0;width:26px;height:100px;background:#062453;border:4px solid #07152e;border-bottom:0;clip-path:polygon(0 100%,0 45%,20% 45%,20% 25%,45% 25%,45% 0,75% 0,75% 60%,100% 60%,100% 100%)}.seabed i:nth-child(1){left:7%}.seabed i:nth-child(2){right:15%;transform:scale(.7)}.seabed i:nth-child(3){right:5%;transform:scale(1.2)}.seabed b{position:absolute;bottom:0;width:4px;height:80px;background:#b96c98}.seabed b:nth-of-type(1){left:27%;height:48px}.seabed b:nth-of-type(2){left:29%;height:65px}.seabed b:nth-of-type(3){right:30%;height:43px}.start-again{position:absolute;z-index:5;left:50%;top:70%;transform:translateX(-50%);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:15px;white-space:nowrap}.hidden{display:none}.intro,.tiers,.world{padding:130px max(7vw,24px)}.intro{background:var(--foam);color:var(--ink)}.kicker{font:10px "Press Start 2P",monospace;color:#e26064;line-height:1.6;margin:0 0 25px}.intro h2,.section-heading h2,.world h2{font:clamp(31px,4.5vw,65px)/1.13 "Press Start 2P",monospace;letter-spacing:-3px;margin:0}.intro h2 em{color:#0a91aa;font-style:normal}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:940px;margin:72px 0 0 auto}.intro-grid p,.world-copy>p{font:15px/1.8 "DM Mono",monospace;margin:0}.tiers{background:#08356a}.section-heading{max-width:720px}.section-heading h2{color:var(--foam)}.tier-list{margin-top:75px;border-top:2px solid #537ba6}.tier-list article{min-height:76px;display:grid;grid-template-columns:38px 1.6fr .8fr 2fr;align-items:center;border-bottom:2px solid #537ba6;font-size:12px}.tier-list p{margin:0}.tier-list strong{font:14px "Press Start 2P",monospace}.tier-list small{color:#a9ccdc;font-size:11px}.dot{width:15px;height:15px;border:2px solid var(--ink);display:block}.plankton{background:#a5bcd0}.schooler{background:#61d4e6}.rare{background:#ffb160}.deepcut{background:#f37187}.krillion{background:#ffec78;box-shadow:0 0 12px #ffec78}.world{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;background:var(--navy);overflow:hidden}.world-copy{padding:45px 0}.world-copy h2{color:var(--foam);margin-bottom:34px}.world-copy>p{color:#a2c9dc;max-width:480px}.world-copy a{display:inline-block;color:#7ce5ed;text-decoration:none;font:10px "Press Start 2P",monospace;margin-top:45px;border-bottom:2px solid currentColor;padding-bottom:10px}.world-art{height:430px;position:relative;background:#09285b;border:4px solid #256b9c;box-shadow:8px 8px 0 #020917}.pixel-moon{position:absolute;width:66px;height:66px;background:#caeff1;right:18%;top:16%;box-shadow:7px 7px 0 #5ca9c5}.ruin{position:absolute;bottom:0;background:#2b5b88;border:4px solid #041a42}.ruin-a{left:12%;width:100px;height:190px;clip-path:polygon(0 100%,0 20%,25% 20%,25% 0,55% 0,55% 37%,100% 37%,100% 100%)}.ruin-b{right:12%;width:85px;height:140px;clip-path:polygon(0 100%,0 30%,30% 30%,30% 0,65% 0,65% 50%,100% 50%,100% 100%)}.jelly{position:absolute;width:34px;height:30px;background:#f690ad;border-radius:18px 18px 7px 7px;box-shadow:0 0 14px #ff8bb1}.jelly:after{content:"";position:absolute;width:3px;height:37px;background:#f690ad;left:8px;top:27px;box-shadow:10px 6px 0 #f690ad,20px 1px 0 #f690ad}.j1{left:39%;top:37%}.j2{right:37%;top:58%;transform:scale(.65)}footer{background:var(--foam);color:var(--ink);padding:28px max(7vw,24px);display:flex;align-items:center;justify-content:space-between;font-size:9px}@keyframes rise{to{transform:translateY(-190px);opacity:0}}@keyframes swim{50%{transform:translateX(55px)}}@media(max-width:700px){.game-shell{padding:7px}.game-header{height:51px;padding:0 10px;border-width:3px}.logo{font-size:10px}.game-header nav{display:none}.sound{font-size:8px;padding:4px}.game-stage{height:calc(100svh - 65px);min-height:620px;border-width:3px}.boat{left:7%;transform:scale(.7);transform-origin:left bottom}.status-row{left:13px;right:13px;font-size:8px}.status-row span:nth-child(2){display:none}.play-card{width:92%;padding:16px;top:54%;box-shadow:5px 5px 0 var(--ink)}.play-card h1{font-size:13px}.instruction{margin-top:20px}.depth-meter{left:13px;bottom:13px}.oxygen{right:13px;bottom:13px}.fish-one{left:6%}.intro,.tiers,.world{padding:78px 24px}.intro h2,.section-heading h2,.world h2{font-size:27px;letter-spacing:-2px}.intro-grid{grid-template-columns:1fr;gap:25px;margin-top:44px}.tier-list{margin-top:50px}.tier-list article{grid-template-columns:30px 1.3fr .75fr;min-height:82px}.tier-list small{display:none}.tier-list strong{font-size:10px}.world{grid-template-columns:1fr;gap:20px}.world-art{height:280px}footer{display:grid;gap:18px}.seabed{height:8%}}