/* Cloth backing, rounded sprocket holes, a cream bevel, then the image emulsion. */
.system-spread {gap:clamp(17px,1.7vw,32px);}
.orbit-sheet,.globe-sheet,.terrain-sheet {
  background-color:#d7c19a;border:1px solid #6b6063;
  box-shadow:1px 1px #635460,3px 4px #8e8282,6px 7px 0 #50445220;
}
.orbit-sheet {
  padding:19px 10px 0;overflow:visible;
  background-image:repeating-linear-gradient(90deg,transparent 0 7px,#534d4e 7px 19px,transparent 19px 34px),var(--fibres),linear-gradient(155deg,#f7e5bc 0 65%,#d6bd98 65%);
  background-position:5px 6px,0 0,0 0;background-repeat:repeat-x,repeat,no-repeat;background-size:auto 5px,160px,cover;
}
.orbit-sheet::after {width:54px;height:17px;top:-5px;right:8%;background:repeating-linear-gradient(115deg,#83b7a8 0 4px,#a1c9b7 4px 6px);}
.night-stage {outline:6px solid #fff8e3;box-shadow:0 0 0 4px #fff8e3;}
.sky-title .edition,.preview-tab,.terrain-page .edition,.world-info .edition {
  background:linear-gradient(147deg,transparent 0 72%,#789f96 72% 80%,#98bdae 80%),var(--fibres),#b1d3be;
  color:#2d4748;
}
.sky-title h1 {color:#fff6de;paint-order:stroke fill;-webkit-text-stroke:5px #433449;text-shadow:2px 4px #433449,4px 5px #433449,6px 6px #d5796b,7px 7px #f6ca87;}
.sky-title::after {width:80%;height:7px;background:linear-gradient(176deg,transparent 0 24%,#f0b56e 25% 48%,transparent 50% 62%,#f2d98f 63%);transform:skew(-24deg);}
.night-stage::after {content:"";pointer-events:none;position:absolute;z-index:1;top:1.5%;right:1.5%;width:clamp(48px,6.4vw,98px);aspect-ratio:132/95;background:url("../svg/comet-seal.svg?v=engravings-1") center/contain no-repeat;transform:rotate(6deg);}
.orbit-sheet figcaption {min-height:39px;color:#514d50;font-weight:600;}
.orrery .planet-label {stroke:#282844;stroke-width:4.2px;}
.world-preview,.world-info {
  border:1px solid #8b7c71;box-shadow:2px 3px #c5b297,4px 5px #796b69,7px 8px #57475517;
  background-image:var(--fibres),linear-gradient(149deg,transparent 71%,#e7cf9d85 71% 73%,transparent 73%),radial-gradient(#aa8d6342 .8px,transparent 1px);
  background-color:#fff3d6;background-size:160px,cover,6px 6px;
}
.world-preview {padding:18px clamp(14px,1.45vw,27px) 20px;justify-content:space-between;gap:8px;}
.world-preview::before,.world-info::before {z-index:3;}
.preview-tab {width:fit-content;display:flex;align-items:center;gap:7px;padding:1px 15px 1px 5px;position:relative;transform:rotate(-2deg);box-shadow:2px 2px #8c9d86;}
.preview-tab .journal-emblem{width:28px;height:28px;}
.preview-family {clip-path:none;background:none;color:#324c4c;align-self:center;padding:0;line-height:1.3;font-weight:800;}
.specimen-mount {width:100%;margin:6px 0 8px;display:grid;align-items:center;justify-items:center;flex:1;position:relative;filter:drop-shadow(2px 3px 0 #8a7d675c);}
.specimen {
  aspect-ratio:1.24;width:100%;min-height:0;margin:0;display:grid;place-items:center;
  background:var(--fibres),repeating-linear-gradient(126deg,transparent 0 20px,#fff3 21px,transparent 22px 48px),linear-gradient(150deg,#7aaeb6,#aacdc2 48%,#dae1bb 49%,#cee4cb 73%,#aac8bd);
  background-size:160px,auto,auto;border:7px solid #fffaf0;outline:1px solid #a89b83;
  mask:radial-gradient(circle at 3px 3px,transparent 2.3px,#000 2.8px) -3px -3px/10px 10px repeat-x,
       radial-gradient(circle at 3px 3px,transparent 2.3px,#000 2.8px) -3px calc(100% + 6px)/10px 10px repeat-x,
       linear-gradient(#000 0 0) center/calc(100% - 4px) calc(100% - 7px) no-repeat;
}
.specimen img {height:83%;width:auto;aspect-ratio:1;max-width:95%;object-fit:contain;}
.specimen::before {z-index:-1;inset:1% 4%;opacity:.85;}
.specimen-mount::before {content:"";position:absolute;z-index:2;width:11px;height:29px;top:calc(50% - min(8.2vw,130px));right:14%;border:2px solid #747b79;border-radius:7px;transform:rotate(16deg);box-shadow:inset 1px 0 #fff9df,1px 0 #fff9df,2px 1px #807e745c;pointer-events:none;}
.preview-copy {position:relative;}.preview-copy h2 {width:fit-content;line-height:1.15;position:relative;isolation:isolate;-webkit-text-stroke:3px #fff9e7;paint-order:stroke fill;text-shadow:1px 3px #fff9e7,3px 4px #a68f81;}
.preview-copy h2::before {content:"";position:absolute;inset:46% -12px -2% -4px;z-index:-1;background:linear-gradient(167deg,transparent 48%,#83ad9f 49%),#b2cabc;clip-path:polygon(2% 14%,92% 0,100% 28%,96% 86%,6% 100%,0 65%);transform:rotate(-3deg);}
.preview-copy p {margin-top:8px;color:#62534e;}
.body-strip {
  padding:5px 7px;gap:4px;border:1px solid #a49b87;box-shadow:2px 3px #7d776b38;
  background:var(--fibres),repeating-linear-gradient(90deg,#c6c1a8 0 3px,#e9e3cf 3px 16px);background-size:160px,auto;
}
.body-strip a {border:1px solid #cec1a5;border-bottom:2px solid #c3b6a2;background:#fff7e6;position:relative;}
.body-strip a:last-child,.body-strip a:nth-child(5) {border:1px solid #cec1a5;border-bottom-width:2px;}
.body-strip a[data-previewing],.body-strip a:hover {background:linear-gradient(129deg,#ffe5a2 0 65%,#f3ce85 65%),#f5d88e;border-color:#a98753;box-shadow:inset 0 -2px #ca9a54;}
.terrain-index {
  position:relative;padding:clamp(14px,1.5vw,25px);border:1px solid #c1b5a0;
  background:var(--fibres),linear-gradient(92deg,#f9f1da,#fff9e9 49.3%,#d3c9b2 49.6%,#f3e9cd 50%,#fff8e7 54%,#f7efd9);
  background-size:160px,cover;box-shadow:1px 3px #e0d5bd,2px 4px #a49686,4px 6px #daceb6;
}
.terrain-index h2 {display:flex;align-items:center;gap:10px;line-height:1.2;}
.terrain-index h2 .journal-emblem {width:1.3em;height:1.3em;transform:rotate(-8deg);}
.region-list {gap:clamp(12px,1.1vw,21px);}
.region-list a {padding:0 0 7px;gap:7px 4px;border:0;background:transparent;box-shadow:none;}
.postcard-print {grid-column:1/-1;position:relative;filter:drop-shadow(1px 2px 0 #b6856d);}
.postcard-print img {
  padding:6px;border:0;background:#fffbec;
  mask:radial-gradient(circle at 3px 3px,transparent 2.3px,#000 2.85px) -3px -3px/8px 8px repeat-x,
       radial-gradient(circle at 3px 3px,transparent 2.3px,#000 2.85px) -3px calc(100% + 5px)/8px 8px repeat-x,
       linear-gradient(#000 0 0) center/calc(100% - 2px) calc(100% - 7px) no-repeat;
}
.region-list a::before {z-index:2;top:-4px;}
.region-list a:hover {box-shadow:none;}.region-list a:hover .postcard-print {filter:drop-shadow(2px 3px #6d8c7f);}
.region-label strong {font-weight:800;}
/* A common stamped header and inked actions even on quiet pages. */
.globe-sheet {background-image:url("../svg/observatory-sky.svg?v=survey-desk-1");background-color:#41426e;border:6px solid #fff3d8;outline:1px solid #91816c;}
.world-toolbar,.terrain-tools,.relief-orbit {background:var(--fibres),#fff0cf;background-size:160px;border:1px solid #8e796e;border-bottom:3px solid #938277;box-shadow:2px 2px #5b45523d;border-radius:2px;}
.world-toolbar button:active,.terrain-tools button:active {background:#edc984;}
.terrain-sheet {border-top:7px solid #acbba6;}
.terrain-sheet figcaption,.relief-orbit,.section-tools button {background-color:#fff2d6;background-image:var(--fibres);background-size:160px;}
.relief-compass,.terrain-pin,.landing-pin span {border-radius:1px;background:#fff4d9;border-color:#746d69;box-shadow:1px 2px #685e763f;}
@media(max-width:760px){
 .system-spread {gap:14px;}.orbit-sheet{padding:13px 5px 0;background-position:6px 4px,0 0,0 0;background-size:auto 4px,160px,cover;}
 .orbit-sheet::after{width:30px;height:10px;}.night-stage::after{width:51px;right:1%;top:1%;}
 .sky-title h1 {text-shadow:1px 2px #433449,3px 4px #d5796b;-webkit-text-stroke:3px #433449;}
 .world-preview {grid-template-columns:66px minmax(0,1fr) auto;grid-template-rows:auto auto;padding:8px 10px;gap:3px 9px;}
 .specimen-mount {grid-area:1/1/3/2;margin:0;filter:drop-shadow(1px 2px 0 #9f967b);}
 .specimen {aspect-ratio:1;border-width:3px;grid-area:auto;}
 .specimen-mount::before {width:5px;height:12px;top:-1px;right:9px;border-width:1px;}
 .preview-tab {grid-area:1/2;align-self:end;padding:1px 6px;}.preview-tab .journal-emblem {display:none;}
 .preview-copy{grid-area:2/2;}.preview-copy h2::before {inset:58% -6px -2% -2px;}
 .preview-open {grid-area:1/3/3/4;}
 .body-strip {padding:4px;gap:3px;}.body-strip a{flex-direction:column;gap:0;padding:3px 0;line-height:1.3;}
 .terrain-index {padding:12px 8px;}.terrain-index h2 {gap:5px;font-size:23px;}.terrain-index h2 .journal-emblem{width:30px;height:30px;}
 .postcard-print img{padding:4px;}
}
@media(max-width:350px){.preview-open {font-size:11px;}.terrain-index header>span{font-size:10px;}.sky-title h1{font-size:32px;}}

.page-orbit .rail-link .journal-emblem {width:27px;height:27px;}
.specimen img,.world-preview:hover .specimen img {position:absolute;left:50%;top:50%;height:82%;width:auto;max-width:87%;transform:translate(-50%,-50%);object-fit:contain;}
.world-preview:hover .specimen img {transform:translate(-50%,-50%) scale(1.025);}
.region-list a:nth-child(even) .postcard-print {transform:rotate(.65deg);}
.region-list a:nth-child(odd) .postcard-print {transform:rotate(-.65deg);}
@media(max-width:760px){.world-toolbar .journal-emblem,.terrain-tools .journal-emblem,.relief-orbit .journal-emblem {width:24px;height:24px;}}
/* Two views of a fixed orbital configuration. */
.orbit-sheet .projection-caption {flex-wrap:wrap;gap:5px 14px;min-height:52px;}
.camera-switch {display:inline-flex;align-items:center;flex:none;margin-left:auto;border:1px solid #8c7c6b;background:#c7b897;box-shadow:1px 2px #796c67;padding:2px;gap:2px;}
.camera-switch button {display:flex;align-items:center;gap:5px;justify-content:center;min-height:36px;padding:2px 9px;font-size:12px;color:#514c50;background:#f7edda;line-height:1.2;}
.camera-switch .journal-emblem {width:22px;height:22px;}

.camera-switch [aria-pressed=true] {background:linear-gradient(138deg,#f9d185 72%,#e9b869 73%);color:#393a41;box-shadow:inset 0 -2px #bc945d;}
.camera-switch[aria-busy=true] button[data-camera=polar] {cursor:progress;}
.projection-caption .camera-error {flex-basis:100%;color:#803c43;}
@media(max-width:760px){
 .orbit-sheet .projection-caption {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 6px;align-content:center;padding:5px 3px;}
 .projection-caption .chart-key {grid-column:1;align-self:end;}
 .orbit-sheet .projection-caption>span:nth-child(2) {grid-column:1;align-self:start;font-size:10px;line-height:1.3;}
 .camera-switch {grid-column:2;grid-row:1/3;}.camera-switch button {min-width:44px;min-height:44px;padding:3px 6px;font-size:11px;gap:4px;}
 .projection-caption .camera-error {grid-column:1/-1;}
}
@media(max-width:360px){.camera-switch .journal-emblem{width:16px;height:16px;}}

@media(min-width:761px){[data-projection=polar]:lang(en) .sky-title h1 {font-size:clamp(32px,3.4vw,57px);}}


/* Contact prints and punched index tabs share the bindings of the atlas cover. */
.world-info .study-entry {
  grid-template-columns:minmax(0,1fr);position:relative;
  padding:6px 6px 8px;background:var(--fibres),#fff8e4;background-size:160px;
  border:1px solid #948476;box-shadow:2px 3px #b4a38a;
}
.study-photo {grid-column:1/-1;position:relative;border:1px solid #9d9182;background:#d5c5a4;}
.study-photo img {display:block;width:100%;height:clamp(77px,8vw,142px);object-fit:cover;object-position:50% 56%;outline:0;border:0;box-shadow:none;}
.study-photo::after {content:"";position:absolute;pointer-events:none;inset:-3px 5% auto auto;width:38px;height:12px;transform:rotate(12deg);
  background:repeating-linear-gradient(115deg,#9cbba5 0 3px,#adc8ae 3px 5px);clip-path:polygon(3% 0,100% 6%,96% 45%,100% 90%,0 100%,4% 54%);}
.study-entry span {padding:8px 4px 0;}

.study-entry:focus-visible {outline:3px solid #347773;outline-offset:4px;}
.next-worlds {display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;padding:8px 7px;background:var(--fibres),#e4d9bd;background-size:160px;border:1px solid #b2a58b;box-shadow:2px 3px #a99e8852;}
.next-worlds a,.body-strip a {isolation:isolate;}
.next-worlds a {display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 3px;min-height:48px;position:relative;border:1px solid #c4b69e;border-bottom:2px solid #ac9c87;background:#fff7e6;font-weight:700;}
.next-worlds img {width:clamp(23px,2.3vw,36px);height:auto;object-fit:contain;}
.next-worlds [aria-current],.next-worlds a:hover {background:linear-gradient(124deg,#ffe6a1 0 68%,#f2cd85 68%);border-color:#a28354;box-shadow:inset 0 -2px #cca15d;}
.next-worlds a::before,.body-strip a::before {content:"";position:absolute;inset:3px auto 3px 2px;width:2px;background:repeating-linear-gradient(#b39c7e 0 2px,transparent 2px 6px);opacity:.62;}
.body-strip [data-previewing]::after,.next-worlds [aria-current]::after {content:"";position:absolute;top:-1px;right:4px;width:7px;height:10px;background:#99525a;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);}
.terrain-pin {
  display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:2px 8px 2px 4px;
  background:linear-gradient(139deg,transparent 78%,#e7cfac 79%),var(--fibres),#fff4d9;
  background-size:auto,160px,auto;border:1px solid #726174;border-bottom-width:2px;border-radius:2px 4px 3px 1px;
  box-shadow:1px 2px #71667659;color:#383d4a;
}
.flag-eyelet {width:12px;height:12px;border:1px solid #635366;border-radius:50%;background:radial-gradient(circle at 38% 33%,#fff2bc 0 17%,transparent 19%),radial-gradient(circle,#53485d 0 26%,#d4ae72 29% 50%,#f7db93 52% 66%,#a08164 70%);}
.terrain-pin::after {width:6px;transform:translateX(-50%);background:linear-gradient(90deg,#695a66 45%,#e8c48c 46%);clip-path:polygon(0 0,100% 0,55% 100%,37% 100%);}
.terrain-pin[aria-pressed=true] {background:linear-gradient(130deg,#376f71 75%,#315c64 76%);color:#fff4db;}
.landing-pin i {width:12px;height:12px;border-radius:50% 50% 50% 12%;transform:rotate(-45deg);background:radial-gradient(at 55% 44%,#fff4c6 0 18%,#324e61 20% 33%,#88b7a9 35% 52%,#4f8583 54%);border:1px solid #fff7d7;box-shadow:-1px 1px #42415b,0 0 0 1px #545361;}
.relief-compass {width:58px;height:62px;border:0;box-shadow:none;background:transparent url("../svg/field-compass.svg?v=engravings-1") center/contain no-repeat;filter:drop-shadow(1px 2px 0 #62577354);}
.relief-compass span {position:absolute;left:17%;top:19.2%;width:66%;height:61.6%;background:url("../svg/compass-hand.svg?v=engravings-1") center/contain no-repeat;}
.relief-orbit button,.world-toolbar button,.terrain-tools button {position:relative;}
.relief-orbit button+button {border-left:1px dotted #c4ad8f;}
@media(max-width:980px){.next-worlds {grid-template-columns:repeat(5,minmax(0,1fr));}}
@media(max-width:760px){
  .world-info .study-entry {grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;padding:5px;}
  .study-photo {grid-column:auto;}.study-photo img {height:51px;}.study-photo::after {width:18px;height:6px;}
  .study-entry span {padding:0;}
  .next-worlds {gap:4px;padding:6px 4px;}.next-worlds a {flex-direction:column;gap:0;padding:3px 1px;font-size:11px;line-height:1.25;}
  .next-worlds img {width:25px;height:25px;}
  .terrain-pin {font-size:11px;min-height:23px;gap:3px;padding-right:5px;}.flag-eyelet {width:9px;height:9px;}
  .relief-compass {width:47px;height:51px;left:8px;top:7px;}
}

/* Film leader outside the image leaves projected points and crop coordinates intact. */
.terrain-sheet {
  border:1px solid #a09682;
  padding:12px 5px 0;
  background:repeating-linear-gradient(90deg,#746c68 0 10px,transparent 10px 28px) 7px 4px/auto 4px repeat-x,var(--fibres),#e4d4b2;
  background-size:auto 4px,160px,auto;
}
.terrain-sheet .terrain-scroller,.terrain-sheet .relief-stage {outline:1px solid #fff6dd;}
.terrain-sheet figcaption {margin:1px -5px 0;border-top:1px solid #ac9880;}
.terrain-page .atlas-heading h1,.world-info h1 {
  isolation:isolate;position:relative;width:fit-content;
  -webkit-text-stroke:2px #fff7e3;paint-order:stroke fill;text-shadow:1px 2px #fff3d4,3px 4px #bfa890;
}
.terrain-page .atlas-heading h1::after,.world-info h1::after {
  content:"";position:absolute;z-index:-1;left:-3%;bottom:-2%;width:108%;height:24%;
  background:linear-gradient(167deg,transparent 0 44%,#85ad9e 45% 63%,transparent 64%),#c4d7bc;
  clip-path:polygon(2% 25%,82% 0,80% 18%,98% 12%,95% 42%,100% 59%,91% 65%,94% 81%,20% 95%,0 100%,4% 69%,0 68%);
}
@media(max-width:760px){.terrain-sheet {padding:10px 3px 0;background-position:4px 3px,0 0,0 0;}.terrain-sheet figcaption {margin-inline:-3px;}.terrain-page .atlas-heading h1,.world-info h1 {-webkit-text-stroke:1px #fff7e3;}}
@media(max-width:520px){
  [data-relief="impact-basin"] .pin-3 {transform:translate(-30%,8px);}
  [data-relief="impact-basin"] .pin-3::after {top:auto;bottom:100%;left:30%;transform:translateX(-50%) rotate(180deg);}
}


/* Planet stamps share a single print sheet. High-density displays use the original individual cuts. */
.next-worlds picture {display:block;flex:none;width:clamp(23px,2.3vw,36px);aspect-ratio:1;}
.next-worlds picture img {width:100%;height:100%;object-fit:cover;object-position:left;}
.next-worlds a:nth-child(2) img {object-position:11.111%;}
.next-worlds a:nth-child(3) img {object-position:22.222%;}
.next-worlds a:nth-child(4) img {object-position:33.333%;}
.next-worlds a:nth-child(5) img {object-position:44.444%;}
.next-worlds a:nth-child(6) img {object-position:55.556%;}
.next-worlds a:nth-child(7) img {object-position:66.667%;}
.next-worlds a:nth-child(8) img {object-position:77.778%;}
.next-worlds a:nth-child(9) img {object-position:88.889%;}
.next-worlds a:nth-child(10) img {object-position:right;}
.globe-sheet[data-globe="saturn"] {grid-template-rows:auto auto auto;}
.globe-sheet[data-globe="saturn"] .sphere-controls {align-items:center;min-height:52px;}
.ring-sight {
  display:flex;align-items:center;gap:7px;min-height:44px;padding:1px 10px 1px 3px;
  color:#39474d;border:1px solid #897968;border-bottom:3px solid #8e8171;box-shadow:2px 2px #39465c60;
  background:var(--fibres),linear-gradient(130deg,#f9efd2 65%,#ecdcbb 65%);background-size:160px,cover;
}
.ring-sight[hidden]{display:none;}
.ring-gauge {width:44px;height:40px;flex:none;}
.sight-track {position:relative;display:flex;flex-direction:column;width:clamp(120px,12vw,190px);}
.sight-track>span {font:700 12px/1.2 var(--sans);display:flex;justify-content:space-between;gap:8px;padding-top:3px;}
.sight-track output {min-width:32px;text-align:right;color:#884d4d;font:700 12px/1.2 var(--mono);}
.sight-track input {cursor:ew-resize;display:block;width:100%;margin:0;height:22px;appearance:none;touch-action:pan-y;background:repeating-linear-gradient(90deg,#998a78 0 1px,transparent 1px 12.5%) center 90%/95% 3px no-repeat;}
.sight-track input::-webkit-slider-runnable-track {height:4px;border:1px solid #786b6a;background:#c8b28e;}
.sight-track input::-moz-range-track {height:3px;border:1px solid #786b6a;background:#c8b28e;}
.sight-track input::-webkit-slider-thumb {appearance:none;margin-top:-5px;width:13px;height:13px;border:2px solid #66575b;border-radius:50%;background:radial-gradient(at 35% 28%,#fff4c7 0 23%,#dda45c 26% 60%,#b07b5d 61%);}
.sight-track input::-moz-range-thumb {width:10px;height:10px;border:2px solid #66575b;border-radius:50%;background:#e8bb76;}
.ring-legend {margin-top:14px;}
.ring-legend dl {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0;color:#444c53;}
.ring-legend dt {font-weight:750;}.ring-legend dd {margin:0;font:500 12px/1.7 var(--mono);}
.ring-widths {display:grid;grid-template-columns:17317fr 25532fr 4833fr 14440fr;height:19px;border:1px solid #8a7f7a;margin-top:12px;background:#48556a;}
.ring-widths i {background:repeating-linear-gradient(90deg,transparent 0 7px,#fff3 7px 9px,transparent 10px 18px),#978b88;}
.ring-widths i:nth-child(2){background-color:#dec99e;}.ring-widths i:nth-child(3){background:#555565;}.ring-widths i:nth-child(4){background-color:#baad9b;}
@media(max-width:760px){
 .next-worlds picture {width:25px;}
 .globe-sheet[data-globe="saturn"] .sphere-controls {min-height:101px;}
 .ring-sight {width:min(100%,279px);justify-content:center;}.sight-track {width:auto;flex:1;}
 .sight-track input {height:28px;}
 .ring-legend dl {grid-template-columns:repeat(2,minmax(0,1fr));}
}

.ring-sight:has(input:focus-visible) {outline:2px solid #a14c44;outline-offset:2px;}
.ring-sight input:focus-visible {outline:0;}
@media(max-width:760px){.sight-track input {height:34px;}}
