@import url('../prints/prints.css');
main{max-width:1260px;margin:auto;padding:2.4rem 5vw 3rem}header nav{align-items:center}#sound{width:112px;flex:0 0 112px;font:inherit;font-size:13px;padding:8px 0;text-decoration:none}.demo{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--edge);padding:6px 10px;border-radius:5px}.heading{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem}.heading h1{font-size:clamp(36px,5.5vw,68px);letter-spacing:-.05em;line-height:1.04;margin:.3rem 0 .8rem}.heading p:last-child{margin:0;color:var(--muted);font-size:17px}.balance{display:grid;gap:.25rem;text-align:right;text-decoration:none;flex-shrink:0;font-size:12px;color:var(--muted)}.balance strong{font-size:32px;color:var(--paper);font-variant-numeric:tabular-nums}.balance span:first-child{font-size:11px;text-transform:uppercase;letter-spacing:.09em}#welcome{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.4rem;background:#173c40;border:1px solid #41636a;border-radius:10px;margin-bottom:1.4rem}#welcome p{max-width:62ch;margin:0;font-size:14px}#welcome .primary{flex-shrink:0}.game-board{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid #41656a;background:#073c46;min-height:445px;padding:1.2rem 2rem 1rem;transition:background .8s}.water{position:absolute;inset:0;z-index:-2;background:linear-gradient(#05293177,#021e2bdd),url('../companion/environments/deep.jpg') center 54%/cover;opacity:.7;transition:filter .8s,opacity .8s}.game-board[data-depth="3"] .water,.game-board[data-depth="4"] .water{filter:hue-rotate(15deg) brightness(.75)}.game-board[data-depth="5"] .water,.game-board[data-depth="6"] .water{filter:hue-rotate(30deg) brightness(.6)}.board-heading,.board-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;font:11px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#bee0df}.board-bottom{font:12px var(--sans);text-transform:none;letter-spacing:0;margin-top:.2rem;padding-top:1rem;border-top:1px solid #c3ebeb26}.board-bottom strong{color:#fff1c9;margin-left:.4rem;font-weight:600}.round-copy{text-align:center;min-height:90px;margin:1rem 0 .1rem}.round-copy .eyebrow{font-size:10px;color:#e6c985;margin:0 0 .6rem}.round-copy h2{font-size:clamp(26px,3.2vw,39px);margin:0 0 .5rem;letter-spacing:-.035em}.round-copy>p:last-child{margin:0;color:#bfd4d1;font-size:14px}#ladder{display:flex;gap:8px;list-style:none;padding:0;margin:1.15rem auto 0;max-width:620px}#ladder li{flex:1;text-align:center;padding:7px 2px;border-top:2px solid #84b1b344;font:11px var(--mono);color:#94b4b7}#ladder li.passed{border-color:#e9c66f;color:#ffe7a0}#ladder li.current{border-color:#fff4cc;color:#fff4cc;background:#efd6880b}.chests{display:flex;gap:4%;justify-content:center;max-width:890px;margin:0 auto;min-height:190px}.chest{position:relative;flex:1;min-width:0;max-width:240px;border:0;background:none;color:#e8d4a1;padding:0 0 8px;cursor:pointer;border-radius:12px;transition:transform .2s,background .2s}.chest-art{display:block;position:relative;aspect-ratio:1;isolation:isolate}.chest-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transition:opacity .23s;filter:drop-shadow(0 12px 10px #00151c66);pointer-events:none}.chest-art .chest-treasure,.chest-art .chest-empty{opacity:0;transform:scale(.93);transform-origin:50% 96%}.chest-label{display:block;font:10px var(--mono);letter-spacing:.13em;padding-top:5px}.chest:enabled:hover{transform:translateY(-4px)}.chest:disabled{cursor:default;opacity:1}.chest:focus-visible{outline:2px solid #f3dea4;outline-offset:5px}.chest[data-result=safe] .chest-closed,.chest[data-result=empty] .chest-closed{opacity:0}.chest[data-result=safe] .chest-treasure,.chest[data-result=empty] .chest-empty{opacity:1}.chest[data-result=safe] .chest-label{color:#ffe4a0}.chest[data-result=empty] .chest-label{color:#e9b4a6}.console{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;margin-top:1.4rem}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;color:var(--muted);margin-bottom:.55rem}fieldset>div{display:flex;align-items:center;gap:6px}fieldset button{font:14px var(--sans);color:var(--paper);background:transparent;border:1px solid var(--edge);padding:12px 18px;border-radius:6px;cursor:pointer}fieldset button[aria-pressed=true]{border-color:#dfca8f;background:#d8c08714;color:#f5dfaa}fieldset span{font:10px var(--mono);margin-left:6px;color:var(--muted)}fieldset button:disabled{cursor:default;opacity:.65}.actions{display:flex;align-items:center;gap:12px;min-height:52px}.actions .primary,.actions .secondary{margin:0;white-space:nowrap}.status{margin:1rem 0 .4rem;min-height:24px;font-size:14px;color:var(--paper)}.game-note{font-size:12px;color:var(--muted);margin:0}.below{display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-top:1px solid var(--edge);margin-top:2.2rem;padding-top:2rem}.below h2{font-size:29px;margin:.3rem 0 1rem}.below p{font-size:14px;color:var(--muted);line-height:1.7}.below .small{font-size:12px;margin-top:1.1rem}details{border-bottom:1px solid var(--edge);padding:1rem 0}summary{cursor:pointer;font-size:14px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}td,th{padding:8px 4px;border-bottom:1px solid var(--edge)}#record code{display:block;overflow-wrap:anywhere;font-size:10px;color:var(--muted)}#record p{font-size:12px}#history{padding-left:1.2rem;color:var(--muted);font-size:13px;line-height:2}footer{display:flex;justify-content:space-between;padding:1rem 5vw;font-size:12px;border-top:1px solid var(--edge)}[hidden]{display:none!important}
@media(max-width:700px){main{padding:1.5rem 5vw 2rem}header{padding:14px 5vw;gap:10px;flex-wrap:wrap}header nav{gap:16px}#sound{width:90px;flex-basis:90px}.heading{gap:1rem;margin-bottom:1.3rem}.heading p:last-child{font-size:14px;max-width:27ch}.heading h1{font-size:39px;max-width:9ch}.balance strong{font-size:25px}.balance span:first-child{font-size:9px}#welcome{align-items:flex-start;flex-direction:column;gap:.8rem;padding:1rem}#welcome .primary{width:100%}.game-board{padding:1rem 1rem .9rem;border-radius:12px;min-height:375px}.round-copy{margin-top:1.3rem;min-height:108px}.round-copy h2{font-size:26px}.round-copy>p:last-child{font-size:12px}.board-heading{font-size:9px}.board-bottom{font-size:11px;gap:.5rem;align-items:flex-start}.board-bottom strong{display:block;margin:.25rem 0 0}.board-bottom>span:last-child{text-align:right}.chests{gap:0;min-height:106px;margin:0 -5px}.chest>span{font-size:9px}#ladder{gap:4px}#ladder li{font-size:9px}.console{flex-direction:column;align-items:stretch;gap:1rem}.actions{width:100%;gap:8px}.actions button{flex:1;padding:15px 10px;font-size:14px;min-width:0}.actions #start{width:100%}.console fieldset>div{justify-content:flex-start}fieldset button{flex:1}.below{grid-template-columns:1fr;gap:1rem;margin-top:1.6rem}.below h2{font-size:27px}.status{font-size:13px}footer{gap:1rem;font-size:11px}}
@media(max-width:390px){header nav{width:100%;justify-content:space-between;gap:6px}.heading h1{font-size:35px}.balance strong{font-size:22px}.round-copy h2{font-size:24px}.board-bottom{font-size:10px}.actions button{font-size:12px}fieldset button{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.chest:enabled:hover{transform:none}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}
@media(max-width:700px){#ladder li{font-size:11px}.actions button{white-space:normal}.actions #cashout{font-size:13px}}

/* Keep the next action in sight before the artwork on every screen. */
.game-board .console{position:relative;max-width:890px;margin:0 auto 1rem;padding:1rem 0;border-top:1px solid #c3ebeb26;border-bottom:1px solid #c3ebeb26}.game-board .round-copy{min-height:0;margin-bottom:1.2rem}.game-board .actions:has(#start:not([hidden])){min-height:0}
@media(max-width:700px){.game-board .console{gap:.75rem}.game-board .console fieldset button{padding:10px 14px}.game-board .actions button{padding:12px 8px}}

/* An expedition board: actual depth payouts, held treasure, and a physical reveal. */
.game-board{border:1px solid #4c8c99;box-shadow:inset 0 0 70px #00121e66;padding-top:1.4rem}.water{opacity:.95}.board-heading{color:#d3eeed}#ladder{max-width:none;gap:10px;margin:1.3rem 0}#ladder li{position:relative;border:1px solid #47707b;background:#042331c9;border-radius:12px;padding:10px 5px;color:#bfd6db;display:grid;justify-items:center;gap:7px}#ladder .depth-number{display:grid;place-items:center;width:25px;height:25px;border:1px solid #567c88;border-radius:50%;font-size:11px}#ladder strong{font:700 18px var(--sans);color:#e7f9f3}#ladder small{font:10px var(--sans)}#ladder li.passed{background:#154640;border-color:#88cdae}#ladder li.passed .depth-number{background:#a7e7b0;color:#073032}#ladder li.current{border-color:#ffe2a0;box-shadow:0 0 0 2px #e5c4792b;background:#4b432eb5}#ladder li.current .depth-number{background:#ffe2a0;color:#302a16}.depth-stakes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;margin:0 auto 20px;max-width:700px}.depth-stakes>div{padding:9px;border-bottom:2px solid #497482}.depth-stakes span{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#b7d4d8}.depth-stakes strong{display:block;margin-top:5px;font-size:20px;color:#e5f8f4;font-variant-numeric:tabular-nums}.depth-stakes>div:nth-child(2){border-color:#b1e2ac}.depth-stakes>div:last-child{border-color:#efc976}.game-board[data-phase=decision] .depth-stakes>div:nth-child(2){background:#64be8718;border-radius:8px 8px 0 0}.chest{border:1px solid transparent}.chest:enabled:hover{background:#7fdad417;border-color:#94d6d188;transform:translateY(-6px)}.chest:enabled:active{transform:translateY(2px)}.chest-label{padding:8px 5px;border-radius:6px;background:#022834a6;color:#d9f2ec}.chest[data-result=safe]{background:radial-gradient(ellipse,#ffe29755,transparent 65%)}.chest[data-result=safe] .chest-art{animation:dive-reveal .5s ease-out}.chest[data-result=empty]{background:radial-gradient(ellipse,#a5675033,transparent 65%)}.chest.opening .chest-art{animation:dive-open .18s alternate infinite}.game-board .actions button{border-radius:9px;min-height:52px;box-shadow:0 4px 0 #011b26}.game-board #cashout{background:#b9e8b6;color:#16372c}.game-board #deeper{background:#254755;color:#fff0c9;border-color:#e9cb84}.game-board fieldset button[aria-pressed=true]{background:#eddba9;color:#18353b;box-shadow:0 3px 0 #8b7546}.round-copy h2{color:#fff3cb}@keyframes dive-open{to{transform:rotate(2deg) translateY(-4px)}}@keyframes dive-reveal{from{transform:scale(.9)}to{transform:scale(1)}}
@media(max-width:700px){#ladder{gap:5px}#ladder li{padding:8px 2px;border-radius:7px}#ladder strong{font-size:12px}#ladder small{display:none}#ladder .depth-number{width:22px;height:22px}.depth-stakes{gap:5px;margin-bottom:16px}.depth-stakes strong{font-size:14px}.depth-stakes span{font-size:8px}.depth-stakes>div{padding:8px 0}.game-board .round-copy h2{font-size:24px}.game-board{padding:14px 12px}.chest-label{font-size:9px}.chests{min-height:110px}}
@media(prefers-reduced-motion:reduce){.chest.opening .chest-art,.chest[data-result=safe] .chest-art{animation:none}}


@media(max-width:700px){#ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}#ladder li{grid-template-columns:22px minmax(0,1fr);min-width:0;padding:7px 5px;gap:3px;align-items:center}#ladder strong{font-size:12px;letter-spacing:-.025em}.depth-stakes{grid-template-columns:repeat(3,minmax(0,1fr))}.depth-stakes>div{min-width:0}.depth-stakes strong{font-size:12px}.game-board .round-copy{min-height:0;margin:16px 0}.game-board .console{margin-top:15px;padding:12px 0}.game-board .chests{margin-top:10px}.heading{margin-bottom:20px}main{padding-top:20px}}

/* Keep the decision and the treasure together, with a compact depth route. */
body[data-ui=dive] main{padding-top:28px}
body[data-ui=dive] .heading{margin-bottom:24px}
.game-board{padding:22px 28px;background-origin:border-box}
.game-board .depth-stakes{display:none}
.game-board #ladder{max-width:none;gap:8px;margin:18px 0 22px}
.game-board #ladder li{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 5px;min-width:0}
.game-board #ladder small{display:none}
.game-board #ladder strong{font-size:13px}
.game-board .round-copy{min-height:0;margin:18px 0;text-align:center;outline:none}
.game-board .round-copy:focus-visible{outline:2px solid #e9d99d;outline-offset:8px;border-radius:8px}
.game-board .round-copy>p:last-child{max-width:62ch;margin:auto;line-height:1.6}
.game-board .console{margin:16px 0 0;padding:14px 0;border-block:1px solid #8bb4b43b}
.game-board .console:has(#stakes[hidden]){justify-content:center}
.game-board .status{font-size:12px;text-align:center;min-height:18px;margin:10px 0 0;color:#c0dad9}
.game-board .chests{max-width:780px;margin-top:8px}
.game-board[data-phase=decision] .chest:not([data-result=safe]),.game-board[data-finished=true] .chest:not([data-result=safe]):not([data-result=empty]){opacity:.4}
.dive-trail{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none;margin:12px 0;padding:0}
.dive-trail li{display:grid;gap:3px;padding:8px 12px;border:1px solid #89b89a77;border-radius:8px;background:#102e33;color:#d4e9c5;text-align:center;font-size:11px;animation:dive-log-in .3s ease-out}
.dive-trail li[data-result=empty]{border-color:#d9968577;color:#f3b8a6}
.dive-trail span,.dive-trail small{font-size:10px;color:#aec8ca}
.game-board[data-finished=true] .board-bottom{display:none}
.game-board[data-phase=decision] .round-copy h2,.game-board[data-phase=cashout] .round-copy h2{color:#d8f0bb}
@keyframes dive-log-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:700px){.game-board{padding:16px 12px}.game-board #ladder{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}.game-board #ladder li{padding:7px 3px;gap:5px}.game-board #ladder strong{font-size:11px}.game-board .actions{flex-wrap:wrap;width:100%;gap:10px}.game-board .actions button{white-space:normal;flex:1 1 100%;font-size:14px;min-height:48px}.game-board .console{gap:14px}.game-board .round-copy h2{font-size:25px}.game-board .round-copy>p:last-child{font-size:13px}.game-board .chests{gap:2%}.dive-trail{gap:5px}.dive-trail li{padding:7px 9px}.game-board .board-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dive-trail li{animation:none}}

body[data-ui=dive] .heading>.balance{display:none}

/* One expedition stage, with distinct scenery as the diver descends. */
.game-board{border-radius:26px;border-color:#71bfc4;box-shadow:0 24px 80px #0007,inset 0 0 100px #00121e66}
.game-board .water{background-image:linear-gradient(#05293155,#021e2bcc),url('../play/shore-art-v2.jpg');background-position:center;opacity:1;filter:none;transition:background-position 1.2s,filter 1.2s}
.game-board[data-depth="2"] .water{background-image:linear-gradient(#05293155,#021e2bcc),url('../play/runs-art-v3.jpg')}
.game-board[data-depth="3"] .water{background-image:linear-gradient(#09263b77,#021e2bbb),url('../play/dive-art-v2.jpg');filter:none}
.game-board[data-depth="4"] .water{background-image:linear-gradient(#10274177,#021e2bcc),url('../play/salvage-hogfish-v2.jpg');filter:none}
.game-board[data-depth="5"] .water,.game-board[data-depth="6"] .water{background-image:linear-gradient(#12153899,#001b30bb),url('../companion/environments/deep.jpg');filter:none;background-position:center 85%}
.game-board .depth-stakes{display:grid;max-width:none;margin:12px 0;gap:12px}.depth-stakes>div{background:#052735dc;border:1px solid #497482;border-radius:12px;padding:12px}.depth-stakes strong{font-size:clamp(15px,2vw,25px)}
.game-board .round-copy{min-height:110px;display:flex;flex-direction:column;justify-content:center;margin:10px 0}.game-board .round-copy h2{font-size:clamp(27px,3vw,42px)}
.game-board .chests{max-width:900px;min-height:235px}.game-board .chest{max-width:260px}.game-board .console{min-height:85px}.game-board #cashout{background:#c9ff92;box-shadow:0 5px 0 #587e45,0 0 24px #b8f57433}.game-board #deeper{border:2px solid #f0c56b}
.game-board[data-phase=cashout]{border-color:#d5f39b;box-shadow:0 0 45px #8ed77d33}.game-board[data-phase=cashout] .round-copy h2{animation:surface-prize .7s ease-out}
@keyframes surface-prize{from{transform:scale(.93);text-shadow:0 0 36px #ffdc74}to{transform:scale(1);text-shadow:none}}
@media(max-width:700px){.game-board{border-radius:18px}.game-board .depth-stakes{gap:5px}.depth-stakes>div{padding:8px 3px}.depth-stakes span{font-size:8px;letter-spacing:0}.depth-stakes strong{font-size:13px}.game-board .round-copy{min-height:125px}.game-board .chests{min-height:130px}.game-board .console{min-height:130px}.game-board #ladder{margin:10px 0}}

.round-copy{background:#052632b8;border-radius:12px;padding:18px}.round-copy p{color:#e0f0ef}