.kraken-board100{min-width:0;border:1px solid #356b79;border-radius:14px;overflow:hidden;background:linear-gradient(155deg,#142735,#071620 65%);color:#dbedf0;box-shadow:inset 0 1px #81d7ce18}
.kraken-board100[hidden]{display:none!important}
.kraken-heading100{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #76b6b12b}
.kraken-heading100 div{display:grid;gap:3px}.kraken-heading100 small{font-size:9px;letter-spacing:3px;color:#71bbb9}.kraken-heading100 strong{font-size:16px;color:#ede2ba}.kraken-heading100>span{font-size:11px;color:#8dd8ce}
.kraken-ocean100{position:relative;background:radial-gradient(ellipse at 50% 115%,#19637155,transparent 68%);padding-top:8px}
.ships100{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1;padding:0 18px}
.ship100{min-width:0;min-height:100px;display:grid;justify-items:center;gap:0;padding:3px 6px 7px;border:1px solid transparent;border-radius:12px;background:transparent;color:#85a5b1;transition:background .18s,border-color .18s;opacity:1!important;cursor:default}
.ship100 svg{width:100%;max-width:86px;height:67px;overflow:visible}.ship100 b{font-size:12px}.ship100 small{font-size:10px;color:#8ba2b0}
.ship100:not(:disabled){cursor:pointer;background:#74d2c00a;border-color:#497675}.ship100:not(:disabled):hover{background:#74d2c025;border-color:#8addc8}
.ship100.occupied100{background:#ddbf5920;border-color:#d9be73;box-shadow:0 0 20px #dcbb4310;color:#f8dda0}.ship100.occupied100 small{color:#f8dda0}
.ship100.target100{box-shadow:inset 0 -3px #61d4c2}
.hull100{fill:#6d4939;stroke:#b98e61;stroke-width:2}.sail100{fill:#91a7a6;stroke:#d8e0ce;stroke-width:1}.occupied100 .sail100{fill:#e9d7a5}.rigging100,.planks100{fill:none;stroke:#bda879;stroke-width:2}.water100{fill:none;stroke:#57aba9;stroke-width:2}
.depth100{display:block;width:100%;height:auto;max-height:180px;margin-top:-10px}
.sea-line100{fill:none;stroke:#417884;stroke-width:1.5}.arm-outer100{fill:none;stroke:#153143;stroke-width:16;stroke-linecap:round}.arm-inner100{fill:none;stroke:#365567;stroke-width:10;stroke-linecap:round;stroke-dasharray:3 6}
.sea-arm100 circle{fill:#172d3b;stroke:#547381}.sea-arm100 text{fill:#a0b9c2;font-size:11px;text-anchor:middle;font-weight:bold}
.sea-arm100.in-range100 .arm-outer100{stroke:#367f80}.sea-arm100.in-range100 .arm-inner100{stroke:#68bfb4}.sea-arm100.in-range100 circle{stroke:#6bd4c2}.sea-arm100.selected100 .arm-outer100{stroke:#d5b36e}.sea-arm100.selected100 .arm-inner100{stroke:#f8d993}.sea-arm100.selected100 circle{fill:#705c36;stroke:#f8d993}
.kraken-head100{fill:#18394b;stroke:#498083;stroke-width:2}.kraken-eye100{fill:#e9b661;filter:drop-shadow(0 0 5px #e9b66188)}.kraken-brow100{stroke:#4c848b;stroke-width:3;fill:none}
.boat-help100{font-size:11px;margin:0;padding:5px 14px 9px;color:#9ab6bf;text-align:center}
.arm-cards100{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 10px}
.arm-cards100 button{min-width:0;min-height:68px;display:grid;grid-template-columns:19px 1fr;gap:2px;padding:7px 5px;background:#10202c;border:1px solid #304550;border-radius:8px;text-align:left;color:#8ba5b0}
.arm-cards100 button b{font-size:12px;grid-row:1/3;color:#70959f}.arm-cards100 button span{font-size:11px;line-height:1.35;word-break:keep-all}.arm-cards100 button small{font-size:10px}.arm-cards100 button em{grid-column:1/-1;font-size:9px;font-style:normal;color:#e6c881;min-height:12px}
.arm-cards100 button.range100{background:#183d40;color:#c3eae4;border-color:#366d68}.arm-cards100 button.range100 b{color:#6ed5bf}.arm-cards100 button.held100{border-color:#b99b60}.arm-cards100 button.picked100{outline:2px solid #d7c28c;outline-offset:1px}
.arm-detail100{min-height:65px;margin:9px 10px 10px;padding:10px 12px;border-radius:8px;background:#070f1970;font-size:12px}.arm-detail100 strong{color:#e3d6b7}.arm-detail100 p{margin:5px 0;line-height:1.5}.arm-detail100 small{font-size:10px;color:#92b5ba}
@media(max-width:600px){.kraken-heading100{padding:9px 11px}.kraken-heading100 strong{font-size:14px}.ships100{padding:0 10px;gap:6px}.ship100{min-height:90px}.ship100 svg{height:55px}.arm-cards100{gap:5px;padding:0 8px}.arm-cards100 button{grid-template-columns:16px 1fr;min-height:74px}.depth100{max-height:125px}.arm-detail100{margin:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.ship100{transition:none}}
.mechanic-side93>.kraken-board100{padding:0;background:linear-gradient(155deg,#142735,#071620 65%)}
.mechanic-side93>.kraken-board100::before{display:none}
@media(min-width:721px){
 .kraken-board100{display:grid;grid-template-columns:45% 55%}
 .kraken-heading100{grid-column:1/-1;padding:8px 12px}
 .kraken-ocean100{grid-column:1;grid-row:2/4;align-self:center}
 .ships100{padding:0 8px;gap:3px}.ship100{padding:0 2px;min-height:80px}.ship100 svg{height:48px}
 .depth100{height:105px;margin-top:-2px}
 .boat-help100{grid-column:1;grid-row:4;font-size:10px;padding:3px 8px 8px}
 .arm-cards100{grid-column:2;grid-row:2;gap:4px;padding:7px 8px 0 0}
 .arm-cards100 button{grid-template-columns:1fr;min-height:54px;padding:4px}.arm-cards100 button b{display:none}.arm-cards100 button em{min-height:0}
 .arm-cards100 button span{font-size:10px}.arm-cards100 button small{font-size:9px}
 .arm-detail100{grid-column:2;grid-row:3/5;min-height:60px;margin:6px 8px 8px 0;padding:7px;font-size:11px}
}
@media(max-width:720px){
 .mechanic-board92:has(.kraken-board100:not([hidden])){grid-template-columns:minmax(0,1fr)}
 .mechanic-board92:has(.kraken-board100:not([hidden]))>.mechanic-side93{grid-column:1;grid-row:auto}
}