.nb-game{color:#274b4d;max-width:900px;margin:auto}.nb-game *{box-sizing:border-box}.nb-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.nb-player{display:grid;padding:11px 14px;border:2px solid #d9e5dc;border-radius:14px;background:#fffdf5;transition:background .2s,border-color .2s;min-width:0}.nb-player strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-player small{font-size:12px;color:#70867c}.nb-player.nb-active{border-color:#3f9b90;background:#e8fbf2;box-shadow:0 3px 0 #d7eade}.nb-player.nb-winner{border-color:#d6a548;background:#fff0bc}.nb-status{font-size:clamp(20px,5vw,27px);margin:0 0 10px;line-height:1.4}.nb-privacy{font-size:12px;line-height:1.7;color:#7a8774;margin:6px 0 13px}.nb-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.nb-ship-choice{flex:1;min-width:85px;display:grid;place-items:center;gap:5px;background:#fff9e8;border:1px solid #d8cfaf;border-radius:11px;padding:10px 7px;font-size:12px;min-height:85px}.nb-ship-choice small{font-size:10px;color:#7d8064}.nb-ship-choice>.nb-ship{width:34px;height:13px}.nb-picked{outline:2px solid #e16152;outline-offset:-2px}.nb-controls,.nb-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.nb-controls button,.nb-actions button{font:inherit;font-size:13px;border-radius:10px;min-height:41px;padding:8px 14px;border:1px solid #c8d9cc;background:#fbfbed}.nb-controls .nb-primary,.nb-actions .nb-primary{background:#2a8278;color:white;border-color:#2a8278;font-weight:700}.nb-actions .nb-resign{background:#fff8ed;color:#94624d;border-color:#dec7b0}.nb-controls button:disabled,.nb-actions button:disabled{opacity:.4}.nb-boards{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.nb-boards.nb-setup{display:block;max-width:470px;margin:auto}.nb-board-section{min-width:0}.nb-board-section h3{font-size:14px;margin:8px 0 9px}.nb-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));width:100%;aspect-ratio:1;gap:2px;padding:5px;background:#c8ded8;border:5px solid #8cb9ac;border-radius:12px;box-shadow:0 7px 16px #28534d10;direction:ltr;touch-action:manipulation}.nb-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0!important;background:#e8f3e9!important;border:0!important;border-radius:3px!important;box-shadow:none!important;opacity:1!important;transform:none!important;cursor:pointer;touch-action:manipulation;overflow:visible}.nb-cell:disabled{cursor:default}.nb-cell.nb-selected{outline:2px solid #e35f55;outline-offset:-2px;background:#ffdfb5!important;z-index:2}.nb-cell.nb-bad{background:#f4b2a3!important}.nb-ship{position:relative;display:block;width:90%;height:48%;min-height:9px;background:#7d9690;border:1px solid #5e7975;clip-path:polygon(5% 20%,82% 10%,100% 50%,82% 90%,5% 80%,0 50%);border-radius:15%;box-shadow:0 2px 2px #294b3d20;pointer-events:none}.nb-deck{position:absolute;inset:28% 22% 28% 17%;background:#c2d3c5;border-radius:3px}.nb-tower{position:absolute;left:44%;top:17%;width:16%;height:66%;background:#4c706d;border-radius:2px}.nb-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(14px,3.8vw,28px);line-height:1;font-weight:800;pointer-events:none}.nb-hit{color:#d65946;text-shadow:0 1px 0 #fff}.nb-miss{color:#5b9caa;font-size:clamp(19px,5vw,34px)}.nb-coord{position:absolute;bottom:0;inset-inline-start:1px;font-size:6px;color:#547e705c;line-height:1;pointer-events:none}.nb-known-sunk{background:#f0cfb6!important}.nb-hint{font-size:13px;text-align:center;color:#6e8379;min-height:20px;margin:15px 0 8px}.nb-log-title{font-size:14px;margin:0 0 8px}.nb-log{font-size:12px;line-height:1.8;padding:10px 13px 10px 31px;border:1px solid #dce6d7;border-radius:12px;background:#f4f8ec;color:#5c786b;margin:0}.nb-log:empty{display:none}.nb-torpedo{display:block;background:#d9754f;clip-path:polygon(0 30%,76% 20%,100% 50%,76% 80%,0 70%);border-radius:10px}.nb-flying{position:fixed!important;z-index:9999!important;pointer-events:none!important}.nb-splash{position:absolute;inset:22%;border:3px solid #73b0be;border-radius:50%;pointer-events:none;z-index:8}.nb-impact{border-color:#e36f49;background:#ffc76588}@media(max-width:650px){.nb-boards{display:flex;flex-direction:column;gap:17px}.nb-board-section{width:100%}.nb-own .nb-board{max-width:320px}.nb-own h3{font-size:12px}.nb-setup .nb-own .nb-board{max-width:none}.nb-toolbar{gap:5px}.nb-ship-choice{min-width:85px;font-size:11px;padding:7px 5px;min-height:75px}.nb-board{border-width:4px;gap:2px;padding:4px}.nb-player{padding:9px}.nb-player strong{font-size:13px}.nb-player small{font-size:11px}.nb-controls button{font-size:12px;padding:8px 11px}.nb-game{max-width:470px}}
@media(prefers-reduced-motion:reduce){.nb-game *{transition:none!important;animation:none!important}}
.nb-cell .nb-segment{width:calc(100% + 3px);height:56%;border-radius:0;border-inline-width:0;clip-path:none;min-height:0;box-shadow:none}.nb-cell .nb-tail{clip-path:polygon(9% 0,100% 0,100% 100%,9% 100%,0 80%,0 20%)}.nb-cell .nb-bow{clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%)}.nb-cell .nb-segment.nb-vertical{transform:rotate(90deg)}.nb-cell .nb-segment .nb-deck{inset:20% 10%}.nb-cell .nb-segment .nb-tower{width:25%;left:40%}@media(max-width:650px){.nb-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nb-ship-choice{min-width:0}.nb-ship-choice b{overflow-wrap:anywhere}}