@import url("pirate-home.css?v=1.30.65&rev=9ef525e7ab8a");
@font-face{font-family:PiratePieces;src:url("assets/fonts/pieces-of-eight-cyrillic-aa-v2.ttf?v=1.30.65&rev=46e4953870b9") format("truetype");font-weight:400;font-style:normal;font-display:swap}

[data-skin="pirate-chart"]{
 --pirate-ink:#18273a;--pirate-muted:#59604f;--pirate-red:#9f2f25;--pirate-green:#315d45;--pirate-blue:#234d69;--pirate-gold:#b27a31;
 --pirate-paper:#ead4a2;--pirate-paper-light:#f5e7c2;--pirate-wood:#2a160f;--pirate-sea:#347b82;
 --board-active-your:#315d45;--board-active-opponent:#9f2f25;
 --ui-bg:#342016;--ui-paper:#f0ddad;--ui-text:#18273a;--ui-muted:#59604f;--ui-border:#58371f;--ui-accent:#9f2f25;
 --ui-button-bg:#ead4a2;--ui-button-text:#18273a;--ui-input-bg:#f7e9c4;--ui-shadow:0 5px 0 #2d170d55,0 12px 24px #12090535;
 --ui-heading-font:PiratePieces,Georgia,serif;--ui-body-font:PiratePieces,Georgia,serif;--ui-radius:3px;--ui-line:double;
 --ui-grid:#3f727540;--ui-margin:#9f2f2544;--ui-decor-display:block;--ui-decor-filter:sepia(.55) saturate(.75);--ui-error:#8f251e;
}
[data-skin="pirate-chart"] body{color:var(--pirate-ink);font-family:var(--ui-body-font);background-color:#2b180f;background-image:linear-gradient(#1d0f0990,#1d0f0990),repeating-linear-gradient(90deg,#3a2115 0 9%,#24130c 9% 18%,#442719 18% 27%);background-attachment:fixed}
[data-skin="pirate-chart"] body::before{content:"";position:fixed;z-index:-1;inset:68px max(14px,calc((100vw - 1260px)/2)) 48px;border:1px solid #6e4828;border-radius:8px;background-color:var(--pirate-paper);background-image:radial-gradient(circle at 14% 20%,#82522118 0 1px,transparent 2px),radial-gradient(circle at 83% 72%,#6d321d16 0 1px,transparent 2px),linear-gradient(105deg,transparent 72%,#7c532311 73% 74%,transparent 75%),linear-gradient(#f6e8c3b8,#d9bc7ab8);background-size:31px 29px,43px 41px,100% 100%,100% 100%;box-shadow:0 0 0 8px #1d0f0988,0 20px 55px #0008,inset 0 0 55px #75451945;pointer-events:none}
[data-skin="pirate-chart"] :is(.app-shell,.game,.zaruba-home,.account-shell){position:relative;background:transparent;color:var(--pirate-ink);font-family:var(--ui-body-font)}
[data-skin="pirate-chart"] :is(button,input,select,textarea){font-family:var(--ui-body-font)}
[data-skin="pirate-chart"] :is(.game header,.turn-banner,.welcome form,.player-dialog,.skin-dialog,.sound-dialog,.result-dialog,.leave-dialog,.account-dialog,#global-settings-panel){background-color:#efdcae;color:var(--pirate-ink);background-image:linear-gradient(93deg,#fff2cf90,#d7b8763b),radial-gradient(#6e472011 .7px,transparent .9px);background-size:auto,8px 8px;border:4px double #5b351c;border-radius:3px;box-shadow:var(--ui-shadow)}
[data-skin="pirate-chart"] :is(.game header,.room-navbar){border-bottom-color:#58371f}
[data-skin="pirate-chart"] :is(h1,h2,h3,.brand,.eyebrow,.turn-banner b){font-family:var(--ui-heading-font);letter-spacing:.035em}
[data-skin="pirate-chart"] .turn-banner b{font-size:clamp(26px,3vw,42px);text-transform:none}
[data-skin="pirate-chart"] :is(.status-shot-hit,.status-shot-sunk,.status-lost){color:var(--pirate-red);border-color:var(--pirate-red)}
[data-skin="pirate-chart"] :is(.status-opponent-turn,.status-waiting-ready){color:#78511f;border-color:#8d672b}

/* Cartouche controls shared by lobby, dialogs, account screens and post-game actions. */
[data-skin="pirate-chart"] :is(.game-button,.home-actions button,.home-actions input,.battle .primary,.battle #shuffle,.waiting #invite,.player-dialog button,.skin-dialog button,.sound-dialog button,.result-dialog button,.leave-dialog button,.account-shell button,.account-shell input,.account-shell select,.post-game-controls button){
 color:var(--pirate-ink);background-color:#f0ddad;background-image:linear-gradient(96deg,#fff0c9aa,#d0a96335);border:3px double #614022;border-radius:2px;box-shadow:0 4px 0 #44251355,0 7px 14px #21110828;font-weight:700
}
[data-skin="pirate-chart"] :is(.game-button,.home-actions button,.battle .primary,.battle #shuffle,.waiting #invite,.player-dialog button,.skin-dialog button,.sound-dialog button,.result-dialog button,.leave-dialog button,.account-shell button,.post-game-controls button):hover:not(:disabled){background-color:#f7e9c4;color:#731f18;transform:translateY(-1px)}
[data-skin="pirate-chart"] :is(button,a,input,select):focus-visible{outline:3px solid #b33b2d;outline-offset:3px}
[data-skin="pirate-chart"] :is(.skin-card,.sound-pack-card)[aria-pressed="true"]{border-color:var(--pirate-red);background:#f6e3b8;box-shadow:0 0 0 2px #9f2f2544}
[data-skin="pirate-chart"] :is(.skin-card,.sound-pack-card) mark{background:var(--pirate-red);color:#fff7dd}
[data-skin="pirate-chart"] :is(.skin-modal,.sound-modal,.leave-modal,.result-modal,.player-modal){background:#1a0c08b8;backdrop-filter:blur(3px)}
[data-skin="pirate-chart"] #toast{background:#f0ddad;color:var(--pirate-ink);border:3px double #58371f;border-radius:2px;box-shadow:var(--ui-shadow)}
[data-skin="pirate-chart"] .player-country-flag{box-sizing:content-box;width:28px!important;height:21px!important;margin:-4px 7px -4px 3px;border:5px solid transparent;border-image:url("assets/pirate-flag-frame.webp?v=1.29.15&rev=d16b5b1754ff") 46 39 46 39 / 5px / 2px stretch;border-radius:0;object-fit:fill;filter:sepia(.16) saturate(.82) contrast(.96) drop-shadow(0 2px 1px #2a110a85);transform:rotate(-1deg)}

/* Captain's leather epaulettes replace the modern naval cards in every progression view. */
[data-skin="pirate-chart"] .rank-insignia,[data-skin="pirate-chart"] .rank-insignia[data-rank]{box-sizing:border-box;width:82px;height:104px;color:#f2c66e;background-color:#35170d!important;background-image:radial-gradient(circle at 10px 11px,#ffe29a 0 2px,#9c5e22 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 10px) 11px,#ffe29a 0 2px,#9c5e22 3px 5px,transparent 6px),linear-gradient(90deg,#1c0b07 0 8%,#6d3319 18%,#3b190e 48% 52%,#6d3319 82%,#1c0b07 92% 100%)!important;border:4px double #c68b3e;border-radius:13px 13px 26px 26px;clip-path:polygon(7% 0,93% 0,100% 9%,96% 82%,73% 100%,50% 92%,27% 100%,4% 82%,0 9%);box-shadow:inset 0 0 0 2px #2a1008,inset 0 0 16px #080301b8,0 4px 0 #241006,0 8px 11px #1d0b0766;overflow:hidden;text-shadow:0 2px 1px #180806}
[data-skin="pirate-chart"] .rank-insignia::after{content:"";position:absolute;inset:8px 7px 13px;border:1px solid #e0ad5885;border-radius:8px 8px 18px 18px;box-shadow:inset 0 0 0 1px #1f0a06b8;pointer-events:none}
[data-skin="pirate-chart"] .rank-insignia>svg{top:12px;width:38px;height:38px;color:#f4cb75;filter:drop-shadow(0 2px 0 #1c0905);z-index:2}
[data-skin="pirate-chart"] .rank-insignia i{inset:auto 12px 23px;height:7px;border-block:3px solid #d99e49;filter:drop-shadow(0 1px #1d0905);z-index:2}
[data-skin="pirate-chart"] .rank-insignia[data-rank*=admiral] i{height:13px;border-width:3px}
[data-skin="pirate-chart"] .rank-insignia b{align-self:end;margin-bottom:9px;color:#ffe18e;font-size:14px;line-height:1;filter:drop-shadow(0 2px #1d0905);z-index:3}
[data-skin="pirate-chart"] .rank-insignia.compact,[data-skin="pirate-chart"] .rank-insignia.compact[data-rank]{width:56px;height:70px;border-width:3px;border-radius:9px 9px 18px 18px;background-image:radial-gradient(circle at 7px 8px,#ffe29a 0 1px,#9c5e22 2px 3px,transparent 4px),radial-gradient(circle at calc(100% - 7px) 8px,#ffe29a 0 1px,#9c5e22 2px 3px,transparent 4px),linear-gradient(90deg,#1c0b07 0 8%,#6d3319 18%,#3b190e 48% 52%,#6d3319 82%,#1c0b07 92% 100%)!important}
[data-skin="pirate-chart"] .rank-insignia.compact::after{inset:5px 4px 8px;border-radius:5px 5px 12px 12px}
[data-skin="pirate-chart"] .rank-insignia.compact>svg{top:7px;width:25px;height:25px}
[data-skin="pirate-chart"] .rank-insignia.compact i{inset:auto 8px 15px;height:4px;border-width:2px}
[data-skin="pirate-chart"] .rank-insignia.compact[data-rank*=admiral] i{height:8px;border-width:2px}
[data-skin="pirate-chart"] .rank-insignia.compact b{margin-bottom:5px;gap:1px;font-size:9px}

/* The finished-match sheet belongs to the captain's chart, not the notebook skin. */
[data-skin="pirate-chart"] #result-modal{background:radial-gradient(circle at 50% 40%,#5d331d70,#160a06d9 68%)!important;backdrop-filter:blur(4px) sepia(.16)}
[data-skin="pirate-chart"] #result-modal .result-dialog{position:relative;isolation:isolate;width:min(700px,100%);padding:30px 34px 24px;color:#2b180e;background-color:#e4c483;background-image:radial-gradient(circle at 18% 24%,#6b351b17 0 1px,transparent 2px),radial-gradient(circle at 81% 72%,#7a3c1c12 0 1px,transparent 2px),repeating-linear-gradient(8deg,#6e3b1708 0 1px,transparent 1px 7px),linear-gradient(105deg,#f8e5b7f2,#cf9f58e8)!important;background-size:31px 29px,43px 41px,auto,auto!important;border:8px double #4c2815!important;border-radius:8px 4px 10px 5px!important;outline:1px solid #f7dc9f7a;outline-offset:-13px;box-shadow:inset 0 0 42px #6f321b4d,0 10px 0 #251107b5,0 26px 70px #080301cc!important;font-family:var(--ui-body-font);text-align:center;scrollbar-color:#70401f #d8b16d}
[data-skin="pirate-chart"] #result-modal .result-dialog::before{content:"";position:absolute;z-index:0;inset:15px;border:1px solid #74431f70;clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));pointer-events:none}
[data-skin="pirate-chart"] #result-modal .result-dialog>*{position:relative;z-index:1}
[data-skin="pirate-chart"] #result-modal .result-icon{display:grid;width:82px;height:82px;margin:0 auto 8px;padding:16px;place-items:center;color:#30180c;background:radial-gradient(circle at 38% 30%,#ffe6a7 0 7%,#d59532 28%,#8b501d 58%,#3a1c0c 72%,#b47629 76% 82%,#3a1c0c 84%);border:4px double #e2ac50;border-radius:50%;filter:drop-shadow(0 5px 2px #35160875);text-shadow:none}
[data-skin="pirate-chart"] #result-modal .result-icon svg{color:#2b160c;filter:drop-shadow(0 1px #ffe2a0)}
[data-skin="pirate-chart"] #result-modal #result-title{margin:0 0 10px;color:#2d170e;font:700 clamp(42px,4.5vw,58px)/1 var(--ui-heading-font);letter-spacing:.045em;text-shadow:0 2px #f8e0a9}
[data-skin="pirate-chart"] #result-modal .result-badges{gap:8px;margin:0 0 12px}
[data-skin="pirate-chart"] #result-modal .result-badges>.mode-badge{min-height:38px;padding:7px 13px;color:#392014;background:#efd79e;border:3px double #68401f;border-radius:2px;box-shadow:inset 0 0 0 1px #fff0bd75,0 3px 0 #55301938;font:700 18px/1 var(--ui-body-font)}
[data-skin="pirate-chart"] #result-modal .result-players{margin:0 0 8px;color:#382116;font:700 21px/1.25 var(--ui-body-font)}
[data-skin="pirate-chart"] #result-modal #result-description{max-width:48ch;margin:0 auto 15px;color:#4c2c1b;font:400 20px/1.35 var(--ui-body-font)}
[data-skin="pirate-chart"] #result-modal :is(.result-progression,.result-stats){color:#321c12;background-color:#edd59b;background-image:linear-gradient(98deg,#fff0c580,#c9984e26),radial-gradient(#6b351d12 .8px,transparent 1px);background-size:auto,10px 10px;border:3px double #68401f;border-radius:4px 7px 3px 6px;box-shadow:inset 0 0 0 2px #fff0bd5c,0 5px 0 #4d29152b}
[data-skin="pirate-chart"] #result-modal .result-progression{padding:13px 15px;gap:8px 12px}
[data-skin="pirate-chart"] #result-modal .result-progression>strong{color:#7a251d;font:700 31px/1 var(--ui-heading-font);text-shadow:0 1px #ffe2a4}
[data-skin="pirate-chart"] #result-modal .result-rank{font-size:19px}
[data-skin="pirate-chart"] #result-modal .result-xp-transition{font-size:16px}
[data-skin="pirate-chart"] #result-modal .result-xp-transition i{height:8px;background:#3c21152b;border:1px solid #70401f70;box-shadow:inset 0 1px 2px #2b120b75}
[data-skin="pirate-chart"] #result-modal .result-duration{font-size:17px}
[data-skin="pirate-chart"] #result-modal .result-duration time{color:#7a251d;font-size:21px}
[data-skin="pirate-chart"] #result-modal .earned-group>b{font-size:15px}
[data-skin="pirate-chart"] #result-modal .earned-item{min-height:34px;padding:6px 9px;background:#f4dfaa80;border-color:#70401f;font-size:15px}
[data-skin="pirate-chart"] #result-modal .earned-more{font-size:15px}
[data-skin="pirate-chart"] #result-modal .result-progression details{color:#52311e;font-size:15px}
[data-skin="pirate-chart"] #result-modal .result-progression details div{padding:5px 0}
[data-skin="pirate-chart"] #result-modal .result-stats{margin-top:12px;padding:13px 15px}
[data-skin="pirate-chart"] #result-modal .result-stats h3{margin:0 0 11px;color:#321b11;font:700 28px/1 var(--ui-heading-font);letter-spacing:.05em}
[data-skin="pirate-chart"] #result-modal .result-stats dl{gap:12px 4px}
[data-skin="pirate-chart"] #result-modal .result-stats dl>div{border-left-color:#70401f38}
[data-skin="pirate-chart"] #result-modal .result-stats dt{color:#68482d;font:400 17px/1.2 var(--ui-body-font)}
[data-skin="pirate-chart"] #result-modal .result-stats dd{margin:4px 0 0;color:#2f190f;font:700 28px/1.2 var(--ui-heading-font)}
[data-skin="pirate-chart"] #result-modal .result-actions{gap:10px 12px;margin-top:16px}
[data-skin="pirate-chart"] #result-modal .result-actions>button{min-height:66px!important;padding:8px 34px!important;color:#fff1cc!important;background-color:transparent!important;background-image:url("assets/ammo-crate-button.webp?v=1.29.14&rev=c5281f0cbbcb")!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 2px #210d0788);font:700 21px/1.05 var(--ui-body-font)!important;text-shadow:0 2px 1px #180905;text-decoration:none}
[data-skin="pirate-chart"] #result-modal .result-actions>#result-rematch{background-image:url("assets/ammo-crate-button-blue.webp?v=1.29.14&rev=b0efecc80470")!important}
[data-skin="pirate-chart"] #result-modal .result-actions>[data-social-action="share"]{background-image:url("assets/ammo-crate-button-purple.webp?v=1.29.14&rev=11bde8819542")!important}
[data-skin="pirate-chart"] #result-modal .result-actions>[data-social-action="challenge"]{background-image:url("assets/ammo-crate-button-red.webp?v=1.29.14&rev=800891a77291")!important}
[data-skin="pirate-chart"] #result-modal .result-actions>button:hover:not(:disabled){color:#fff7df!important;background-color:transparent!important;filter:brightness(1.12) drop-shadow(0 6px 2px #210d0799);transform:translateY(-1px)}
[data-skin="pirate-chart"] #result-modal #result-close.result-secondary{display:block;width:min(330px,100%)!important;min-height:54px;margin:12px auto 0;padding:12px 45px!important;color:#321b11!important;background:transparent url("assets/heading-scroll.webp?v=1.29.14&rev=133ea40f3208") center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 3px 2px #35160855);font:700 19px/1 var(--ui-body-font);text-decoration:none;text-shadow:0 1px #ffe8b8}

[data-skin="pirate-chart"] .post-game-controls button{min-width:190px;min-height:62px;padding:8px 32px;color:#fff0c8;background-color:transparent!important;background-image:url("assets/ammo-crate-button.webp?v=1.29.14&rev=c5281f0cbbcb")!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 2px #210d0788);font:700 20px/1.05 var(--ui-body-font);text-shadow:0 2px 1px #180905}
[data-skin="pirate-chart"] .post-game-controls [data-rematch]{background-image:url("assets/ammo-crate-button-blue.webp?v=1.29.14&rev=b0efecc80470")!important}
[data-skin="pirate-chart"] .post-game-controls #post-game-result{background-image:url("assets/ammo-crate-button-green.webp?v=1.29.14&rev=14b96fb10d94")!important}
[data-skin="pirate-chart"] .post-game-controls button:hover:not(:disabled){color:#fff7df;background-color:transparent!important;filter:brightness(1.12) drop-shadow(0 6px 2px #210d0799)}

/* HOME is an engraved title sheet, not a modern card. */
[data-skin="pirate-chart"] .zaruba-home{--home-paper:#f0ddad;--home-ink:var(--pirate-ink);--home-muted:#59604f;--home-button:#603219;min-height:calc(100dvh - 48px);padding:28px 24px 48px;overflow:clip}
[data-skin="pirate-chart"] .zaruba-home .home-center{width:min(760px,100%);margin:auto}
[data-skin="pirate-chart"] .zaruba-home .home-brand{margin-bottom:25px}
[data-skin="pirate-chart"] .zaruba-home .home-brand>div{font-family:var(--ui-heading-font);font-size:27px;letter-spacing:.19em}
[data-skin="pirate-chart"] .zaruba-home .home-brand p{font-family:var(--ui-heading-font);font-size:11px;letter-spacing:.28em;color:#5a4937}
[data-skin="pirate-chart"] .zaruba-home .home-anchor{border:2px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 3px #eddaa8}
[data-skin="pirate-chart"] .zaruba-home .home-radar{display:block;position:absolute;z-index:-1;left:-155px;top:70px;width:550px;opacity:.16;filter:sepia(1) contrast(1.1)}
[data-skin="pirate-chart"] .zaruba-home #home-title{font-family:var(--ui-heading-font);font-size:clamp(52px,7vw,86px);line-height:.95;letter-spacing:.015em;text-transform:uppercase;color:var(--pirate-ink);text-shadow:1px 1px #f8e9c5}
[data-skin="pirate-chart"] .zaruba-home #home-title em{display:block;margin-top:8px;font-family:var(--ui-body-font);font-size:.66em;font-weight:500;font-style:italic;text-transform:none;letter-spacing:.015em;color:#321c15}
[data-skin="pirate-chart"] .zaruba-home .home-underline{display:block;width:380px;height:12px;margin:13px auto 13px;color:var(--pirate-red);filter:sepia(.2) saturate(1.8)}
[data-skin="pirate-chart"] .zaruba-home .home-description{font-size:21px;line-height:1.25;margin-bottom:14px;color:#4e5147}
[data-skin="pirate-chart"] .zaruba-home .home-live-status{background:#eddaaa;border:3px double #654324;border-radius:2px;padding:8px 16px;font-size:18px;box-shadow:0 3px 0 #57351b35}
[data-skin="pirate-chart"] .zaruba-home .home-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px 40px;width:100%;position:relative}
[data-skin="pirate-chart"] .zaruba-home :is(.mode-selector,.opponent-selector,.bot-difficulty){grid-column:1/-1;text-align:left}
[data-skin="pirate-chart"] .zaruba-home fieldset legend,[data-skin="pirate-chart"] .zaruba-home .home-path-heading{font:700 23px/1.1 var(--ui-heading-font);letter-spacing:.06em;text-transform:uppercase;color:#322319}
[data-skin="pirate-chart"] .zaruba-home .home-join.mode-options{gap:16px}
[data-skin="pirate-chart"] .zaruba-home .mode-options button{min-height:62px;font-size:23px}
[data-skin="pirate-chart"] .zaruba-home .mode-options [aria-pressed="true"]{background:#f7eac9;box-shadow:inset 0 0 0 2px #9d2d23,0 4px 0 #44251355;color:#781f19}
[data-skin="pirate-chart"] .zaruba-home .home-path-heading{display:block;margin:8px 0 0;text-align:left}
[data-skin="pirate-chart"] .zaruba-home .home-create-heading{grid-column:1;grid-row:4}[data-skin="pirate-chart"] .zaruba-home .home-join-heading{grid-column:2;grid-row:4}
[data-skin="pirate-chart"] .zaruba-home .home-create{grid-column:1;grid-row:5;min-height:60px;font-size:25px;background:#74291e;color:#fff2cf;border-color:#4c170f}
[data-skin="pirate-chart"] .zaruba-home #entry .home-join-path{grid-column:2;grid-row:5/7;display:grid;grid-template-rows:60px 60px;gap:11px}
[data-skin="pirate-chart"] .zaruba-home #entry .home-join-path :is(button,input){min-height:60px;height:60px;font-size:22px}
[data-skin="pirate-chart"] .zaruba-home .home-actions>[data-social-action="invite"]{grid-column:1;grid-row:6;min-height:60px;font-size:21px;background:#40365f;color:#fff4d3}
[data-skin="pirate-chart"] .zaruba-home .home-actions>[data-social-action="continue"]{grid-column:1/-1;grid-row:8}
[data-skin="pirate-chart"] .zaruba-home .home-or{display:flex;position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:150px;flex-direction:column;gap:5px;font:500 italic 21px/1 var(--ui-body-font)}
[data-skin="pirate-chart"] .zaruba-home .home-or span{display:block;width:1px;min-height:20px;flex:1;background:#6e4a2d}
[data-skin="pirate-chart"] .home-invite-hint{display:none}
[data-skin="pirate-chart"] .zaruba-home [hidden]{display:none!important}
[data-skin="pirate-chart"] .zaruba-home .bot-difficulty:not([hidden]){grid-row:4;margin-top:8px}
[data-skin="pirate-chart"] .zaruba-home .home-actions:has(.bot-difficulty:not([hidden])) .home-create{grid-column:1/-1}
[data-skin="pirate-chart"] .home-decoration{height:150px;background:url("assets/ships/ship-4-a.webp") center/contain no-repeat;filter:drop-shadow(0 6px 3px #24120b70);opacity:.68}
[data-skin="pirate-chart"] .home-decoration img{display:none}
[data-skin="pirate-chart"] .home-decoration-right{transform:scaleX(-1)}
[data-skin="pirate-chart"] .home-footer{color:#654f38}

/* Nautical-chart boards with dedicated pirate fleet overlays. */
[data-skin="pirate-chart"] .battle{font-family:var(--ui-body-font)}
[data-skin="pirate-chart"] .title p{font-family:var(--ui-heading-font);font-size:12px;letter-spacing:.16em}
[data-skin="pirate-chart"] .title h2{font:700 23px/1.1 var(--ui-body-font)}
[data-skin="pirate-chart"] .board-viewport{position:relative;isolation:isolate;overflow:visible;padding:7px;background:#d3b777;border:4px double #4f321e;border-radius:2px;box-shadow:0 7px 0 #2a170d55,0 15px 30px #1c0d0730}
[data-skin="pirate-chart"] .board-cells{position:relative;z-index:1;background:#2f747a;outline:0;box-shadow:inset 0 0 25px #123f4655}
[data-skin="pirate-chart"] .board-cells>b{color:#2a1c14;font-family:var(--ui-heading-font);font-size:12px;text-shadow:0 1px #f1dca8}
[data-skin="pirate-chart"] .cell{position:relative;border:1px solid #173f44aa!important;background:linear-gradient(145deg,#5a929166,#24686d55)!important;color:transparent!important;font-size:0;box-shadow:inset 0 0 0 1px #d9ede619!important}
[data-skin="pirate-chart"] :is(.pirate-water-layer,.pirate-ship-layer,.pirate-shot-layer,.hit-smoke-layer){display:block;position:absolute;left:35px;top:35px;right:7px;bottom:7px;pointer-events:none;overflow:hidden}
[data-skin="pirate-chart"] .pirate-water-layer{z-index:2;background-image:radial-gradient(ellipse at 40% 35%,#eef5df55 0 1px,transparent 2px),linear-gradient(165deg,transparent 47%,#d7e9d52b 49% 51%,transparent 53%);background-size:33px 27px,45px 31px;mix-blend-mode:screen;opacity:.38}
[data-skin="pirate-chart"] .pirate-ship-layer{z-index:3}[data-skin="pirate-chart"] .pirate-shot-layer{z-index:5}
[data-skin="pirate-chart"] .pirate-ship{display:block;position:absolute;left:calc(var(--ship-x)*var(--cell-share,10%));top:calc(var(--ship-y)*var(--cell-share,10%));width:calc(var(--ship-length)*var(--cell-share,10%));height:var(--cell-share,10%);overflow:visible;filter:drop-shadow(0 3px 2px #0b2629aa)}
[data-skin="pirate-chart"] .pirate-ship.pirate-vertical{width:var(--cell-share,10%);height:calc(var(--ship-length)*var(--cell-share,10%))}
[data-skin="pirate-chart"] .pirate-ship>img:not(.pirate-wreck){display:block;width:100%;height:100%;object-fit:fill;transform:scale(1.08);-webkit-user-drag:none}
[data-skin="pirate-chart"] .pirate-vertical>img:not(.pirate-wreck){position:absolute;left:50%;top:50%;width:calc(100%*var(--ship-length));height:calc(100%/var(--ship-length));transform:translate(-50%,-50%) rotate(90deg) scale(1.08)}
[data-skin="pirate-chart"] .pirate-wreck{position:absolute;z-index:2;inset:-12%;width:124%;height:124%;object-fit:fill;filter:drop-shadow(0 2px 2px #160805aa)}
[data-skin="pirate-chart"] .pirate-vertical>.pirate-wreck{left:50%;top:50%;width:calc(124%*var(--ship-length));height:calc(124%/var(--ship-length));transform:translate(-50%,-50%) rotate(90deg)}
[data-skin="pirate-chart"] .pirate-sunk>img:first-child{filter:sepia(.65) saturate(.52) brightness(.42) contrast(1.18)}
[data-skin="pirate-chart"] .pirate-shot{position:absolute;left:calc(var(--shot-x)*var(--cell-share,10%));top:calc(var(--shot-y)*var(--cell-share,10%));width:var(--cell-share,10%);height:var(--cell-share,10%);display:grid;place-items:center;animation:none}
[data-skin="pirate-chart"] :is(.board,.board-viewport).field-pulse{animation:none}
[data-skin="pirate-chart"] .pirate-shot img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 2px 1px #102e3270)}
[data-skin="pirate-chart"] :is(.pirate-shot-miss,.pirate-shot-auto-miss) img{width:94%;height:94%;filter:drop-shadow(0 2px 1px #12383c65)}
[data-skin="pirate-chart"] .pirate-shot-variant-1 img{transform:rotate(-7deg) scale(.96)}
[data-skin="pirate-chart"] .pirate-shot-variant-2 img{transform:rotate(6deg) scale(.98)}
[data-skin="pirate-chart"] .pirate-shot-variant-3 img{transform:rotate(-4deg) scale(.92)}
[data-skin="pirate-chart"] .pirate-shot-auto-miss{opacity:.22;filter:saturate(.58)}
[data-skin="pirate-chart"] .cell.target:hover{background:#efca6955!important;box-shadow:inset 0 0 0 3px #f3d77e!important}
[data-skin="pirate-chart"] :is(.cell.ship-selected,.cell.preview-valid){background:#5a9d6d66!important;box-shadow:inset 0 0 0 3px #d5dda0!important}
[data-skin="pirate-chart"] :is(.cell.forbidden,.cell.preview-invalid){background:#a7312e77!important;box-shadow:inset 0 0 0 3px #d45b4e!important}
[data-skin="pirate-chart"] .pirate-drag-preview{z-index:6;opacity:.78}.pirate-preview-invalid{filter:hue-rotate(310deg) saturate(1.5)}
/* Desktop battle is a chart table framed by the same captain's cabin as deployment. */
[data-skin="pirate-chart"] body:has(.game:is([data-game-state="playing"],[data-game-state="finished"]))::before{display:none}
[data-skin="pirate-chart"] .game:is([data-game-state="playing"],[data-game-state="finished"]){min-height:100dvh;padding-bottom:58px;background-color:#d1a15d;background-image:linear-gradient(#f2dca91f,#8c54251c),url("assets/lobby-chart-background.webp?v=1.29.1&rev=d01f5dc8e312");background-position:center;background-size:cover;background-attachment:fixed}
[data-skin="pirate-chart"] .game:is([data-game-state="playing"],[data-game-state="finished"])>header.room-navbar{color:#f8e4b5;background-color:#3b1e10!important;background-image:linear-gradient(180deg,#70401fd9,#32170eea),repeating-linear-gradient(90deg,#8b52252c 0 74px,#2a120b2e 74px 148px)!important;border:0!important;border-bottom:4px double #c08a42!important;box-shadow:inset 0 -8px 18px #16090599,0 7px 16px #16090570!important;text-shadow:0 2px 1px #170905}
[data-skin="pirate-chart"] .game:is([data-game-state="playing"],[data-game-state="finished"]) .room-navbar :is(.brand,.room,.room b,.room-player){color:#f8e4b5}
[data-skin="pirate-chart"] .game:is([data-game-state="playing"],[data-game-state="finished"]) .room-navbar .room>span:first-child{color:#d8b877}
[data-skin="pirate-chart"] .game:is([data-game-state="playing"],[data-game-state="finished"]) .room-navbar :is(.mode-badge,.match-timer){color:#352013;background:#ead19b;border-color:#9b682f;text-shadow:0 1px #fff0c0;box-shadow:inset 0 0 0 1px #fff0c055}
[data-skin="pirate-chart"] .game:is([data-game-state="playing"],[data-game-state="finished"]) .room-navbar #global-back{min-width:126px;min-height:52px;padding:8px 26px;color:#ffe9bd;background:transparent url("assets/ammo-crate-button.webp?v=1.29.1&rev=c5281f0cbbcb") center/100% 100% no-repeat;border:0;border-radius:0;filter:drop-shadow(0 4px 2px #170805aa);text-shadow:0 2px 1px #180905}
[data-skin="pirate-chart"] .game:is([data-game-state="playing"],[data-game-state="finished"]) .room-navbar #global-back:hover{color:#fff3d2;background:transparent url("assets/ammo-crate-button.webp?v=1.29.1&rev=c5281f0cbbcb") center/100% 100% no-repeat!important;filter:brightness(1.1) drop-shadow(0 5px 2px #170805aa);transform:translateY(-1px)}
[data-skin="pirate-chart"] .game:is([data-game-state="playing"],[data-game-state="finished"]) .room-navbar #global-settings.settings-button{width:54px;height:54px;min-width:54px;min-height:54px;color:#23140c;background:radial-gradient(circle at 38% 31%,#fff0a8 0 6%,#d69a37 23%,#8a511e 57%,#3b1e0e 72%,#b77b2b 76% 82%,#4a260f 84%);border:4px double #d4a54c;border-radius:50%;box-shadow:inset 0 0 0 3px #f4c45c55,inset 0 -5px 8px #32140688,0 5px 0 #16090599,0 9px 18px #16090577}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"])>.turn-banner{width:min(1080px,calc(100% - 40px));min-height:144px;margin:16px auto 0;padding:42px 96px 46px;color:#26160e;background:transparent url("assets/heading-scroll.webp?v=1.29.1&rev=133ea40f3208") center/100% 100% no-repeat!important;border:0!important;border-radius:0;box-shadow:none!important;filter:drop-shadow(0 6px 3px #35160870);text-shadow:0 1px #ffe9bc}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"])>.turn-banner b{display:flex;align-items:center;justify-content:center;gap:.22em;font:700 clamp(27px,2.35vw,36px)/1.08 var(--ui-heading-font);letter-spacing:.04em;white-space:nowrap}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"])>.turn-banner .ui-icon{width:1em;height:1em;flex:none}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"])>.battle{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px;width:min(1240px,calc(100% - 40px));max-width:none;margin:0 auto;padding:22px 28px 46px;background:linear-gradient(105deg,#f4ddaab8,#d2ad6f9e),repeating-linear-gradient(8deg,#6f431708 0 1px,transparent 1px 6px);border:1px solid #6e401e99;border-radius:13px 7px 15px 9px;box-shadow:inset 0 0 0 5px #f8e2b12f,inset 0 0 34px #7440172c,0 12px 28px #24100655;clip-path:polygon(.3% 1%,99.4% 0,100% 98%,98.8% 100%,.7% 99%,0 2%)}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"])>.battle::before{content:"";position:absolute;z-index:0;top:142px;bottom:44px;left:50%;width:8px;transform:translateX(-50%);background:repeating-linear-gradient(135deg,#6a3b1d 0 4px,#bb8244 4px 7px,#3d2112 7px 10px);border-radius:50%;box-shadow:inset 2px 0 #f3c87655,inset -2px 0 #1d0c0777,0 3px 5px #1d0c0755;opacity:.72}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) .battle>article{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) .battle .title{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:118px;margin:0 0 10px;padding:31px 72px 35px;text-align:center;background:transparent url("assets/heading-scroll.webp?v=1.29.1&rev=133ea40f3208") center/100% 100% no-repeat;filter:drop-shadow(0 4px 2px #35160866)}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) .battle .title>div{min-width:0}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) .battle .title p{margin:0;color:#6f471f;font:700 13px/1 var(--ui-heading-font);letter-spacing:.14em}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) .battle .title h2{margin:5px 0 0;color:#26160e;font:700 24px/1.05 var(--ui-body-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) .battle .title>span{position:absolute;right:58px;top:50%;display:grid;width:38px;height:38px;place-items:center;transform:translateY(-45%);color:#8d271e;background:radial-gradient(circle,#f5dfaa 0 48%,#a36a2e 50% 55%,transparent 57%);font-size:23px}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) .board-scroll{padding:7px;overflow:visible}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) .board-viewport{padding:10px;background-color:#5a3219;background-image:linear-gradient(90deg,#7e4725,#3b1c11 18%,#8a5129 48%,#3b1c11 82%,#75401f),repeating-linear-gradient(0deg,#fff1bd0b 0 2px,#14090510 2px 5px);border:3px solid #2b140c;border-radius:9px 5px 10px 6px;box-shadow:inset 0 0 0 3px #cf944b,inset 0 0 0 7px #42200f,0 8px 0 #27120888,0 15px 26px #16090555}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) :is(.pirate-water-layer,.pirate-ship-layer,.pirate-shot-layer,.hit-smoke-layer){left:41px;top:41px;right:10px;bottom:10px}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game:is([data-game-state="playing"],[data-game-state="finished"]) .board-cells>b{font-size:13px}

/* Fleet deployment is a captain's chart table, not a reduced battle screen. */
[data-skin="pirate-chart"] body:has(.game[data-game-state="placing"])::before{display:none}
[data-skin="pirate-chart"] .game[data-game-state="placing"]{min-height:100dvh;padding-bottom:58px;background-color:#d1a15d;background-image:linear-gradient(#f2dca91f,#8c54251c),url("assets/lobby-chart-background.webp?v=1.29.1&rev=d01f5dc8e312");background-position:center;background-size:cover;background-attachment:fixed}
[data-skin="pirate-chart"] .game[data-game-state="placing"]>header.room-navbar{color:#f8e4b5;background-color:#3b1e10!important;background-image:linear-gradient(180deg,#70401fd9,#32170eea),repeating-linear-gradient(90deg,#8b52252c 0 74px,#2a120b2e 74px 148px)!important;border:0!important;border-bottom:4px double #c08a42!important;box-shadow:inset 0 -8px 18px #16090599,0 7px 16px #16090570!important;text-shadow:0 2px 1px #170905}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .room-navbar :is(.brand,.room,.room b,.room-player){color:#f8e4b5}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .room-navbar .room>span:first-child{color:#d8b877}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .room-navbar .mode-badge{color:#352013;background:#ead19b;border-color:#9b682f;text-shadow:0 1px #fff0c0;box-shadow:inset 0 0 0 1px #fff0c055}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .room-navbar #global-back{min-width:126px;min-height:52px;padding:8px 26px;color:#ffe9bd;background:transparent url("assets/ammo-crate-button.webp?v=1.29.1&rev=c5281f0cbbcb") center/100% 100% no-repeat;border:0;border-radius:0;filter:drop-shadow(0 4px 2px #170805aa);text-shadow:0 2px 1px #180905}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .room-navbar #global-back:hover{color:#fff3d2;background:transparent url("assets/ammo-crate-button.webp?v=1.29.1&rev=c5281f0cbbcb") center/100% 100% no-repeat!important;filter:brightness(1.1) drop-shadow(0 5px 2px #170805aa);transform:translateY(-1px)}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .room-navbar #global-settings.settings-button{width:54px;height:54px;min-width:54px;min-height:54px;color:#23140c;background:radial-gradient(circle at 38% 31%,#fff0a8 0 6%,#d69a37 23%,#8a511e 57%,#3b1e0e 72%,#b77b2b 76% 82%,#4a260f 84%);border:4px double #d4a54c;border-radius:50%;box-shadow:inset 0 0 0 3px #f4c45c55,inset 0 -5px 8px #32140688,0 5px 0 #16090599,0 9px 18px #16090577}
[data-skin="pirate-chart"] .game[data-game-state="placing"]>.turn-banner{width:min(1240px,calc(100% - 40px));min-height:126px;margin:17px auto 4px;padding:35px 110px 39px;color:#26160e;background:transparent url("assets/heading-scroll.webp?v=1.29.1&rev=133ea40f3208") center/100% 100% no-repeat!important;border:0!important;border-radius:0;box-shadow:none!important;filter:drop-shadow(0 6px 3px #35160870);text-shadow:0 1px #ffe9bc}
[data-skin="pirate-chart"] .game[data-game-state="placing"]>.turn-banner b{display:flex;align-items:center;justify-content:center;gap:.18em;font:700 clamp(27px,2.4vw,36px)/1.08 var(--ui-heading-font);letter-spacing:.045em}
[data-skin="pirate-chart"] .game[data-game-state="placing"]>.turn-banner .ui-icon{width:1em;height:1em}
@media(min-width:1100px){[data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"]>.turn-banner b{white-space:nowrap}}
[data-skin="pirate-chart"] .game[data-game-state="placing"]>.battle{grid-template-columns:minmax(0,1fr);width:min(1120px,calc(100% - 40px));max-width:none;margin:0 auto;padding:18px 0 42px;gap:0}
[data-skin="pirate-chart"] .game[data-game-state="placing"]>.battle>article:last-child{display:none}
[data-skin="pirate-chart"] .game[data-game-state="placing"]>.battle>article:first-child{position:relative;display:grid;grid-template-columns:minmax(0,660px) minmax(270px,340px);grid-template-rows:auto auto auto 1fr;gap:15px 28px;align-items:start;padding:22px;background:linear-gradient(105deg,#f4ddaab8,#d2ad6f9e),repeating-linear-gradient(8deg,#6f431708 0 1px,transparent 1px 6px);border:1px solid #6e401e99;border-radius:13px 7px 15px 9px;box-shadow:inset 0 0 0 5px #f8e2b12f,inset 0 0 34px #7440172c,0 12px 28px #24100655;clip-path:polygon(.3% 1%,99.4% 0,100% 98%,98.8% 100%,.7% 99%,0 2%)}
[data-skin="pirate-chart"] .game[data-game-state="placing"]>.battle>article:first-child>.board-component{grid-column:1;grid-row:1/5;width:100%;min-width:0;align-self:center}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"]>.battle>article:first-child>.title{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;margin:0;padding:0;text-align:center;background:none;filter:none}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"] .battle .title>div{display:grid;place-content:center;min-width:0;min-height:116px;padding:27px 46px 31px;background:transparent url("assets/heading-scroll.webp?v=1.29.1&rev=133ea40f3208") center/100% 100% no-repeat;filter:drop-shadow(0 4px 2px #35160866)}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .battle .title p{margin:0;color:#6f471f;font:700 13px/1 var(--ui-heading-font);letter-spacing:.13em}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .battle .title h2{margin:5px 0 0;color:#26160e;font:700 25px/1.08 var(--ui-body-font);overflow-wrap:anywhere}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"] #shuffle{width:100%;height:66px;min-height:66px;margin:0;padding:8px 34px;transform:none;color:#e7efff!important;background:transparent url("assets/ammo-crate-button-blue.webp?v=1.29.1&rev=b0efecc80470") center/100% 100% no-repeat!important;border:0!important;border-radius:0;box-shadow:none!important;filter:drop-shadow(0 5px 2px #210d0788);font-size:20px;text-shadow:0 2px 1px #101c31}
[data-skin="pirate-chart"] .game[data-game-state="placing"] #shuffle:hover{color:#fff8dd;background-color:transparent;filter:brightness(1.1) drop-shadow(0 6px 2px #210d0788)}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"] .fleet-help{position:relative;grid-column:2;grid-row:2;align-self:start;display:block;width:100%;min-height:180px;margin:0;padding:72px 28px 25px;color:#3f2919;background-image:radial-gradient(circle,transparent 0 49px,#70451f17 50px 51px,transparent 52px),repeating-conic-gradient(from -1deg,#70451f12 0 1deg,transparent 1deg 30deg),linear-gradient(105deg,#f9e7b9ef,#d6b679e8),radial-gradient(circle at 20% 30%,#82522118 0 1px,transparent 2px);background-size:132px 132px,132px 132px,auto,19px 17px;background-position:center 48%,center 48%,center,center;background-repeat:no-repeat,no-repeat,no-repeat,repeat;border:2px solid #70451f8c;border-radius:8px 4px 10px 5px;box-shadow:inset 0 0 0 4px #fff0c052,inset 0 0 22px #72401730,0 7px 0 #63381725,0 11px 17px #32150830;font-size:19px;line-height:1.48;text-align:center;text-shadow:0 1px #ffe9bc}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"] .fleet-help::before{content:"⚓";position:absolute;top:18px;left:50%;width:46px;height:46px;display:grid;place-items:center;transform:translateX(-50%);color:#68401e;background:radial-gradient(circle,#f7e2af 0 48%,#b17a3a 50% 54%,transparent 56%);font:700 26px/1 Georgia,serif;text-shadow:0 1px #fff0c0}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"] .fleet-help::after{content:"";position:absolute;left:22%;right:22%;top:64px;height:1px;background:linear-gradient(90deg,transparent,#70451f99 20% 80%,transparent)}
[data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"] .ready{grid-column:2;grid-row:3;width:100%;height:76px;min-height:76px;margin:0;padding:8px 26px;color:#efffd7!important;background:transparent url("assets/ammo-crate-button-green.webp?v=1.29.1&rev=14b96fb10d94") center/100% 100% no-repeat!important;border:0!important;border-radius:0;box-shadow:none!important;filter:drop-shadow(0 6px 2px #210d0788);font:700 28px/1 var(--ui-body-font);text-shadow:0 2px 1px #06271c}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .ready:hover:not(:disabled){color:#fff8dd;background-color:transparent;filter:brightness(1.1) drop-shadow(0 7px 3px #210d0788)}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .ready:disabled{filter:grayscale(.35) brightness(.78) drop-shadow(0 4px 2px #210d0766);opacity:.68}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .board-scroll{padding:8px;overflow:visible}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .board-viewport{padding:12px;background-color:#5a3219;background-image:linear-gradient(90deg,#7e4725,#3b1c11 18%,#8a5129 48%,#3b1c11 82%,#75401f),repeating-linear-gradient(0deg,#fff1bd0b 0 2px,#14090510 2px 5px);border:3px solid #2b140c;border-radius:9px 5px 10px 6px;box-shadow:inset 0 0 0 3px #cf944b,inset 0 0 0 7px #42200f,0 9px 0 #27120888,0 17px 30px #16090555}
[data-skin="pirate-chart"] .game[data-game-state="placing"] :is(.pirate-water-layer,.pirate-ship-layer,.pirate-shot-layer,.hit-smoke-layer){left:43px;top:43px;right:12px;bottom:12px}
[data-skin="pirate-chart"] .game[data-game-state="placing"] .board-cells>b{font-size:14px}

@media(max-width:900px) and (min-width:651px){
 [data-skin="pirate-chart"] .game[data-game-state="placing"]>.battle{width:min(700px,calc(100% - 28px))}
 [data-skin="pirate-chart"] .game[data-game-state="placing"]>.battle>article:first-child{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;padding:18px}
 [data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"]>.battle>article:first-child>.title{grid-column:1;grid-row:1;width:min(430px,100%);justify-self:center}
 [data-skin="pirate-chart"] .game[data-game-state="placing"]>.battle>article:first-child>.board-component{grid-column:1;grid-row:2;width:min(620px,100%);justify-self:center}
 [data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"] .fleet-help{grid-column:1;grid-row:3;width:min(470px,100%);min-height:160px;justify-self:center;padding:68px 24px 22px}
 [data-skin="pirate-chart"] body:not(.compact-gameplay) .game[data-game-state="placing"] .ready{grid-column:1;grid-row:4;width:min(470px,100%);justify-self:center}
}

[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"]{padding-bottom:max(4px,env(safe-area-inset-bottom));background-attachment:scroll}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"]>header.room-navbar{background-color:#3b1e10!important;background-image:linear-gradient(180deg,#70401fd9,#32170eea),repeating-linear-gradient(90deg,#8b52252c 0 50px,#2a120b2e 50px 100px)!important;border:0!important;border-bottom:2px solid #c08a42!important;box-shadow:inset 0 -5px 10px #16090599,0 3px 8px #16090566!important}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] .room-navbar #global-back{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;color:#25140c;background:radial-gradient(circle at 38% 31%,#fff0a8 0 6%,#d69a37 23%,#8a511e 57%,#3b1e0e 72%,#b77b2b 76% 82%,#4a260f 84%);border:4px double #d4a54c;border-radius:50%;filter:drop-shadow(0 3px 2px #16090599);text-shadow:0 1px #ffeaa1}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] .room-navbar #global-back:hover{background:radial-gradient(circle at 38% 31%,#fff0a8 0 6%,#d69a37 23%,#8a511e 57%,#3b1e0e 72%,#b77b2b 76% 82%,#4a260f 84%)!important;filter:brightness(1.08) drop-shadow(0 4px 2px #16090599)}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] .room-navbar #global-settings.settings-button{width:48px;height:48px;min-width:48px;min-height:48px}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"]>.turn-banner{width:100%;height:48px;min-height:48px;margin:0;padding:10px 44px 12px;background:transparent url("assets/heading-scroll.webp?v=1.29.1&rev=133ea40f3208") center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 3px 2px #35160860)}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"]>.turn-banner b{font-size:18px;line-height:1}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"]>.battle{width:100%;padding:3px 0;min-height:0}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"]>.battle>article:first-child{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) 48px;gap:3px;padding:5px;background:#ecd39aa8;border:1px solid #6e401e80;border-radius:7px;box-shadow:inset 0 0 0 3px #f8e2b128;clip-path:none;overflow:hidden}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"]>.battle>article:first-child>.title{grid-column:1;grid-row:1;display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;height:44px;margin:0;padding:3px 22px 5px;background:transparent url("assets/heading-scroll.webp?v=1.29.1&rev=133ea40f3208") center/100% 100% no-repeat;filter:drop-shadow(0 2px 1px #35160855);overflow:visible}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] .battle .title p{font-size:9px}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] .battle .title h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] #shuffle{width:40px;height:40px;min-width:40px;min-height:40px;margin:0;padding:8px;transform:none;flex:0 0 40px;color:#f1f6ff!important;background:radial-gradient(circle at 38% 31%,#ddecff 0 5%,#6687a8 24%,#273b54 58%,#101a29 74%,#607e9e 78% 83%,#172235 85%)!important;border:3px double #b9cee1!important;border-radius:50%;box-shadow:inset 0 0 0 2px #ddecff42,0 3px 0 #101723aa!important;filter:none;font-size:0}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] #shuffle .ui-icon{display:none}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] #shuffle::after{content:"↻";display:block;color:#f4f8ff;font:700 25px/1 Arial,sans-serif;text-shadow:0 1px 1px #07101d}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"]>.battle>article:first-child>.board-component{grid-column:1;grid-row:2;width:100%;height:100%;min-height:0;align-self:stretch;overflow:hidden}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] .fleet-help{display:none}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] .ready{grid-column:1;grid-row:3;width:100%;height:48px;min-height:48px;margin:0;padding:4px 20px;color:#efffd7!important;background:transparent url("assets/ammo-crate-button-green.webp?v=1.29.1&rev=14b96fb10d94") center/100% 100% no-repeat!important;border:0!important;border-radius:0;box-shadow:none!important;filter:drop-shadow(0 3px 1px #210d0788);font-size:20px;text-shadow:0 2px 1px #06271c}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] .board-scroll{max-width:100%;max-height:100%;padding:2px;overflow:hidden}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] .board-viewport{padding:4px;border-width:2px;border-radius:5px;box-shadow:inset 0 0 0 2px #cf944b,inset 0 0 0 4px #42200f,0 4px 0 #27120877}
[data-skin="pirate-chart"] body.compact-gameplay .game[data-game-state="placing"] :is(.pirate-water-layer,.pirate-ship-layer,.pirate-shot-layer,.hit-smoke-layer){left:32px;top:32px;right:4px;bottom:4px}

/* Selector preview and shared chrome. */
.preview-pirate-chart{background:#dec388!important;background-image:linear-gradient(26deg,transparent 48%,#70401b22 49% 51%,transparent 52%),radial-gradient(circle at 75% 24%,#8f2e2255 0 3px,transparent 4px)!important;border:3px double #58371f!important;font-family:PiratePieces,Georgia,serif}
.preview-pirate-chart::before{content:"N";position:absolute;left:14px;top:9px;width:48px;height:48px;display:grid;place-items:center;border:2px solid #3c3428;border-radius:50%;color:#3c3428;font:700 16px PiratePieces,serif}
.preview-pirate-chart i:first-of-type{left:28px;top:57px;width:112px;height:34px;background:url("assets/ships/ship-4-a.webp") center/contain no-repeat;filter:drop-shadow(0 2px 1px #24120b88);box-shadow:none}
.preview-pirate-chart i:not(:first-of-type){display:none}.preview-pirate-chart b{color:#9f2f25;font:700 34px PiratePieces,serif}.preview-pirate-chart em{color:#315d45}
[data-skin="pirate-chart"] #app-chrome,[data-skin="pirate-chart"] #app-brand-footer{font-family:var(--ui-body-font)}
[data-skin="pirate-chart"] #global-settings-panel :is(button,a,.global-language){font-family:var(--ui-body-font);font-size:20px}
[data-skin="pirate-chart"] .room-navbar :is(.brand,.room,.room b,.room-player){font-family:var(--ui-body-font)}
[data-skin="pirate-chart"] .social-page :is(h1,h2,h3){font-family:var(--ui-heading-font)}

/* Account gate uses the same two parchment cartouches; inherited modern warships are suppressed. */
[data-skin="pirate-chart"] .account-shell.account-lobby{background-color:transparent;background-image:none}
[data-skin="pirate-chart"] .account-shell .lobby-welcome{padding:24px 26px;background:#efdcad;background-image:linear-gradient(100deg,#fff0caaa,#d1ad6630);border:4px double #58371f;border-radius:3px;box-shadow:var(--ui-shadow)}
[data-skin="pirate-chart"] .account-shell .lobby-wordmark{font-family:var(--ui-heading-font);letter-spacing:.18em}
[data-skin="pirate-chart"] .account-shell h1{font:700 clamp(66px,6vw,102px)/.86 var(--ui-heading-font);letter-spacing:.015em;color:var(--pirate-ink);max-width:9ch;text-transform:uppercase}
[data-skin="pirate-chart"] .account-shell .lobby-intro{font:500 21px/1.35 var(--ui-body-font);color:var(--pirate-muted)}
[data-skin="pirate-chart"] .account-shell .lobby-action strong{font:700 34px/1 var(--ui-heading-font);letter-spacing:.04em}
[data-skin="pirate-chart"] .account-shell .lobby-action small{font:600 17px/1.35 var(--ui-body-font)}
[data-skin="pirate-chart"] .account-shell .lobby-top h2{font:700 41px/1 var(--ui-heading-font);letter-spacing:.04em}
[data-skin="pirate-chart"] .account-shell .lobby-ship{display:none}
[data-skin="pirate-chart"] .account-shell .lobby-sea-panorama{filter:sepia(.75) saturate(.7) brightness(.65);opacity:.55}
[data-skin="pirate-chart"] .account-shell .lobby-chart{filter:sepia(1) saturate(.45) contrast(1.1);opacity:.22}

@media(max-width:760px){
 [data-skin="pirate-chart"] body::before{inset:56px 5px 44px;border-radius:2px}
 [data-skin="pirate-chart"] .zaruba-home{padding:62px 16px 24px}
 [data-skin="pirate-chart"] .zaruba-home .home-brand{margin-bottom:14px}
 [data-skin="pirate-chart"] .zaruba-home .home-radar{width:390px;left:-115px;top:88px}
 [data-skin="pirate-chart"] .zaruba-home #home-title{font-size:42px}
 [data-skin="pirate-chart"] .zaruba-home .home-description{font-size:17px}
 [data-skin="pirate-chart"] .zaruba-home .home-live-status{font-size:15px;padding:6px 8px}
 [data-skin="pirate-chart"] .zaruba-home .home-actions{gap:8px 14px}
 [data-skin="pirate-chart"] .zaruba-home fieldset legend,[data-skin="pirate-chart"] .zaruba-home .home-path-heading{font-size:18px}
 [data-skin="pirate-chart"] .zaruba-home .mode-options button{min-height:66px;font-size:18px}
 [data-skin="pirate-chart"] .zaruba-home :is(.home-create,.home-actions>[data-social-action="invite"]){font-size:18px;min-height:68px;height:auto;padding:6px}
 [data-skin="pirate-chart"] .zaruba-home #entry .home-join-path{grid-template-rows:68px 68px;gap:8px}
 [data-skin="pirate-chart"] .zaruba-home #entry .home-join-path{grid-template-columns:minmax(0,1fr)}
 [data-skin="pirate-chart"] .zaruba-home #entry .home-join-path :is(input,button){height:68px;min-height:68px;font-size:17px}
 [data-skin="pirate-chart"] .zaruba-home .home-or{height:165px;font-size:16px}
 [data-skin="pirate-chart"] .board-viewport{padding:4px;border-width:3px}
 [data-skin="pirate-chart"] :is(.pirate-water-layer,.pirate-ship-layer,.pirate-shot-layer,.hit-smoke-layer){left:32px;top:32px;right:4px;bottom:4px}
 [data-skin="pirate-chart"] .account-shell .lobby-welcome{padding:20px 16px}
 [data-skin="pirate-chart"] .account-shell h1{font-size:58px}
}
@media(max-width:430px){[data-skin="pirate-chart"] .zaruba-home #entry .difficulty-options{grid-template-columns:1fr}[data-skin="pirate-chart"] .zaruba-home #home-title{font-size:36px}[data-skin="pirate-chart"] .zaruba-home .home-underline{width:250px}}
@media(max-width:600px){[data-skin="pirate-chart"] .player-country-flag{width:24px!important;height:18px!important;margin:-3px 5px -3px 2px;border-width:4px;border-image-width:4px;border-image-outset:1px}}
@media(max-height:560px) and (min-width:651px){[data-skin="pirate-chart"] body::before{inset:4px 70px}[data-skin="pirate-chart"] .zaruba-home{padding-top:12px}[data-skin="pirate-chart"] .zaruba-home .home-radar{display:none}}
@media(prefers-reduced-motion:reduce){[data-skin="pirate-chart"] .pirate-shot{animation:none}[data-skin="pirate-chart"] :is(button,.game-button){transition:none}}