[data-skin="notebook"]{--paper:#fffaf0;--pen:#174d9b;--pen-light:#4d78b4;--red-pen:#b4313b;--grid-line:#a9cbe555}
[data-skin="notebook"] body{background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;color:#153d76;font-family:"Comic Sans MS","Segoe Print","Bradley Hand",cursive}
[data-skin="notebook"] body:before{content:"";position:fixed;z-index:0;left:max(42px,calc((100vw - 1180px)/2));top:0;bottom:0;border-left:2px solid #d8707080;pointer-events:none}
[data-skin="notebook"] .app-shell,[data-skin="notebook"] .game{position:relative;background:transparent;color:#153d76}
[data-skin="notebook"] .app-shell{background-color:#fffaf0dd;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px}
[data-skin="notebook"] .welcome form,[data-skin="notebook"] .leave-dialog,[data-skin="notebook"] .result-dialog,[data-skin="notebook"] .skin-dialog{background:#fffaf0f2;color:#153d76;border:3px solid var(--pen);border-radius:9px;box-shadow:4px 5px 0 #174d9b22}
[data-skin="notebook"] .welcome h1,[data-skin="notebook"] .welcome h1 em,[data-skin="notebook"] .brand,[data-skin="notebook"] .eyebrow{color:var(--pen)}
[data-skin="notebook"] .lead,[data-skin="notebook"] .rules,[data-skin="notebook"] .or,[data-skin="notebook"] .leave-dialog p,[data-skin="notebook"] .result-dialog p{color:#365b8a}
[data-skin="notebook"] .welcome input,[data-skin="notebook"] .join button,[data-skin="notebook"] .primary{background:#fffdf5;color:var(--pen);border:2px solid var(--pen);border-radius:7px;box-shadow:2px 2px 0 #174d9b22}
[data-skin="notebook"] .logo{background:#fffaf0;color:var(--pen);border:2px solid var(--pen);box-shadow:none}
[data-skin="notebook"] .radar,[data-skin="notebook"] .sonar{border:2px solid var(--pen);background:repeating-radial-gradient(circle,transparent 0 18px,#174d9b22 19px 20px)}
[data-skin="notebook"] .radar span,[data-skin="notebook"] .sonar span{background:conic-gradient(#174d9b22,transparent 24%)}
[data-skin="notebook"] .radar b,[data-skin="notebook"] .sonar b{color:var(--pen)}
[data-skin="notebook"] .game header{background:#fffaf0ee;color:var(--pen);border-bottom:3px double var(--pen);box-shadow:0 3px 0 #174d9b19}
[data-skin="notebook"] .room,[data-skin="notebook"] .room b,[data-skin="notebook"] .room button{color:var(--pen)}
[data-skin="notebook"] #leave-room{border-color:var(--red-pen)!important;color:var(--red-pen)!important;background:transparent!important}
[data-skin="notebook"] .skin-launch,[data-skin="notebook"] #skin-close{border:2px solid var(--pen)!important;background:#fffaf0!important;color:var(--pen)!important;border-radius:6px}
[data-skin="notebook"] .turn-banner{background:#fffaf0f2;color:var(--pen);border:3px solid var(--pen);border-radius:7px;box-shadow:3px 4px 0 #174d9b22}
[data-skin="notebook"] .status-opponent-turn,[data-skin="notebook"] .status-waiting-ready{color:#a75421;border-color:#bd672d}
[data-skin="notebook"] .status-shot-hit,[data-skin="notebook"] .status-shot-sunk,[data-skin="notebook"] .status-lost{color:var(--red-pen);border-color:var(--red-pen)}
[data-skin="notebook"] .board{background:#fffaf0ee;outline-style:double}
[data-skin="notebook"] .board>b{color:var(--pen);font-size:12px;font-weight:900}
[data-skin="notebook"] .cell{border-color:#3971b3;background:#fffaf0cc;color:var(--pen);font-family:"Comic Sans MS","Segoe Print",cursive}
[data-skin="notebook"] .cell.ship{background-color:#eaf0f7;border-color:#3971b3;box-shadow:inset 0 0 0 2px var(--pen);background-image:repeating-linear-gradient(-18deg,transparent 0 6px,#174d9b20 7px 9px)}
[data-skin="notebook"] .cell.hit{background:#f8d9d2!important;color:var(--red-pen)!important;text-shadow:1px 1px 0 #fff;transform:none}
[data-skin="notebook"] .cell.miss{background:#fffaf0;color:var(--pen);font-weight:900}
[data-skin="notebook"] .cell.auto-miss{background:#fffaf0;color:#6e8db8}
[data-skin="notebook"] .cell.sunk{background-color:#ead0cb!important;background-image:repeating-linear-gradient(18deg,transparent 0 5px,#b4313b55 6px 8px)!important;color:var(--red-pen)!important;border-color:var(--red-pen)!important;box-shadow:inset 0 0 0 2px #7d2028!important}
[data-skin="notebook"] .cell.target:hover{background:#dbe8f2;box-shadow:inset 0 0 0 3px var(--pen)}
[data-skin="notebook"] .board.field-active-your{outline-color:var(--pen);box-shadow:4px 5px 0 #174d9b28}
[data-skin="notebook"] .board.field-active-opponent{outline-color:#bd672d;box-shadow:4px 5px 0 #bd672d24}
[data-skin="notebook"] .cell.ship-selected{box-shadow:inset 0 0 0 3px #2a9b67}
[data-skin="notebook"] .cell.forbidden{background:repeating-linear-gradient(135deg,#d85a5a2e 0 4px,#fffaf0aa 4px 8px)}
[data-skin="notebook"] .cell.preview-valid{background:#bfe7cb!important;box-shadow:inset 0 0 0 3px #278852!important}
[data-skin="notebook"] .cell.preview-invalid{background:#efc3bd!important;box-shadow:inset 0 0 0 3px var(--red-pen)!important}
[data-skin="notebook"] .skin-card{background:#fffdf5;border:2px solid #7e9dc5;color:var(--pen)}
[data-skin="notebook"] .skin-card[aria-pressed="true"]{border-color:var(--pen);box-shadow:2px 3px 0 #174d9b28}
[data-skin="notebook"] .skin-card mark{background:transparent;color:var(--pen);text-decoration:underline}
[data-skin="notebook"] .leave-modal,[data-skin="notebook"] .result-modal,[data-skin="notebook"] .skin-modal{background:#3b4f6873}
[data-skin="notebook"] .leave-dialog button,[data-skin="notebook"] .result-dialog button{border:2px solid var(--pen);background:#fffaf0;color:var(--pen);border-radius:6px}
[data-skin="notebook"] .leave-dialog button:last-child{border-color:var(--red-pen);color:var(--red-pen);background:#fffaf0}
[data-skin="notebook"] #toast{background:#fffaf0;color:var(--pen);border:2px solid var(--pen)}
@media(max-width:760px){[data-skin="notebook"] body:before{display:none}[data-skin="notebook"] .game header{background:#fffaf0}}
[data-skin="notebook"] .sound-launch,[data-skin="notebook"] .sound-actions button{background:#fffaf0;color:#174d9b;border:2px solid #174d9b}[data-skin="notebook"] .sound-modal{background:#38426b4d}[data-skin="notebook"] .sound-dialog,[data-skin="notebook"] .sound-pack-card{background:#fffaf0;color:#174d9b;border:3px double #174d9b}[data-skin="notebook"] .sound-pack-card[aria-pressed="true"]{background:#eaf3df;border-color:#236c46}[data-skin="notebook"] .sound-pack-card mark{background:transparent;color:#174d9b;text-decoration:underline}