.play-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 24px;margin:0 0 20px;border:1px solid #b8cce2;border-left:4px solid #3c75ae;border-radius:10px;background:linear-gradient(105deg,#fafdff,#e8f1fb)}
.play-next>div{min-width:0}.play-next small,.play-start small{color:#587ba2;font-size:11px;letter-spacing:.04em}.play-next h2{font-size:21px;color:#244b76;line-height:1.5;margin:5px 0}.play-next p,.play-start p{font-size:12px;line-height:1.8;color:#627e9b;margin:5px 0}.play-next>.btn{flex-shrink:0;max-width:100%;white-space:normal;line-height:1.6}.play-start{display:flex;align-items:center;gap:28px;padding:32px;margin-bottom:22px}.play-start-art{display:grid;place-items:center;min-width:116px;height:116px;border-radius:50%;background:#e8f1fb}.play-start-art .icon{width:100px;height:100px}.play-start h2{font-size:25px;line-height:1.5;margin:8px 0}.play-start .btn{margin:14px 8px 0 0}.play-reward{color:#315e8b!important;background:#e9f2fb;border-radius:6px;padding:12px;font-size:12px;line-height:1.8}.play-warning{color:#9b4e45!important}.treasure-workspace,.fishing-workspace,.dive-workspace{grid-template-columns:minmax(0,1fr) minmax(250px,310px);align-items:start}.play-controls{padding:23px}.play-controls h3{display:flex;align-items:center;gap:6px;margin-bottom:18px}.play-controls .ad-job small{display:block;line-height:1.8}.play-controls .ad-job strong{color:#345e91;font-size:23px}.play-costs{display:flex;flex-wrap:wrap;gap:12px;padding:14px 0;font-size:11px;color:#6d829c}.play-costs b{display:block;color:#355f8d;font-size:15px;margin-top:5px}.survey-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:11px;margin:20px 0;color:#5d7da0}.survey-record{border-top:1px solid #dbe5f0;padding:15px 0;font-size:11px;line-height:1.8;color:#6f85a0}.survey-record summary{cursor:pointer;color:#436b94}.survey-record p{margin-top:10px}.ad-grid{max-width:none;gap:5px;background:transparent}.ad-cell{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;aspect-ratio:1.08;min-height:0;padding:6px 2px}.ad-cell b{display:grid;place-items:center;min-height:30px}.ad-cell b .icon{width:35px;height:35px}.ad-cell>span{font-size:10px;line-height:1.4}.ad-cell.beacon{background:#d8eafa;border-color:#8db4da;color:#2e649b}.ad-cell.beacon:not(:disabled){box-shadow:inset 0 0 0 1px #86afd5}.ad-cell.measured{background:#eef3f8;box-shadow:none}.ad-cell.here{color:white;background:#497aac;border-color:#315e91}.ad-cell.here small{color:#d2e1f1}.ad-cell.candidate{background:#e5effc;border:1px solid #648fbf;box-shadow:inset 0 0 0 1px #648fbf}.ad-cell.route-cell{background:#c9def2;border-style:dashed}.ad-cell.reef{background:repeating-linear-gradient(45deg,#d4dde6,#d4dde6 4px,#c8d3df 4px,#c8d3df 6px);color:#7e8e9e}.ad-cell:not(:disabled):hover{background:#b8d8f5;box-shadow:inset 0 0 0 2px #457bae}.ad-cell:focus-visible,.ad-fish-cell:focus-visible,.ad-pipe:focus-visible{outline:3px solid #315e91;outline-offset:3px}.ad-map-head{padding:7px 0;background:none;align-items:center}.ad-map-legend{background:none;line-height:1.7}.play-stock{font-size:12px;color:#6d849e;margin:10px 0}.play-stock b{font-size:24px;color:#315e91}.ad-fish-cell{aspect-ratio:1.3;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;padding:13px 4px 9px;overflow:hidden}.ad-fish-cell .fish-school{display:flex;justify-content:center;align-items:center;gap:1px;min-height:24px;width:100%}.fish-school svg{width:27%;max-width:30px;height:24px;flex-shrink:0}.fish-school em{font-size:12px;letter-spacing:0;font-style:normal;color:#8aa1b5}.ad-fish-cell strong{font-size:11px;font-weight:500}.ad-fish-cell .fish-best{font-size:9px;top:3px;bottom:auto;right:4px;background:#386da2;color:white;padding:2px 4px;border-radius:3px}.ad-fish-cell.fish-density-0{background:#f0f5f8;border-color:#d5e0e9;color:#87a1b4}.ad-fish-cell.fish-density-1{background:#e2eef8;color:#5b8fba}.ad-fish-cell.fish-density-2{background:#c6e0f3;color:#3b77a8}.ad-fish-cell.fish-density-3{background:#9cc7e7;color:#205f95;border-color:#689ec8}.ad-fish-cell.netted{background:#3977ae!important;color:white!important;border-color:#285b8c;box-shadow:inset 0 0 0 2px white}.ad-fish-cell.netted small{color:#e3effa}.ad-fish-cell:not(:disabled):hover{box-shadow:inset 0 0 0 2px #3c75a9;transform:translateY(-1px)}.ad-fish-stock .ad-relic-mark svg{width:45px;height:35px;fill:currentColor}.ad-pipe.pipe-hint{outline:3px solid #3b81be;outline-offset:1px;z-index:1}.pipe-turn{position:absolute;right:8px;bottom:4px;font-size:26px;color:#1e5187;background:#edf6ffd9;border-radius:50%;width:32px;height:32px}.dive-checks p{border-bottom:1px solid #e1e9f2;padding:10px 0;color:#8799ad;font-size:12px}.dive-checks .complete{color:#2e6c99}.dive-workspace .ad-pipes{max-width:540px;margin:auto}.play-controls .ad-pressure button{font-size:12px;min-height:43px}
@media(max-width:1100px){.play-next{align-items:flex-start;gap:15px;flex-wrap:wrap}.treasure-workspace,.fishing-workspace,.dive-workspace{grid-template-columns:minmax(0,1fr) minmax(220px,260px)}.ad-cell>span{font-size:9px}.ad-cell b .icon{width:30px;height:30px}.ad-cell{aspect-ratio:.95}.ad-fish-cell{aspect-ratio:1}}
@media(max-width:900px){.treasure-workspace,.fishing-workspace,.dive-workspace{grid-template-columns:minmax(0,1fr)}.play-controls{padding:19px}.ad-cell{aspect-ratio:1.1}.play-next{padding:18px;gap:12px}.play-next h2{font-size:19px}.play-start{padding:22px;gap:18px}.play-start-art{min-width:80px;height:80px}.play-start-art .icon{width:70px;height:70px}.play-start h2{font-size:21px}}
@media(max-width:560px){.play-next{padding:15px;gap:10px}.play-next>.btn{width:100%;font-size:12px}.play-next h2{font-size:18px}.play-start{display:block;padding:20px}.play-start-art{display:none}.play-start .btn{width:100%;margin-right:0}.ad-cell{aspect-ratio:.88;padding:12px 1px 3px;gap:0}.ad-cell b{min-height:24px}.ad-cell b .icon{width:25px;height:25px}.ad-cell>span{font-size:8px}.ad-cell small{font-size:8px;top:3px}.ad-grid{gap:3px}.ad-map-head small{font-size:10px}.ad-fish-cell{aspect-ratio:.86;gap:4px;padding-top:19px}.ad-fish-cell strong{font-size:9px}.ad-fish-cell .fish-school{min-height:21px}.ad-fish-cell .fish-best{font-size:7px;padding:1px 2px;top:4px}.fish-school svg{width:30%;height:18px}.salvage-stages{gap:8px}.salvage-stages button{padding:9px;font-size:11px;gap:5px}}

.trade-lead-steps{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#7c91aa;margin-top:12px}.trade-lead-steps .complete{color:#2d6c97;font-weight:600}.trade-lead-steps .btn{margin-left:12px}.module-foot .tag{white-space:normal;line-height:1.7;text-align:left}.play-warning .btn{margin-left:8px}

.btn.primary:hover:not(:disabled){color:#fff}
@media(min-width:901px){.treasure-workspace .ad-grid{width:min(100%,clamp(370px,calc(110vh - 621.5px),620px));margin:auto;gap:4px}.treasure-workspace .ad-cell{aspect-ratio:1.1}.treasure-workspace .ad-cell b .icon{width:28px;height:28px}.treasure-workspace .ad-cell>span{font-size:9px}.dive-workspace .ad-pipes{width:min(100%,clamp(320px,calc(100vh - 565px),500px))}}