/* Printed controls and reading plates for the coastal chart and journal. */
.kicker:has(.journal-emblem) {display:flex;align-items:center;gap:9px;clip-path:none;padding:2px 14px 2px 5px;font-size:11px;transform:rotate(-1deg);box-shadow:2px 2px #a7b6a1;}
.kicker .journal-emblem {width:25px;height:25px;}
.basin-copy>.journal-emblem {width:56px;height:56px;transform:rotate(-6deg);}
.empty-basin,.water-window,.missing-plate,.reading-inset,.contents,.archive-filters {
  background-color:#fff5dc;background-image:var(--fibres);background-size:160px;
  border:1px solid #928277;border-bottom-width:3px;border-radius:1px;box-shadow:3px 4px #8c82724d;
}
.empty-night,.reading-inset img {border:5px solid #fff9e8;outline:1px solid #b6a78b;}
.reading-inset img {width:100%;height:100%;object-fit:cover;}
.empty-night::after,.water-window::before {content:"";position:absolute;width:50px;aspect-ratio:132/95;right:2%;top:3%;pointer-events:none;background:url("../svg/comet-seal.svg?v=engravings-1") center/contain no-repeat;z-index:2;}
.water-window .inset-chart,.missing-plate {padding:5px;}
.reading-head h1,.archive h1,.about-page h1,.missing h1 {text-shadow:1px 2px #fff9e8,3px 4px #aec4b4;}
.atlas .map-sheet,.atlas .chart-index,.atlas .chart-zoom,.atlas .overview,.atlas .layer-trigger,.atlas .clear-view {
  background:var(--fibres),#fff6de;background-size:160px;border:1px solid #726c64;border-bottom-width:2px;box-shadow:2px 3px #61586654;
}
.atlas .sheet-heading,.atlas .overview-head,.atlas .chart-index summary {
  background:var(--fibres),linear-gradient(146deg,#aaceb9 65%,#94b7a4 65% 76%,#c0d2b8 76%);background-size:160px,auto;
  border-bottom:1px solid #8f9987;color:#35434c;
}
.atlas .layer-scroll,.atlas .index-body {background:var(--fibres),#fff6e1;background-size:160px;}
.atlas .sheet-close {background:#a64c4d;color:#fff7e1;box-shadow:1px 2px #7e4b50;border:2px solid #f9e9ca;border-radius:5px;}
.atlas .sheet-close:hover,.atlas .sheet-close:focus-visible {background:#853b43;}
.atlas .layer-symbol {background:none;border:0;overflow:visible;width:28px;height:27px;}
.atlas .layer-symbol .journal-emblem {width:27px;height:27px;}
.atlas .layer-option {gap:6px;}.atlas .map-presets button {position:relative;border-color:#b0a48d;background:#fff8e7;border-radius:1px;}
.atlas .map-presets button[aria-pressed=true] {border-color:#96754e;background:#f7da97;box-shadow:inset 0 -2px #bd985e;}
.atlas .layer-option input:checked+.switch-track {background:#5c9487;border-color:#55796e;}
.atlas .switch-track,.atlas .switch-track::before {border-radius:3px;}.atlas .switch-track::before {box-shadow:1px 1px #74746a;}
.atlas .layer-legend {background:var(--fibres),#efdfbc;border-top:1px dashed #b5a58b;}
@media(max-width:760px){
 .atlas .layer-option {min-height:40px;}.atlas .layer-scroll {padding-bottom:7px;}
}
.atlas .badge-shell {fill:#f4ddab;stroke:#546174;stroke-width:1.8;}
.atlas .badge-rim {stroke:#fff6da;stroke-width:1.6;}
.atlas [data-place][data-selected] .badge-shell {fill:#ffd18e;stroke:#ad6751;}
.atlas .sheet-close .icon {color:#fff8e7;}
.empty-night {background-color:#a6c7b5;background-image:var(--fibres),radial-gradient(#47696e40 .8px,transparent 1px),linear-gradient(142deg,#cee2c7 0 47%,#a8cbbd 47% 72%,#a0bdb2 72%);background-size:160px,6px 6px,cover;}
.empty-night img {left:50%;bottom:4%;height:94%;max-width:98%;object-fit:contain;transform:translateX(-50%);}
/* The thumb carries a mark so its position and its color both convey state. */
.atlas .switch-track {
  width:33px;height:18px;border-color:#91897b;background:#e5d9bf;
  box-shadow:inset 1px 1px #9989757d,0 1px #fff9df;
}
.atlas .switch-track::before {
  width:12px;height:12px;left:2px;top:2px;border:1px solid #8b8177;
  background:linear-gradient(135deg,#fffbdf 65%,#ded1b9 66%);box-shadow:1px 1px #6c6667;
}
.atlas .layer-option input:checked+.switch-track {background:linear-gradient(135deg,#96c4af 0 34%,#52887b 34%);border-color:#4a6e66;}
.atlas .layer-option input:checked+.switch-track::before {left:16px;}
.atlas .layer-option input:checked+.switch-track::after {
  content:"";position:absolute;width:6px;height:4px;top:6px;left:19px;border-left:1.7px solid #37584f;border-bottom:1.7px solid #37584f;transform:rotate(-45deg);
}
.atlas .map-presets button[aria-pressed=true]::after {
  content:"✓";position:absolute;top:0;right:0;padding:0 3px 4px 6px;
  background:#ffdf8d;color:#51453e;clip-path:polygon(0 0,100% 0,100% 100%);font:800 12px/1.2 var(--sans);
}
.atlas .chart-index .index-rose .journal-emblem {width:26px;height:26px;}
.chart-index:not([open]) .index-rose svg:last-child,.chart-index[open] .index-rose svg:first-child {display:none;}
.atlas .index-place .marker-badge,.atlas .place-seal .marker-badge {width:28px;height:31px;position:static;flex:none;filter:drop-shadow(1px 1px #8d817c50);}
.atlas .index-place {border-bottom:1px dashed #c4b69e;}
.atlas .index-place>.journal-emblem:last-child {width:21px;height:21px;margin-left:auto;}
.atlas .index-place[data-selected] {background:#f8e0a7;box-shadow:inset 3px 0 #ae6857;color:#483a47;}
.atlas .catalog-tabs {gap:3px;padding:3px;background:var(--fibres),#ded6bf;border:1px solid #beaf98;border-radius:2px;}
.atlas .catalog-tabs button {background:#fbf2dc;color:#4b5053;border:1px solid transparent;border-radius:0;}
.atlas .catalog-tabs button[aria-pressed=true] {border:1px solid #a78c60;border-bottom:2px solid #aa845a;background:linear-gradient(142deg,#f9dc93 76%,#f0c478 77%);color:#443b49;}
.atlas .map-sheet .place-heading,.atlas .map-sheet .sheet-heading {background:var(--fibres),linear-gradient(143deg,#cbe1c9 0 52%,#b1cfbd 52% 71%,#9cbdae 71% 74%,#c2d9bc 74%);background-size:160px,cover;border-bottom:1px solid #8e9785;}
.atlas .place-seal {display:grid;place-items:center;}
.atlas .map-presets button[aria-pressed=true]::after {width:16px;height:15px;display:grid;place-content:center;clip-path:polygon(0 0,100% 0,100% 100%,22% 100%,0 73%);background:#ffd68a;color:#544740;padding:0;border-left:1px solid #b4966e;}
.atlas .detail-actions [data-focus-place] {background:#fff2d6;border:1px solid #978874;border-bottom:2px solid #9d8a76;color:#384e54;border-radius:2px;}
/* The four proof frames sample the same vector drawing as the live chart. */
.quay-details {grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 0 0;margin-top:8px;border-top:1px dashed #b3a388;}
.atlas .quay-details button {position:relative;display:grid;grid-template-rows:auto 1fr;align-items:center;justify-items:stretch;min-width:0;min-height:44px;margin:0;padding:3px;border:1px solid #b3a38a;border-bottom:2px solid #b3a38a;background:#fff7e2;color:#3c4c51;}
.quay-details svg {display:block;width:100%;aspect-ratio:1.8;background:#d7e7db;}
.quay-details span {text-align:center;padding-top:3px;font:650 11px/1.25 var(--sans);}
.atlas .quay-details button[aria-pressed=true] {border-color:#987453;background:#f7d893;}
.atlas .quay-details button[aria-pressed=true]::after {content:"";position:absolute;right:3px;top:-1px;width:7px;height:10px;background:#a55854;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);}
@media(min-width:761px) and (pointer:fine){.atlas .shoal-detail:has(.quay-details:not([hidden])) {width:285px;}}
@media(max-width:760px),(pointer:coarse) and (max-height:520px){.quay-details {margin-top:2px;padding-top:5px;}.quay-details svg {max-height:34px;}}
@media(max-height:520px) and (orientation:landscape){.atlas .shoal-detail:has(.quay-details:not([hidden])) {overflow-y:auto;}}


.quay-frame {
  position:absolute;pointer-events:none;z-index:2;
  --cut:linear-gradient(#92504e,#92504e);--paper:linear-gradient(#fff7db,#fff7db);
  background:var(--cut) left top/7% 1px,var(--cut) left top/1px 15%,var(--cut) right bottom/7% 1px,var(--cut) right bottom/1px 15%,
             var(--paper) left top/8% 2px,var(--paper) left top/2px 17%,var(--paper) right bottom/8% 2px,var(--paper) right bottom/2px 17%;
  background-repeat:no-repeat;
}