body[data-game="deepsea"].at-table #tableScene {visibility:hidden}
body[data-game="deepsea"].at-table .play-area {min-height:0;justify-content:start}
.board-deepsea {display:block!important;width:100%;max-width:1480px;margin:auto}
.deep-expedition {display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:18px 24px;width:100%;min-width:0;color:#fffdf1}
.deep-expedition [hidden] {display:none!important}
.deep-ocean {position:relative;min-width:0;padding:0 10px 12px}
.deep-dock {display:flex;justify-content:center;align-items:center;gap:clamp(12px,2vw,30px);min-height:190px;padding-top:28px;margin-bottom:16px}
.deep-air-readout {display:grid;justify-items:center;gap:4px;min-width:92px;font-variant-numeric:tabular-nums}
.deep-air-readout>span {font-size:.77rem;font-weight:700;text-align:center;line-height:1.3}
.deep-air-readout>strong {display:flex;align-items:center;gap:6px;font-size:clamp(2.8rem,4.3vw,4rem);line-height:1;font-weight:900;letter-spacing:-.04em}
.deep-air-readout>strong>small {font-size:.95rem;letter-spacing:0}
.deep-air-readout>small {max-width:110px;text-align:center;font-size:.68rem;line-height:1.3;color:#fff1a8;font-weight:800}
.deep-air-readout.is-low>strong {color:#fff1a8}
.deep-airboard {position:relative;flex:1;max-width:390px;min-width:0;filter:drop-shadow(0 5px 0 #06475d) drop-shadow(0 10px 9px #073f5a44)}
.deep-airboard-art {display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.deep-air-marker {position:absolute;width:7.4%;height:auto;transform:translate(-50%,-50%);z-index:3;filter:drop-shadow(0 2px 1px #073f5a88);pointer-events:none}
.deep-docked-divers {position:absolute;left:8%;right:7%;top:-18%;display:flex;align-items:end;justify-content:center;gap:1%;min-height:56px;z-index:2}
.deep-route {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(var(--rows8),96px);position:relative;isolation:isolate;margin:0 3px 12px}
.deep-route-line {position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}
.deep-route-line path {fill:none;stroke:#a3e4e291;stroke-width:.028;stroke-linecap:round;stroke-linejoin:round}
.deep-route-line.route-4 {display:none}
.deep-stop {grid-column:var(--column8);grid-row:var(--row8);position:relative;display:grid;place-items:center;min-width:0;padding-top:17px;isolation:isolate}
.deep-depth {position:absolute;left:2px;bottom:5px;color:#e9ffff;font-size:.61rem;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.deep-chip-stack {display:block;position:relative;width:66px;height:67px;max-width:100%;isolation:isolate;flex:none}
.deep-chip-stack>img {position:absolute;width:100%;height:100%;inset:0;object-fit:contain;transform:translate(calc(var(--layer,0) * 2px),calc(var(--layer,0) * -4px));filter:drop-shadow(0 3px 0 #06465b) drop-shadow(0 4px 3px #063d5855);user-select:none;pointer-events:none}
.deep-chip-stack.is-blank {width:50px;height:51px;opacity:.8}
.deep-stack-count {position:absolute;right:-3px;bottom:-5px;z-index:4;display:grid;place-items:center;min-width:25px;height:23px;padding:2px 4px;border:1px solid #f8f0d2;border-radius:5px;background:#153b51;color:#fffdf1;font-size:.7rem;line-height:1;font-weight:900}
.deep-stop-diver {position:absolute;inset:auto 0 26px;display:flex;justify-content:center;align-items:end;z-index:4;pointer-events:none}
.deep-diver {display:block;position:relative;width:47px;height:65px;flex:none;isolation:isolate}
.deep-diver>img {display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 0 #d9ffff) drop-shadow(-1px 0 #d9ffff) drop-shadow(0 3px 2px #073c5577);pointer-events:none;user-select:none}
.deep-diver.is-returning>img {transform:scaleX(-1)}
.deep-diver>b {position:absolute;left:5%;top:37%;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid #fffdf1;background:#17374d;color:#fffdf1;font-size:.68rem;line-height:1;font-weight:900;z-index:2}
.deep-diver.is-active>b {color:#17374d;background:#ffe079;border-color:#17374d;outline:2px solid #ffe079}
.deep-diver.is-active::before {content:"";position:absolute;left:-6px;right:-6px;bottom:-4px;height:17px;border:3px solid #ffe079;border-radius:50%;z-index:-1;background:#ffe0791c}
.deep-diver-direction,.deep-diver-home {position:absolute;right:-3px;top:0;width:19px;height:19px;display:grid;place-items:center;background:#17374d;border:1px solid #fffdf1;border-radius:50%;color:#fffdf1;font-size:.7rem;line-height:1;font-weight:900}
.deep-diver-direction svg {width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.deep-diver.is-docked {width:39px;height:54px}
.deep-diver.is-docked>b {width:17px;height:17px;font-size:.6rem}
.deep-diver.is-docked .deep-diver-direction,.deep-diver.is-docked .deep-diver-home {width:17px;height:17px;right:-2px}
.deep-stop button.deep-take-chip {min-width:66px;min-height:75px;width:76px;height:80px;display:grid;place-items:center;border:2px solid #ffe079;border-radius:12px;padding:3px;background:#ffdf6b18;box-shadow:none;overflow:visible}
.deep-stop button.deep-take-chip:hover:not(:disabled) {background:#fff1a52b;transform:translateY(-3px);box-shadow:0 4px 0 #06465b66;border-color:#fff4b6}
.deep-stop button.deep-take-chip:focus-visible {outline:3px solid #fffdf1;outline-offset:3px}
.deep-depth-key {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.deep-depth-key>span {display:flex;align-items:center;gap:5px;color:#edffff;font-size:.7rem;font-weight:700}
.deep-depth-key img {width:25px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 0 #06465b)}
.deep-depth-key>small {font-size:.69rem;line-height:1.35;text-align:center;width:100%;color:#edffff}
.deep-console {display:grid;align-content:start;gap:22px;padding:12px 0 0;min-width:0}
.deep-roll {display:grid;justify-items:center;gap:10px;min-height:133px}
.deep-roll>span {font-size:.76rem;font-weight:800}
.deep-dice {display:flex;gap:13px;justify-content:center;align-items:center}
.deep-die {display:block;width:59px;height:59px;border:2px solid #e2d9c5;border-radius:11px;background:#fffdf0;box-shadow:0 5px 0 #c7bda4,0 8px 10px #063c5655;transform:rotate(-7deg);color:#17374d}
.deep-die:nth-child(2) {transform:rotate(7deg)}
.deep-die>svg {width:100%;height:100%;fill:#17374d;pointer-events:none}
.deep-die svg>path {stroke:#a3b7b5;stroke-width:2;fill:none}
.deep-roll>p {font-size:.74rem;line-height:1.35;text-align:center;min-height:1.35em;margin:0}
.deep-roll>p>b {font-size:1rem;color:#fff1a8}
.deep-decision {display:grid;gap:8px;text-align:center}
.deep-decision>strong {font-size:1.08rem;line-height:1.2;font-weight:900}
.deep-decision>p {font-size:.78rem;line-height:1.5;margin:0;color:#edffff}
.deep-direction-buttons {display:flex;gap:9px;justify-content:center;align-items:stretch;flex-wrap:wrap;margin-top:5px}
.deep-direction-buttons>button {min-height:52px;min-width:110px;flex:1;padding:9px 10px;font-size:.78rem;line-height:1.3;border-radius:8px;color:#18374a;background:#fffdf0;border:1px solid #17374d;box-shadow:0 3px 0 #06465b99}
.deep-direction-buttons>button.primary {background:#ffdc66;color:#17374d;border-color:#17374d}
.deep-direction-buttons>button:hover:not(:disabled) {background:#fff1ac;color:#17374d;transform:translateY(-2px);box-shadow:0 5px 0 #06465b99}
.deep-direction-buttons>.deep-dive::before {content:"↓";font-size:1.35rem;line-height:1}
.deep-direction-buttons>.deep-return::before {content:"↑";font-size:1.35rem;line-height:1}
.deep-expedition button:focus-visible {outline:3px solid #fff1a8;outline-offset:4px}
.deep-your-bag {padding-top:17px;border-top:1px solid #b6ece966}
.deep-bag-heading {display:flex;align-items:center;gap:8px;margin-bottom:12px}
.deep-bag-heading>svg {width:24px;height:24px;stroke:#fffdf1;stroke-width:1.7;fill:none;flex:none}
.deep-bag-heading>strong {font-size:.85rem;line-height:1.2;flex:1}
.deep-bag-heading>b {font-size:1.7rem;line-height:1;font-weight:900}
.deep-bag-chips {display:flex;align-items:start;justify-content:center;flex-wrap:wrap;gap:14px 13px;min-height:78px;padding-top:5px}
.deep-carried-stack {display:grid;justify-items:center;gap:8px;width:68px}
.deep-carried-stack .deep-chip-stack {width:58px;height:60px}
.deep-carried-stack>button.deep-drop {min-height:44px;padding:6px 10px;font-size:.68rem;background:#fffdf0;color:#17374d;border:1px solid #17374d;border-radius:6px;box-shadow:0 2px 0 #06465b88}
.deep-empty-bag {font-size:.78rem;line-height:1.5;text-align:center;max-width:230px;color:#edffff;align-self:center;margin:10px 0}
.deep-weight-note {font-size:.72rem;line-height:1.5;text-align:center;color:#edffff;margin-top:10px}
.deep-console .feedback {font-size:.8rem;background:#fff1d8;color:#8b2531;padding:10px;border-radius:6px;line-height:1.4}
.deep-console .feedback:empty {display:none}
.deep-banks {grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 22px;margin-top:5px;min-width:0}
.deep-bank {padding:12px 3px 3px;border-top:1px solid #b6ece966;min-width:0}
.deep-bank.is-you {border-top:3px solid #ffe079;padding-top:10px}
.deep-bank-heading {display:flex;align-items:center;gap:7px;min-height:42px;min-width:0}
.deep-bank-heading>img {width:25px;height:35px;object-fit:contain;filter:drop-shadow(1px 0 #d9ffff);flex:none}
.deep-bank-heading>strong {font-size:.76rem;line-height:1.3;overflow-wrap:anywhere;flex:1;min-width:0}
.deep-bank-heading>span {display:flex;align-items:center;gap:3px;font-size:.74rem}
.deep-bank-heading>span>svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.deep-bank-heading>b {font-size:1.5rem;line-height:1;display:grid;gap:3px;text-align:center;min-width:39px;font-variant-numeric:tabular-nums}
.deep-bank-heading>b>small {font-size:.55rem;font-weight:700;line-height:1}
.deep-bank-chips {display:flex;flex-wrap:wrap;gap:7px;padding:8px 3px 2px;min-height:53px}
.deep-bank-chips .deep-chip-stack {width:43px;height:44px}
.deep-bank-chips .deep-stack-count {font-size:.55rem;min-width:20px;height:18px;bottom:-3px}
.deep-bank-chips>span:not(.deep-chip-stack) {font-size:.68rem;line-height:1.35;color:#d9f3f4;align-self:center}
@media(max-width:1180px) {
  .deep-expedition {grid-template-columns:minmax(0,1fr) 240px;gap:17px}
  .deep-dock {gap:12px;min-height:160px}
  .deep-air-readout {min-width:68px}
  .deep-air-readout>strong {font-size:2.7rem}
  .deep-air-readout>span {font-size:.68rem}
  .deep-route {grid-template-rows:repeat(var(--rows8),84px)}
  .deep-chip-stack {width:54px;height:56px}
  .deep-diver {width:39px;height:54px}
  .deep-stop-diver {bottom:23px}
  .deep-diver>b {font-size:.6rem;width:17px;height:17px}
  .deep-diver-direction {width:17px;height:17px}
  .deep-stop button.deep-take-chip {min-width:55px;min-height:65px;width:60px;height:66px}
  .deep-console {gap:17px}
}
@media(max-width:960px) {
  .deep-expedition {grid-template-columns:1fr;gap:18px}
  .deep-console {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding:0 9px}
  .deep-roll {grid-column:1;grid-row:1;align-self:start}
  .deep-decision {grid-column:2;grid-row:1;align-content:center;min-height:140px}
  .deep-your-bag {grid-column:1 / -1;padding-top:13px}
  .deep-bag-heading {max-width:600px;margin:0 auto 10px}
  .deep-console .feedback {grid-column:1 / -1}
  .deep-banks {grid-template-columns:repeat(2,minmax(0,1fr));padding:0 9px}
  .deep-dock {min-height:175px}
  .deep-airboard {max-width:370px}
  .deep-route {grid-template-rows:repeat(var(--rows8),90px)}
  .deep-chip-stack {width:60px;height:62px}
  .deep-diver {width:43px;height:60px}
}
@media(max-width:620px) {
  .deep-expedition {gap:18px}
  .deep-ocean {padding-inline:2px}
  .deep-dock {padding-top:24px;min-height:150px;gap:10px;margin-bottom:14px}
  .deep-air-readout {min-width:67px;gap:3px}
  .deep-air-readout>strong {font-size:2.65rem}
  .deep-air-readout>strong>small {font-size:.77rem}
  .deep-air-readout>span {font-size:.64rem}
  .deep-air-readout>small {font-size:.59rem;max-width:76px}
  .deep-airboard {max-width:300px}
  .deep-docked-divers {top:-21%;left:3%;right:3%;min-height:40px;gap:0}
  .deep-diver.is-docked {width:30px;height:43px}
  .deep-diver.is-docked>b {width:14px;height:14px;font-size:.53rem}
  .deep-diver.is-docked .deep-diver-direction,.deep-diver.is-docked .deep-diver-home {width:14px;height:14px;right:-3px}
  .deep-diver.is-docked .deep-diver-direction svg {width:11px;height:11px}
  .deep-route {grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(var(--rows4),83px);margin-inline:6px}
  .deep-route-line.route-8 {display:none}
  .deep-route-line.route-4 {display:block}
  .deep-route-line path {stroke-width:.026}
  .deep-stop {grid-column:var(--column4);grid-row:var(--row4);padding-top:14px}
  .deep-chip-stack {width:57px;height:59px}
  .deep-depth {font-size:.58rem;bottom:3px;left:1px}
  .deep-stop-diver {bottom:23px}
  .deep-diver {width:40px;height:56px}
  .deep-diver>b {width:16px;height:16px;font-size:.6rem}
  .deep-diver-direction,.deep-diver-home {width:17px;height:17px}
  .deep-stop button.deep-take-chip {min-width:63px;min-height:66px;width:66px;height:68px}
  .deep-depth-key {gap:6px 11px;margin-top:12px}
  .deep-depth-key>span {font-size:.65rem;gap:4px}
  .deep-depth-key img {width:22px;height:23px}
  .deep-depth-key>small {font-size:.64rem}
  .deep-console {display:contents}
  .deep-decision {grid-column:1;grid-row:1;min-height:0;gap:6px;position:sticky;top:6px;z-index:8;background:#13788ff5;padding:10px 6px 12px;border-radius:8px;box-shadow:0 5px 10px #06465b44}
  .deep-ocean {grid-column:1;grid-row:2}
  .deep-roll {grid-column:1;grid-row:3;min-height:115px;gap:9px}
  .deep-decision>strong {font-size:1rem}
  .deep-decision>p {font-size:.76rem;max-width:340px;margin:auto}
  .deep-direction-buttons {gap:9px;margin:5px auto 0;width:100%;max-width:400px}
  .deep-direction-buttons>button {min-height:52px;font-size:.78rem;min-width:115px}
  .deep-your-bag {grid-column:1;grid-row:4;padding:14px 6px 0}
  .deep-bag-heading>strong {font-size:.82rem}
  .deep-bag-heading>b {font-size:1.5rem}
  .deep-bag-chips {min-height:65px;gap:14px 11px}
  .deep-carried-stack {width:64px}
  .deep-weight-note {font-size:.68rem}
  .deep-console .feedback {grid-column:1;grid-row:6}
  .deep-banks {grid-column:1;grid-row:5;gap:15px 14px;padding:0 5px}
  .deep-bank-heading {flex-wrap:wrap;gap:5px}
  .deep-bank-heading>strong {font-size:.68rem;min-width:50px}
  .deep-bank-heading>img {width:21px;height:29px}
  .deep-bank-heading>span {font-size:.66rem;margin-left:26px}
  .deep-bank-heading>b {font-size:1.3rem;margin-left:auto;min-width:35px}
  .deep-bank-heading>b>small {font-size:.53rem}
  .deep-bank-chips {gap:6px}
  .deep-bank-chips .deep-chip-stack {width:36px;height:38px}
  .deep-bank-chips>span:not(.deep-chip-stack) {font-size:.63rem}
}
@media(prefers-reduced-motion:reduce) {.deep-die.has-roll{animation:none}.deep-expedition button{transition:none}}
.calm .deep-die.has-roll {animation:none}
.calm .deep-expedition button {transition:none}
