[data-skin="ink-fleet"]{--ink-paper:#fffaf0;--ink-pen:#38249b;--ink-soft:#6e67b2;--ink-red:#c32632;--ink-orange:#b85d2b;--ink-green:#267c50;--ink-grid:#a4c9ea5c}
[data-skin="ink-fleet"] body{background-color:var(--ink-paper);background-image:linear-gradient(var(--ink-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ink-grid) 1px,transparent 1px);background-size:23px 23px;color:#30247c;font-family:"Comic Sans MS","Segoe Print","Bradley Hand",cursive}
[data-skin="ink-fleet"] body:before{content:"";position:fixed;left:max(38px,calc((100vw - 1180px)/2));inset-block:0;border-left:2px solid #cc667277;pointer-events:none}
[data-skin="ink-fleet"] .app-shell,[data-skin="ink-fleet"] .game{position:relative;background:transparent;color:#30247c}
[data-skin="ink-fleet"] .app-shell{background-color:#fffaf0df;background-image:linear-gradient(var(--ink-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ink-grid) 1px,transparent 1px);background-size:23px 23px}
[data-skin="ink-fleet"] .welcome form,[data-skin="ink-fleet"] .leave-dialog,[data-skin="ink-fleet"] .result-dialog,[data-skin="ink-fleet"] .skin-dialog{background:#fffaf0f3;color:#30247c;border:4px double var(--ink-pen);border-radius:7px;box-shadow:3px 4px 0 #38249b22}
[data-skin="ink-fleet"] .brand,[data-skin="ink-fleet"] .welcome h1,[data-skin="ink-fleet"] .welcome h1 em,[data-skin="ink-fleet"] .eyebrow{color:var(--ink-pen)}
[data-skin="ink-fleet"] .lead,[data-skin="ink-fleet"] .rules,[data-skin="ink-fleet"] .or,[data-skin="ink-fleet"] .leave-dialog p,[data-skin="ink-fleet"] .result-dialog p{color:#514890}
[data-skin="ink-fleet"] .welcome input,[data-skin="ink-fleet"] .join button,[data-skin="ink-fleet"] .primary{background:#fffdf5;color:var(--ink-pen);border:3px double var(--ink-pen);border-radius:5px;box-shadow:2px 2px 0 #38249b20}
[data-skin="ink-fleet"] .logo{background:#fffaf0;color:var(--ink-pen);border:3px double var(--ink-pen);box-shadow:none}
[data-skin="ink-fleet"] .radar,[data-skin="ink-fleet"] .sonar{border:3px double var(--ink-pen);background:repeating-radial-gradient(circle,transparent 0 18px,#38249b1c 19px 20px)}
[data-skin="ink-fleet"] .radar span,[data-skin="ink-fleet"] .sonar span{background:conic-gradient(#38249b1d,transparent 24%)}
[data-skin="ink-fleet"] .radar b,[data-skin="ink-fleet"] .sonar b{color:var(--ink-pen)}
[data-skin="ink-fleet"] .game header{background:#fffaf0ed;color:var(--ink-pen);border-bottom:4px double var(--ink-pen);box-shadow:none}
[data-skin="ink-fleet"] .room,[data-skin="ink-fleet"] .room b,[data-skin="ink-fleet"] .room button{color:var(--ink-pen)}
[data-skin="ink-fleet"] #leave-room{border:2px solid var(--ink-red)!important;color:var(--ink-red)!important;background:transparent!important}
[data-skin="ink-fleet"] .skin-launch,[data-skin="ink-fleet"] #skin-close{border:2px solid var(--ink-pen)!important;background:#fffaf0!important;color:var(--ink-pen)!important;border-radius:5px}
[data-skin="ink-fleet"] .turn-banner{background:#fffaf0f4;color:var(--ink-pen);border:4px double var(--ink-pen);border-radius:6px;box-shadow:3px 4px 0 #38249b20}
[data-skin="ink-fleet"] .status-opponent-turn,[data-skin="ink-fleet"] .status-waiting-ready{color:#a95626;border-color:#b76931}
[data-skin="ink-fleet"] .status-shot-hit,[data-skin="ink-fleet"] .status-shot-sunk,[data-skin="ink-fleet"] .status-lost{color:var(--ink-red);border-color:var(--ink-red)}
[data-skin="ink-fleet"] .status-won b{font-size:0}[data-skin="ink-fleet"] .status-won b:after{content:"🏆 Перемога! Флот суперника знищено";font-size:clamp(18px,2.3vw,25px)}[data-skin="ink-fleet"] .status-lost b:before{content:"💩 ";color:var(--ink-red)}
[data-skin="ink-fleet"] .board-viewport{position:relative;isolation:isolate;overflow:visible;background-color:rgba(255,252,242,.96)}
[data-skin="ink-fleet"] .board-cells{position:relative;z-index:1;background:transparent;outline:0;box-shadow:none}
[data-skin="ink-fleet"] .board-cells>b{color:var(--ink-pen);font-size:12px;font-weight:900;text-shadow:.4px .3px var(--ink-pen)}
[data-skin="ink-fleet"] .board-cells>.coord-0{transform:translate(-1px,1px) rotate(-4deg)}
[data-skin="ink-fleet"] .board-cells>.coord-1{transform:translate(1px,-1px) rotate(3deg);font-weight:700}
[data-skin="ink-fleet"] .board-cells>.coord-2{transform:translate(0,1px) rotate(-1deg);font-weight:900}
[data-skin="ink-fleet"] .cell{position:relative;border-color:transparent!important;background:transparent!important;color:transparent;font-size:0;box-shadow:none!important}
[data-skin="ink-fleet"] .cell.ship,[data-skin="ink-fleet"] .cell.hit,[data-skin="ink-fleet"] .cell.sunk,[data-skin="ink-fleet"] .cell.miss,[data-skin="ink-fleet"] .cell.auto-miss{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
[data-skin="ink-fleet"] .board-ink-grid,[data-skin="ink-fleet"] .board-ship-overlays,[data-skin="ink-fleet"] .board-shot-overlays{display:block;position:absolute;left:28px;top:28px;right:0;bottom:0;pointer-events:none;overflow:hidden}
[data-skin="ink-fleet"] .board-ink-grid{z-index:2}
[data-skin="ink-fleet"] .board-ink-grid img{display:block;width:100%;height:100%;pointer-events:none}
[data-skin="ink-fleet"] .board-ship-overlays{z-index:3}
[data-skin="ink-fleet"] .board-shot-overlays{z-index:5}
[data-skin="ink-fleet"] .ink-ship-overlay{display:block;position:absolute;left:calc(var(--ship-x) * 10%);top:calc(var(--ship-y) * 10%);width:calc(var(--ship-length) * 10%);height:10%;pointer-events:none;overflow:visible}
[data-skin="ink-fleet"] .ink-ship-overlay.ink-vertical{width:10%;height:calc(var(--ship-length) * 10%)}
[data-skin="ink-fleet"] .ink-ship-overlay img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;transform:scaleY(1.12);transform-origin:center}
[data-skin="ink-fleet"] .ink-ship-overlay.ink-vertical img{position:absolute;left:50%;top:50%;width:calc(100% * var(--ship-length));height:calc(100% / var(--ship-length));transform:translate(-50%,-50%) rotate(90deg) scaleY(1.12);transform-origin:center}
[data-skin="ink-fleet"] .ink-shot{position:absolute;left:calc(var(--shot-x) * 10%);top:calc(var(--shot-y) * 10%);width:10%;height:10%;pointer-events:none;background-position:center;background-repeat:no-repeat}
[data-skin="ink-fleet"] .ink-shot-hit{background-image:url("assets/hits/ink-hit.svg?v=1.9.0");background-size:82% 82%}
[data-skin="ink-fleet"] .ink-shot-miss,[data-skin="ink-fleet"] .ink-shot-auto-miss{background-image:url("assets/misses/ink-miss-0.svg?v=1.9.0");background-size:62% 62%}
[data-skin="ink-fleet"] .ink-shot-miss.ink-mark-1,[data-skin="ink-fleet"] .ink-shot-auto-miss.ink-mark-1{background-image:url("assets/misses/ink-miss-1.svg?v=1.9.0")}
[data-skin="ink-fleet"] .ink-shot-miss.ink-mark-2,[data-skin="ink-fleet"] .ink-shot-auto-miss.ink-mark-2{background-image:url("assets/misses/ink-miss-2.svg?v=1.9.0")}
[data-skin="ink-fleet"] .ink-shot-miss.ink-mark-3,[data-skin="ink-fleet"] .ink-shot-auto-miss.ink-mark-3{background-image:url("assets/misses/ink-miss-3.svg?v=1.9.0")}
[data-skin="ink-fleet"] .ink-shot-auto-miss{opacity:.48}
[data-skin="ink-fleet"] .ink-sunk{filter:saturate(.8) contrast(1.18)}
[data-skin="ink-fleet"] .ink-sunk:after{content:"";position:absolute;z-index:2;inset:-8% -2%;background:url("assets/hits/ink-sunk-strikes.svg?v=1.9.0") center/100% 100% no-repeat;pointer-events:none}
[data-skin="ink-fleet"] .board-viewport.field-active-your:after,[data-skin="ink-fleet"] .board-viewport.field-active-opponent:after{content:"";position:absolute;z-index:6;left:24px;top:24px;right:-4px;bottom:-4px;background:url("assets/grid/ink-active-frame.svg?v=1.9.0") center/100% 100% no-repeat;pointer-events:none}
[data-skin="ink-fleet"] .board-viewport.field-active-opponent:after{filter:hue-rotate(165deg) saturate(1.4)}
[data-skin="ink-fleet"] .board.field-active-your,[data-skin="ink-fleet"] .board.field-active-opponent{outline:0;box-shadow:none}
[data-skin="ink-fleet"] .board.field-dimmed{opacity:1;filter:none}[data-skin="ink-fleet"] .board-viewport.field-dimmed{opacity:.73;filter:saturate(.75)}[data-skin="ink-fleet"] .board.field-pulse{animation:none}[data-skin="ink-fleet"] .game.modal-open .board-viewport{opacity:.68;filter:saturate(.72)}
[data-skin="ink-fleet"] .cell.target:hover{background:#7771bd20!important;box-shadow:inset 0 0 0 2px #38249b55!important}
[data-skin="ink-fleet"] .cell.ship-selected{z-index:2;box-shadow:inset 0 0 0 3px var(--ink-green)!important}
[data-skin="ink-fleet"] .cell.forbidden{background:repeating-linear-gradient(135deg,#c638483d 0 3px,#fffaf000 4px 8px)!important}
[data-skin="ink-fleet"] .cell.preview-valid{background:#63b37a40!important;box-shadow:inset 0 0 0 3px var(--ink-green)!important}
[data-skin="ink-fleet"] .cell.preview-invalid{background:#d9586240!important;box-shadow:inset 0 0 0 3px var(--ink-red)!important}
[data-skin="ink-fleet"] .ink-drag-preview{z-index:4;opacity:.8}
[data-skin="ink-fleet"] .ink-preview-valid{filter:sepia(.2) hue-rotate(75deg) saturate(1.8)}
[data-skin="ink-fleet"] .ink-preview-invalid{filter:sepia(.55) hue-rotate(300deg) saturate(2)}
[data-skin="ink-fleet"] .skin-card{background:#fffdf5;border:2px solid #777bb5;color:var(--ink-pen)}
[data-skin="ink-fleet"] .skin-card[aria-pressed="true"]{border:4px double var(--ink-pen);box-shadow:2px 3px 0 #38249b28}
[data-skin="ink-fleet"] .skin-card mark{background:transparent;color:var(--ink-pen);text-decoration:underline}
[data-skin="ink-fleet"] .leave-modal,[data-skin="ink-fleet"] .result-modal,[data-skin="ink-fleet"] .skin-modal{background:#38426b4d}
[data-skin="ink-fleet"] .leave-dialog button,[data-skin="ink-fleet"] .result-dialog button{border:2px solid var(--ink-pen);background:var(--ink-paper);color:var(--ink-pen);border-radius:5px}
[data-skin="ink-fleet"] .leave-dialog button:last-child{border-color:var(--ink-red);color:var(--ink-red);background:var(--ink-paper)}
[data-skin="ink-fleet"] .result-dialog #result-close{background:var(--ink-paper);color:var(--ink-pen);border:2px solid var(--ink-pen)}
[data-skin="ink-fleet"] #toast{background:var(--ink-paper);color:var(--ink-pen);border:3px double var(--ink-pen)}
@media(max-width:760px){[data-skin="ink-fleet"] body:before{display:none}[data-skin="ink-fleet"] .game header{background:#fffaf0}[data-skin="ink-fleet"] .board-viewport{max-width:100%}}
@media(prefers-reduced-motion:reduce){[data-skin="ink-fleet"] .ink-ship-overlay,[data-skin="ink-fleet"] .ink-shot{transition:none;animation:none}}
[data-skin="ink-fleet"] .sound-launch,[data-skin="ink-fleet"] .sound-actions button{background:var(--ink-paper);color:var(--ink-pen);border:2px solid var(--ink-pen)}[data-skin="ink-fleet"] .sound-modal{background:#38426b4d}[data-skin="ink-fleet"] .sound-dialog,[data-skin="ink-fleet"] .sound-pack-card{background:#fffaf0f4;color:var(--ink-pen);border:4px double var(--ink-pen);border-radius:7px}[data-skin="ink-fleet"] .sound-pack-card[aria-pressed="true"]{background:#fffdf5;box-shadow:2px 3px 0 #38249b28}[data-skin="ink-fleet"] .sound-pack-card mark{background:transparent;color:var(--ink-pen);text-decoration:underline}