[data-skin="ocean"]{--ink:#071624;--aqua:#66e2d5;--blue:#0f7599;--orange:#ff7043}
[data-skin="ocean"] body{background:var(--ink);color:#eef4ef}[data-skin="ocean"] .app-shell{background:radial-gradient(circle at 50% 25%,#134a63,#09283d 38%,#061521 75%)}[data-skin="ocean"] .logo{background:var(--aqua);color:var(--ink);box-shadow:0 0 30px #66e2d555}[data-skin="ocean"] .radar,[data-skin="ocean"] .sonar{border:1px solid #66e2d555;background:repeating-radial-gradient(circle,transparent 0 18px,#66e2d522 19px 20px)}[data-skin="ocean"] .radar span,[data-skin="ocean"] .sonar span{background:conic-gradient(#66e2d544,transparent 24%)}[data-skin="ocean"] .radar b,[data-skin="ocean"] .sonar b,[data-skin="ocean"] .eyebrow,[data-skin="ocean"] .welcome h1 em{color:var(--aqua)}[data-skin="ocean"] .lead{color:#b5c8d0}[data-skin="ocean"] .welcome form{background:#0d2b40cc;border:1px solid #65e2d52e}[data-skin="ocean"] .welcome input{border:1px solid #ffffff25;background:#071a29;color:white}[data-skin="ocean"] .primary,[data-skin="ocean"] .join button{background:var(--aqua);color:var(--ink)}[data-skin="ocean"] .or{color:#78909b}[data-skin="ocean"] .or span{background:#ffffff18}[data-skin="ocean"] .join button{background:#163b50;color:white}[data-skin="ocean"] .rules{color:#77919d}[data-skin="ocean"] .game{background:#e9f0ec;color:var(--ink)}[data-skin="ocean"] .game header{background:#071b2a;color:white;border-bottom:3px solid var(--aqua)}[data-skin="ocean"] .room{color:#9db1ba}[data-skin="ocean"] .room b{color:var(--aqua)}[data-skin="ocean"] .room button{color:#9db1ba}[data-skin="ocean"] .waiting p{color:#62747b}[data-skin="ocean"] .sonar{border-color:#0f759944;background:repeating-radial-gradient(circle,#0f759908 0 22px,#0f759930 23px 24px)}[data-skin="ocean"] .title p{color:#6f8186}[data-skin="ocean"] .title>span{color:var(--orange)}[data-skin="ocean"] #shuffle{color:var(--blue)}[data-skin="ocean"] .board>b{color:#75888d}[data-skin="ocean"] .cell{border:1px solid #a9c5c6;background:#f8fbf8;color:white}[data-skin="ocean"] .cell.ship{background:#1b6f8c;border-color:#e9f0ec;box-shadow:inset 0 0 0 2px #0a526d}[data-skin="ocean"] .cell.target:hover{background:#9de1db;box-shadow:inset 0 0 0 3px #159688}[data-skin="ocean"] .cell.hit{background:var(--orange)!important}[data-skin="ocean"] .cell.miss,[data-skin="ocean"] .cell.auto-miss{color:#508591;background:#d9e9e6}[data-skin="ocean"] .cell.sunk{background:#6f2528!important;color:#fff!important;border-color:#e9b0a8!important;box-shadow:inset 0 0 0 3px #3e1114!important;font-weight:900;text-shadow:0 1px 2px #000}[data-skin="ocean"] .hint,[data-skin="ocean"] .fleet-help{color:#718488}[data-skin="ocean"] #toast{background:#071624;color:white}[data-skin="ocean"] .cell.ship-selected{filter:brightness(1.2);box-shadow:inset 0 0 0 3px var(--aqua)}[data-skin="ocean"] .cell.forbidden{background:repeating-linear-gradient(135deg,#f4b5ad88 0 4px,#fbe4df88 4px 8px)}[data-skin="ocean"] .cell.preview-frame{box-shadow:inset 0 0 0 2px #ef8f7c88}[data-skin="ocean"] .cell.preview-valid{background:#32bfb1cc!important;box-shadow:inset 0 0 0 3px #087e73!important}[data-skin="ocean"] .cell.preview-invalid{background:#e65448cc!important;box-shadow:inset 0 0 0 3px #9e2018!important}[data-skin="ocean"] #leave-room{border:1px solid #ffffff38!important;color:#d8e3e6!important}[data-skin="ocean"] #leave-room:hover,[data-skin="ocean"] #leave-room:focus-visible{border-color:#ff8a75!important;color:#ff9b89!important;background:#e6544820!important}[data-skin="ocean"] .leave-modal,[data-skin="ocean"] .result-modal{background:#061521c7}[data-skin="ocean"] .leave-dialog,[data-skin="ocean"] .result-dialog{border:1px solid #ffffff22;background:#f8fbf8;color:var(--ink);box-shadow:0 22px 70px #0008}[data-skin="ocean"] .leave-dialog p,[data-skin="ocean"] .result-dialog p{color:#60747a}[data-skin="ocean"] .leave-dialog button:first-child,[data-skin="ocean"] .result-dialog #result-close{background:#dce7e4;color:#28434b}[data-skin="ocean"] .leave-dialog button:last-child{background:#c84b3d;color:white}[data-skin="ocean"] #toast.dismissible button{color:white}[data-skin="ocean"] .turn-banner{border:2px solid #91a9ac;background:#fff;color:var(--ink);box-shadow:0 8px 24px #163b5014}[data-skin="ocean"] .status-your-turn{background:#66e2d5;border-color:#168e83;box-shadow:0 8px 28px #18a99a42}[data-skin="ocean"] .status-opponent-turn,[data-skin="ocean"] .status-waiting-ready{background:#ffd98a;border-color:#d49324}[data-skin="ocean"] .status-shot-hit,[data-skin="ocean"] .status-shot-sunk{background:#ff9d78;border-color:#cc4d34}[data-skin="ocean"] .status-shot-miss{background:#b9ddea;border-color:#4386a0}[data-skin="ocean"] .status-won{background:#7ce5b3;border-color:#198e5a}[data-skin="ocean"] .status-lost{background:#e6d7cf;border-color:#9e7968}[data-skin="ocean"] .status-waiting,[data-skin="ocean"] .status-placing{background:#e8f0ed;border-color:#9bb3ae}[data-skin="ocean"] .board.field-active-your{outline:4px solid #20ae9f;outline-offset:5px;box-shadow:0 0 24px #19a99a66}[data-skin="ocean"] .board.field-active-opponent{outline:4px solid #e4a22f;outline-offset:5px;box-shadow:0 0 22px #dc991e55}[data-skin="ocean"] .board.field-dimmed{opacity:.72;filter:saturate(.82)}[data-skin="ocean"] .game.modal-open .board{opacity:.68;filter:saturate(.75)}[data-skin="ocean"] .game.modal-open .board.field-active-your,[data-skin="ocean"] .game.modal-open .board.field-active-opponent{outline-color:transparent;box-shadow:none}
@media(max-width:760px){[data-skin="ocean"] .board.field-active-your,[data-skin="ocean"] .board.field-active-opponent{outline-width:3px;outline-offset:2px}}
[data-skin="ocean"] .sound-launch{border-color:#ffffff38;background:#163b50;color:#eef4ef}[data-skin="ocean"] .sound-modal{background:#061521c7}[data-skin="ocean"] .sound-dialog{background:#f8fbf8;color:var(--ink)}[data-skin="ocean"] .sound-pack-card[aria-pressed="true"]{border-color:#159688;background:#d8f4ef}