.skin-launch{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 11px;border:1px solid #ffffff38!important;border-radius:9px;background:#163b50!important;color:#eef4ef!important;font-weight:800}.welcome>.skin-launch{margin:18px auto 0;border-color:#66e2d566!important}.skin-modal[hidden]{display:none}.skin-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#061521c7}.skin-dialog{width:min(620px,100%);max-height:calc(100svh - 36px);overflow:auto;padding:25px;border-radius:20px;background:#f8fbf8;color:#071624;box-shadow:0 22px 70px #0008}.skin-dialog h2{margin:0 0 18px;text-align:center;font-size:27px}.skin-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.skin-card{padding:12px;border:2px solid transparent;border-radius:15px;background:#e5ecea;color:#18323b;text-align:left}.skin-card[aria-pressed="true"]{border-color:#159688;background:#d8f4ef}.skin-card:focus-visible,.skin-launch:focus-visible,#skin-close:focus-visible{outline:3px solid #ff9b65;outline-offset:3px}.skin-card>span:last-child{display:grid;gap:5px;margin-top:10px}.skin-card strong{font-size:18px}.skin-card small{min-height:32px;line-height:1.35}.skin-card mark{justify-self:start;padding:3px 7px;border-radius:7px;background:#fff;color:#0b6d64;font-weight:900}.skin-preview{position:relative;height:112px;display:block;overflow:hidden;border-radius:10px;background-color:#f7fbfa;background-image:linear-gradient(#aacccd 1px,transparent 1px),linear-gradient(90deg,#aacccd 1px,transparent 1px);background-size:22px 22px}.skin-preview i{position:absolute;left:26px;top:43px;width:22px;height:22px;background:#1b6f8c;box-shadow:22px 0 #1b6f8c}.skin-preview b{position:absolute;right:30px;top:18px;color:#ff7043;font-size:31px}.skin-preview em{position:absolute;right:34px;bottom:14px;color:#32798b;font-size:25px}.preview-notebook{background-color:#fffaf0;background-image:linear-gradient(#a9cbe555 1px,transparent 1px),linear-gradient(90deg,#a9cbe555 1px,transparent 1px);color:#174d9b;font-family:"Comic Sans MS",cursive}.preview-notebook i{background:transparent;border:2px solid #174d9b;box-shadow:22px 0 0 -2px #fffaf0,22px 0 0 0 #174d9b}.preview-notebook b{color:#b4313b;transform:rotate(-7deg)}.preview-notebook em{color:#174d9b}.skin-dialog>#skin-close{display:block;min-height:44px;margin:20px auto 0;padding:0 22px;border-radius:10px;background:#163b50;color:white;font-weight:900}
.preview-ink-fleet{background-color:#fffaf0;background-image:linear-gradient(#a4c9ea66 1px,transparent 1px),linear-gradient(90deg,#a4c9ea66 1px,transparent 1px);background-size:18px 18px}.preview-ink-fleet i:first-of-type{left:12px;top:34px;width:104px;height:45px;background:url("../ink-fleet/assets/ships/ink-ship-4.svg?v=1.9.0") center/contain no-repeat;border:0;box-shadow:none;transform:none}.preview-ink-fleet i:not(:first-of-type){display:none}.preview-ink-fleet b{color:#c32632;transform:rotate(-8deg)}.preview-ink-fleet em{color:#38249b}.board-ink-grid,.board-ship-overlays,.board-shot-overlays,.ink-ship-overlay{display:none}.board-viewport{position:relative}.skin-dialog{width:min(760px,100%)}.skin-cards{grid-template-columns:repeat(2,1fr)}
@media(max-width:600px){.skin-cards{grid-template-columns:1fr}.skin-preview{height:82px}.skin-launch em{display:none}.skin-dialog{padding:18px}.skin-dialog h2{font-size:23px}}