@font-face{font-family:Archivo;src:url('/game/fonts/archivo.woff2')}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 15%,#124653 0,transparent 55%),#071e27;color:#fff4d9;font-family:Archivo,Arial,sans-serif}header,footer{padding:20px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aac9b222}nav{display:flex;gap:24px}a{color:#dbe6cd;text-underline-offset:5px}main{max-width:1600px;margin:auto;padding:28px 4vw}.heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#eed292;font-weight:700}h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.055em;line-height:1;margin:12px 0}p{line-height:1.6;color:#bed5d4}.heading>div>p:last-child{margin-bottom:0}.rules-note{display:grid;gap:6px;text-align:right;font-size:11px;color:#aec8c9}.rules-note b{color:#b9fa85;letter-spacing:.12em;font-size:10px}.rules-note span{display:block}.game{--mint:#baff78;position:relative;overflow:hidden;border:1px solid #629592;border-radius:22px;box-shadow:0 30px 90px #0005,0 0 65px #36c4b011;background:#0a2833}.viewport{position:relative;height:clamp(540px,45vw,680px);isolation:isolate;overflow:hidden}.viewport:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -80px 80px -55px #061c28dd;z-index:1}#sea{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}#sea:focus{outline:none}#sea:focus-visible{outline:2px solid #efdba7}.hud{display:grid;grid-template-columns:130px 1fr 1fr auto;gap:24px;align-items:center;padding:19px 25px;background:linear-gradient(110deg,#174956,#092b39);border-bottom:1px solid #72bbbb66}.hud span{display:block;font-size:10px;letter-spacing:.12em;color:#b6d5d7;margin-bottom:6px;font-weight:650}.hud strong{font-size:42px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.045em}.hud small{font-size:11px;color:#c5dbd7;display:block;margin-top:6px}.hud .clock{position:relative;border-right:1px solid #c7d7bf33}.clock strong{color:#ffe2a0}.clock small{display:inline;margin-left:7px}.score strong{color:#baff78}.cargo strong{color:#8ff4ed}.time-track,.load-track{height:4px;background:#41636a;margin-top:10px;border-radius:4px;overflow:hidden;max-width:95px}.load-track{max-width:135px}.time-track i,.load-track i{height:100%;width:100%;display:block;transform-origin:left;background:#ffda83}.load-track i{background:#77eee3;transform:scaleX(0)}.heavy .load-track i{background:#ffd17c}.hud-actions{display:grid;grid-template-columns:auto auto;gap:7px}.hud-actions #help{grid-column:1/-1}.hud-actions button{background:#08273488;border:1px solid #81b5b35c;color:#e2f1e7;padding:8px 12px;font-size:11px}.hud-actions b{color:#baff78;margin-left:8px}button{font:inherit;border:1px solid #e1cf9b88;border-radius:10px;background:#c4fc86;color:#12333a;padding:14px 22px;cursor:pointer;font-weight:750;transition:background .2s,box-shadow .2s,transform .2s}button:hover:not(:disabled){background:#ddffb2;box-shadow:0 0 25px #b9ff7133;transform:translateY(-1px)}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #fff8d2;outline-offset:4px}
.cover{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:4%;background:linear-gradient(90deg,#041b2af7 0%,#041c29df 28%,#071e2840 65%,#09293411);pointer-events:none}.cover-card{max-width:480px;width:44%;pointer-events:auto}.cover h2{font-size:clamp(36px,4.6vw,67px);font-weight:850;letter-spacing:-.05em;line-height:.98;margin:19px 0;color:#fff6d9;text-shadow:0 2px 30px #031725}.cover p{font-size:14px;color:#d3e8e3;max-width:360px}.cover .eyebrow{font-size:9px;color:#f5d98b}.cover-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.cover #start{min-width:230px;font-size:17px;box-shadow:0 5px 0 #638c4c,0 10px 30px #061c2566}.cover #start:after{content:' ↗';margin-left:20px}.cover #replay{background:#082b39d9;color:#ebf3d5;font-size:12px}.cover .control-hint{font-size:10px;color:#b3d0ce;margin-top:22px;line-height:2}kbd{font:inherit;border:1px solid #a9dbd34d;border-bottom-width:2px;padding:2px 5px;border-radius:4px;color:#e7f2e1}.loot-values{display:flex;gap:12px;margin-top:25px}.loot-values>div{display:flex;align-items:center;gap:7px}.loot-values svg{width:45px;height:47px;filter:drop-shadow(0 3px 6px #0006)}.ivory{filter:saturate(.2) brightness(1.2)!important}.loot-values span{font-size:9px;color:#b5cdce}.loot-values b{display:block;font-size:26px;color:#ffe6a3;margin-top:3px}.loot-values small{font-size:10px;font-weight:400}.best-line{padding-top:16px;border-top:1px solid #7eb8b333;font-size:9px!important;letter-spacing:.1em;margin:20px 0 0}.best-line b{font-size:19px;color:#ffdf8a;margin:0 7px;letter-spacing:0}.best-line span{letter-spacing:0}.court-seal{align-self:flex-start;display:grid;justify-items:center;margin:0 2% 0 0;padding:20px 23px;background:radial-gradient(ellipse,#173f48dc,#072b3966);border:1px solid #d5c38355;border-radius:100px 100px 18px 18px;transform:rotate(5deg);color:#ffe1a0}.court-seal svg{width:80px;height:75px;filter:drop-shadow(0 0 18px #c5ffdb88)}.court-seal span{font-size:8px;letter-spacing:.13em;margin:8px 0}.court-seal b{font-size:23px;letter-spacing:-.04em}.court-seal small{font-size:9px;margin-top:6px;color:#c4dbd1}[hidden]{display:none!important}.art-defs{position:absolute;width:0;height:0;overflow:hidden}
.in-water{position:absolute;z-index:3;bottom:18px;left:22px;right:22px;display:flex;align-items:end;justify-content:space-between;gap:15px;pointer-events:none}.objective{max-width:370px;border:1px solid #87d9bd66;border-left:4px solid #baff78;padding:12px 16px;background:linear-gradient(100deg,#062534f7,#072432dd);border-radius:12px}.objective>span{font-size:10px;font-weight:750;letter-spacing:.12em;color:#c5fa97}.objective p{font-size:12px;line-height:1.45;margin:7px 0 0;color:#f0f1df}.bank-track{height:6px;background:#456564;margin-top:9px;border-radius:6px;overflow:hidden}.bank-track i{display:block;height:100%;width:100%;transform-origin:left;background:#bdff7b}.touch{display:flex;align-items:end;gap:12px;pointer-events:none}#dash{pointer-events:auto;position:relative;overflow:hidden;background:#c1fb82;color:#113746;border:1px solid #deffae;min-width:115px;min-height:74px;padding:12px 18px;box-shadow:0 4px 0 #456d4d}#dash:disabled{opacity:1;background:#123a4de8;color:#c0d3ce;border-color:#5d8995;box-shadow:none}#dash span{display:block;font-size:22px;letter-spacing:-.04em}#dash b{margin-left:6px}#dash small{display:block;font-size:9px;font-weight:650;letter-spacing:.04em;margin-top:7px}#dash i{transform-origin:left;position:absolute;bottom:0;left:0;height:4px;background:#6ebf55;width:100%}#map{width:120px;height:72px;border:1px solid #9dc4be88;border-radius:10px;background:#082a37c9}.race-strip{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:13px 22px;background:#082a36;border-top:1px solid #84c3b344}.race-strip ol{padding:0;margin:0;list-style:none;display:flex;gap:10px;flex:1;max-width:710px}.race-strip li{display:flex;align-items:center;gap:10px;background:#123b47;border:1px solid #709c9b44;border-radius:9px;padding:9px 15px;flex:1;font-size:12px;position:relative}.race-strip .leader{border-color:#e6d38999;background:linear-gradient(110deg,#425149,#153c44)}.race-strip li:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--fish-color,#9ae9da)}.race-strip li b{font-size:24px;font-variant-numeric:tabular-nums;color:#fff4d9;margin-left:auto}.pearl-clock{display:grid;grid-template-columns:44px 1fr;align-items:center;min-width:200px}.pearl-clock svg{width:39px;height:40px;grid-row:1/3}.pearl-clock p{font-size:12px;margin:0;color:#ffdf9d}.pearl-track{height:3px;background:#355365;margin-top:6px}.pearl-track i{display:block;background:#ffe099;width:100%;height:100%;transform-origin:left;transform:scaleX(0)}.scene-tag{position:absolute;left:0;top:0;transform:translate(-50%,-100%);font-size:10px;white-space:nowrap;color:#edf4e8;background:#062332ed;border:1px solid #9dcab355;border-radius:6px;padding:5px 8px;pointer-events:none;z-index:2;box-shadow:0 3px 12px #041c2633}.scene-tag.you{color:#e4ffc9;border-color:#baff78}.scene-tag.bank{font-size:9px;letter-spacing:.05em;background:#16343bf2}.scene-tag.bank.home{color:#d4ffb0;border-color:#baff78}.scene-tag.pearl{color:#ffe6a8;border-color:#f2da8b77}.announcement{position:absolute;top:20px;left:50%;transform:translateX(-50%);max-width:90%;text-align:center;padding:12px 23px;border:1px solid #ecd69c88;border-radius:30px;background:#082734f5;color:#ffe5a7;z-index:4;font-size:15px;font-weight:700;box-shadow:0 4px 30px #041c2644;pointer-events:none}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;font-weight:850;color:#e3ffb5;text-shadow:0 3px 55px #031825;z-index:4;pointer-events:none}.countdown.paused{font-size:36px;background:#07253299;backdrop-filter:blur(3px)}[data-phase=loading] .in-water,[data-phase=ready] .in-water,[data-phase=finished] .in-water{display:none}.urgent #time{color:#ffb88c}.urgent #time-fill{background:#ff9f78}.urgent .hud{border-bottom-color:#ffba8c}.urgent .objective{border-left-color:#ffc78a}.pickup-number{position:absolute;z-index:3;color:#efffd1;font-size:25px;font-weight:850;letter-spacing:-.04em;text-shadow:0 2px 5px #042737,0 0 10px #042737;pointer-events:none;white-space:nowrap;transform:translate(-50%,-100%)}.pickup-number.banked{color:#c3ff79;font-size:33px}#steer-target{position:absolute;z-index:2;width:32px;height:32px;border:2px solid #ddffc2aa;border-radius:50%;box-shadow:0 0 0 7px #caff8b18;transform:translate(-50%,-50%);pointer-events:none}#steer-target:after{content:'';position:absolute;width:4px;height:4px;left:12px;top:12px;border-radius:50%;background:#f1ffe0}#home-cue{position:absolute;left:12px;top:43%;z-index:3;background:#123b37ed;border:1px solid #c4ff84;border-radius:9px;padding:10px;color:#e0ffc0;font-size:11px;pointer-events:none}
#results{margin-top:16px;max-width:380px}.result-score{display:flex;align-items:center;gap:14px;margin-bottom:12px}.result-score strong{font-size:72px;font-weight:850;color:#c4ff86;letter-spacing:-.06em;line-height:1}.result-score span{font-size:12px;color:#d6e7d5;line-height:1.7}.result-score b{display:block;color:#ffe39b;font-size:16px}#results ol{list-style:none;margin:0;padding:0;border:1px solid #bccca244;border-radius:9px;overflow:hidden;background:#062632d9}#results li{padding:9px 13px;border-bottom:1px solid #9ab9ae22;display:flex;gap:16px;align-items:center;font-size:12px}#results li:last-child{border:0}#results li b{margin-left:auto;color:#f3d994}#results .you{background:#47795b55}.result-stats{display:flex;gap:20px;margin-top:14px}.result-stats span{color:#bdd6d0;font-size:9px}.result-stats b{display:block;font-size:19px;color:#fff0cf;margin-bottom:4px}[data-phase=finished] .cover h2{font-size:43px;margin:12px 0}[data-phase=finished] .cover p{font-size:12px}[data-phase=finished] .cover .best-line{display:none}[data-phase=finished] .cover-actions{margin-top:16px}[data-phase=finished] .control-hint{margin:13px 0 0}.instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.instructions>div{position:relative;background:linear-gradient(125deg,#16434a99,#0b2e39);border:1px solid #5c8c8955;border-radius:17px;padding:27px;overflow:hidden}.instructions span{color:#dbca96;font-size:10px;letter-spacing:.1em;font-weight:700}.instructions h3{font-size:25px;letter-spacing:-.035em;margin:17px 0 10px}.instructions p{font-size:13px;max-width:310px;margin-bottom:0}.instruction-art,.bank-art{width:68px;height:67px;display:block;margin-bottom:22px;filter:drop-shadow(0 6px 15px #0005)}.bank-art{position:relative}.bank-art svg{width:58px;height:52px}.bank-art b{position:absolute;bottom:0;left:15px;font-size:10px;white-space:nowrap;background:#bcf98c;color:#143d3a;border-radius:5px;padding:4px 8px}.after{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #adc4ac33;font-size:12px}footer{justify-content:flex-start;gap:30px;font-size:12px}.skip{position:absolute;left:16px;top:-80px;z-index:10;padding:12px;background:#fff4d9;color:#092a34}.skip:focus{top:12px}dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 36px);background:#0d3340;color:#f4f4db;border:1px solid #78b6b5;border-radius:20px;padding:30px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#021722bf;backdrop-filter:blur(5px)}dialog h2{font-size:35px;line-height:1.04;letter-spacing:-.05em;margin:18px 0}dialog p,dialog li{font-size:13px;line-height:1.65}dialog li{margin-bottom:12px;color:#c8dfda}dialog li b{color:#f6edcb}dialog ol{padding-left:20px}.close-guide{float:right;padding:3px 11px;background:#174956;color:#e8f6dd;border-color:#739391;font-size:25px}.guide-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-block:1px solid #62948b55;padding:18px 0}.guide-controls p{margin:6px 0 0;font-size:12px}.guide-warning{border-left:3px solid #f3d489;padding-left:12px;color:#ffe8b3}.primary{width:100%}
@media(max-width:1000px){.hud{grid-template-columns:100px 1fr 1fr auto;gap:18px}.cover-card{width:55%}.court-seal{padding:15px;transform:rotate(4deg)}.race-strip{gap:14px}.race-strip li{padding:9px}.pearl-clock{min-width:175px}.instructions>div{padding:22px}.viewport{height:600px}.cover h2{font-size:52px}}
@media(max-width:700px){header{padding:18px 5vw}header img{width:85px}header nav{gap:14px;font-size:11px}main{padding:22px 4vw}.heading{display:block;margin-bottom:22px}.heading>div>p:last-child{font-size:13px}.rules-note{text-align:left;margin-top:16px;gap:5px;font-size:10px}.rules-note b{display:none}.game{border-radius:16px}.viewport{height:590px;min-height:0}.hud{grid-template-columns:70px 1fr 1fr;gap:12px;padding:14px}.hud strong{font-size:34px}.hud span{font-size:8px;letter-spacing:.08em}.hud small{font-size:9px;line-height:1.3}.clock small{display:none}.time-track{max-width:50px}.load-track{max-width:85px}.hud-actions{grid-column:1/-1;display:flex;border-top:1px solid #6eb5b533;padding-top:10px}.hud-actions #help{margin-right:auto}.hud-actions button{padding:7px 10px;font-size:10px}.cover{padding:26px 22px;align-items:end;background:linear-gradient(0deg,#041c29fc 0%,#041c29f0 54%,#041c2944 85%,transparent 100%)}.cover-card{width:100%;max-width:none}.cover h2{font-size:46px;margin:14px 0}.cover p{font-size:13px}.cover .eyebrow{font-size:8px}.cover .control-hint{font-size:9px;margin-bottom:0;margin-top:18px}.cover-actions{margin-top:21px}.cover #start{width:100%;font-size:16px;min-width:0}.cover #replay{width:100%;padding:9px}.loot-values{gap:15px;margin-top:18px;justify-content:space-between}.loot-values>div{gap:5px}.loot-values svg{width:33px;height:40px}.loot-values span{font-size:8px}.loot-values b{font-size:24px}.court-seal{position:absolute;right:19px;top:20px;padding:10px 15px;border-radius:45px 45px 10px 10px}.court-seal svg{width:49px;height:43px}.court-seal span{font-size:6px;margin:3px 0}.court-seal b{font-size:16px}.court-seal small{display:none}.best-line{margin-top:17px;padding-top:12px;font-size:8px!important}.in-water{bottom:12px;left:12px;right:12px;gap:10px}.objective{padding:9px 11px;max-width:210px}.objective p{font-size:10px}.objective>span{font-size:8px}.touch{gap:8px;flex-direction:column}#map{width:82px;height:49px}#dash{min-width:84px;min-height:64px;padding:8px 10px}#dash span{font-size:19px}#dash small{font-size:8px}.race-strip{padding:12px;display:block}.race-strip ol{gap:7px}.race-strip li{font-size:10px;padding:9px 8px;gap:5px}.race-strip li b{font-size:21px}.race-strip li:before{width:5px;height:5px}.pearl-clock{margin-top:9px;grid-template-columns:33px 1fr}.pearl-clock svg{width:27px;height:30px}.pearl-clock p{font-size:10px}.pearl-track{margin-top:0}.scene-tag{font-size:9px;padding:4px 6px}.scene-tag.bank{font-size:8px;max-width:90px;white-space:normal;text-align:center}.announcement{font-size:12px;top:15px;padding:10px 14px;width:max-content;max-width:90%}.instructions{grid-template-columns:1fr;gap:12px;margin:24px 0}.instructions>div{padding:20px 20px 20px 105px;min-height:150px}.instruction-art,.bank-art{position:absolute;left:20px;top:25px;width:62px}.instructions h3{font-size:22px;margin:10px 0}.instructions p{font-size:12px;margin:0}.after{display:block}footer{flex-wrap:wrap}[data-phase=finished] .court-seal{display:none}[data-phase=finished] .cover{align-items:center;background:linear-gradient(90deg,#041c29f7,#041c29c9)}[data-phase=finished] .cover h2{font-size:37px}.result-score strong{font-size:65px}.result-stats{gap:22px}dialog{padding:24px}.guide-controls{gap:13px}dialog h2{font-size:31px}}
@media(max-width:360px){.hud{gap:8px;padding:12px}.hud strong{font-size:30px}.hud small{font-size:8px}.cover{padding:22px 17px}.cover h2{font-size:42px}.loot-values{gap:6px}.loot-values svg{width:27px}.race-strip li{padding:8px 6px}.instructions>div{padding-left:88px}.instruction-art,.bank-art{width:50px;left:18px}header nav{font-size:10px;gap:10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover:not(:disabled){transform:none}}

.hud-actions #focus{grid-column:1/-1}.game-expanded{overflow:hidden}.game.expanded{position:fixed;inset:12px;z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:0 0 0 30px #041b26}.expanded .viewport{height:100%;min-height:0}.expanded .cover-card{max-height:100%;overflow:auto;padding-bottom:8px}.expanded .cover{padding:3%}.expanded .race-strip{padding-block:10px}
@media(max-width:700px){.hud-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}.hud-actions #focus{grid-column:auto;font-size:9px}.hud-actions #help{grid-column:auto;margin:0;grid-row:1;grid-column:1}.hud-actions #sound{grid-row:2;grid-column:1/3}.hud-actions #pause{grid-row:2;grid-column:3}.hud-actions #focus{grid-row:1;grid-column:2/4}.game.expanded{inset:6px}.expanded .hud{padding:10px 12px;gap:7px}.expanded .hud strong{font-size:29px}.expanded .hud-actions{display:flex;flex-wrap:wrap;padding-top:7px}.expanded .hud-actions button{font-size:9px;padding:6px 7px}.expanded .hud-actions #help{margin-right:auto}.expanded .cover{padding:20px}.expanded .cover h2{font-size:39px}.expanded .cover .control-hint{margin-top:13px}.expanded .best-line{display:none}.expanded .court-seal{display:none}.expanded .cover-actions{margin-top:15px}.expanded .race-strip{padding:8px 10px}.expanded .race-strip li{padding:6px}.expanded .pearl-clock{margin-top:4px}.expanded .cover .eyebrow{margin-top:0}}

/* Keep the first dive easy to reach, and controls readable on small screens. */
.cover .control-hint{font-size:12px}.objective p{font-size:13px}#dash small{font-size:10px}.race-strip li.you{box-shadow:inset 3px 0 #baff78;border-color:#baff7880}
@media(max-width:700px){.heading{margin-bottom:18px}.heading h1{font-size:44px}.rules-note{margin-top:10px}.viewport{height:510px}.cover{padding:22px}.cover .control-hint{font-size:11px;line-height:1.8;margin-top:15px}.cover h2{font-size:43px}.cover .best-line{display:none}.court-seal{display:none}.objective p{font-size:11px}.objective>span{font-size:9px}#dash small{font-size:9px}.expanded[data-phase=ready] .viewport,.expanded[data-phase=loading] .viewport{height:100%}}
.hud-actions button:hover:not(:disabled){background:#235766;color:#fff5dc}.hud-actions button:focus-visible{outline-offset:2px}
.cover-card{max-height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#80b4ad #0a2c39}

/* Keep the next deposit visible: carried treasure is still at risk. */
.haul-bar{display:flex;align-items:center;gap:22px;padding:12px 25px;background:linear-gradient(100deg,#123e46,#0a2634);border-block:1px solid #80c8b533}.haul-bar>div{display:flex;align-items:center;gap:16px}.haul-bar span{font-size:10px;letter-spacing:.08em;color:#c7e2dd}.haul-bar strong{white-space:nowrap;color:#d0fcb2;font-size:27px;font-variant-numeric:tabular-nums}.haul-bar strong small{font-size:10px}.haul-bar p{margin:0;font-size:12px}.haul-bar .haul-direction{margin-left:auto;color:#baff78;white-space:nowrap}.haul-bar.bonus-ready{background:linear-gradient(100deg,#305044,#152f33);border-color:#f2d18466}.bonus-ready strong{color:#ffe19a}.expanded{grid-template-rows:auto minmax(0,1fr) auto auto!important}.scene-tag.rival{max-width:220px;font-size:10px}.pickup-number{font-size:27px;text-shadow:0 2px 0 #062431,0 0 14px #8ef4cd88}.pickup-number.banked{color:#ffdf89;font-size:30px}
@media(max-width:700px){.haul-bar{padding:10px 13px;gap:5px 12px;flex-wrap:wrap}.haul-bar>div{gap:10px}.haul-bar>div>span{font-size:8px}.haul-bar strong{font-size:23px}.haul-bar p{font-size:10px;order:3;flex-basis:100%;margin:0}.haul-bar .haul-direction{font-size:9px}.scene-tag.rival{font-size:8px;max-width:170px}.expanded .haul-bar{padding-block:5px}.expanded .haul-bar p{display:none}}

.salvage-medals{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.salvage-medals span{padding:8px 12px;border:1px solid #e5ce7760;border-radius:30px;background:#50472855;color:#ffe391;font-weight:700}