/* Local coordinates below belong to each physical screen, before projection. */
/* Korean (1.2.0): line breaks between words, as Korean is written, not between syllables. */
html:lang(ko){word-break:keep-all}
/* Hindi (1.2.0): no letter-spacing, which would break the headline (shirorekha) joining Devanagari letters. */
html:lang(hi) *{letter-spacing:0!important}
/* Hebrew, Persian, Arabic (1.2.0): the instruments keep their layout; each text runs in its own direction, and
   Persian and Arabic letters stay joined (no letter-spacing). */
html:lang(he) body *,html:lang(fa) body *,html:lang(ar) body *{unicode-bidi:plaintext}
html:lang(fa) *,html:lang(ar) *{letter-spacing:0!important}
.instrument-surface{position:absolute;left:0;top:0;transform-origin:0 0;z-index:2;pointer-events:none}
.instrument-surface .mon,.instrument-surface .glass{transform:none!important}
.instrument-surface #rearwrap,.instrument-surface [title],.instrument-surface a{pointer-events:auto}
#surface-hud{z-index:3}
#surface-hud #hud-pane{left:0;top:0;width:100%;height:100%}

#surface-hud #speed{left:24px;top:35px;width:430px}

#surface-comms #m-left .row span:last-child{font-size:11px}
#surface-rear-log #rearwrap{left:3px;top:3px;width:334px;height:184px;clip-path:polygon(0 0,100% 0,100% 80%,89% 100%,14% 100%,0 80%);background:#02070b}
#surface-rear-log #rearwrap .t{left:15px;top:10px}
#surface-rear-log #rearwrap .t2{right:38px;bottom:16px}

#surface-navigation #m-right{left:36px;top:15px;width:628px}
#surface-navigation #m-right .scr{display:grid;grid-template-columns:1fr 1fr;column-gap:38px}
#surface-navigation #m-right h3{grid-column:1/-1;font-size:14px;line-height:17px;margin-bottom:4px}
#surface-navigation #nav-phase{font-size:11px}
#surface-navigation #route{grid-column:1/-1;width:628px;height:96px}
 #surface-navigation #m-right .row span:last-child{font-size:16px}
#surface-time #clock{left:24px;top:23px;width:290px;height:102px}
#surface-time #clock>.lbl:first-child{font-size:12px;letter-spacing:.09em}

#surface-time #clock .ratio .s1:last-child{display:block}

#surface-time #clock #r-day{font-size:10px;margin-top:8px;max-width:286px}
#surface-time #arrival-caption{left:24px;top:139px;width:280px;font-size:10px}

#surface-spectrum #spectrum-title{left:36px;top:18px;font-size:12px;letter-spacing:.08em;color:#abd9e2}
#surface-spectrum #spectrum{left:9px!important;top:38px!important;width:342px;height:128px}
#surface-systems #m-mid{left:40px;top:10px;width:666px}
#surface-systems #systems{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
#surface-systems #m-mid h3{position:absolute;right:0;top:17px;margin:0}
#surface-systems #m-mid h3>span:first-child{display:none}

#surface-systems #m-mid .row span:first-child{font-size:10px;line-height:11px;margin-bottom:0!important}
.instrument-surface .scr::before{display:none}
.instrument-surface h3{color:#81bdca}

/* The logbook shares the lower central display's perspective. */
#surface-systems #m-log{left:50%;margin-left:-155px;top:12px;width:310px;height:auto}
#surface-systems #m-log h3{font-size:12px;line-height:15px;letter-spacing:.08em;margin:0 0 9px;justify-content:center;text-align:center}

#surface-systems #m-log .log li span:last-child{flex-shrink:0}

/* Consolidated Earth terminal; one hierarchy for rate, signal and arrival. */
#surface-time #clock{left:23px;top:12px;width:292px;height:auto}
#surface-time #clock h3{font-family:var(--font-ui);font-size:12px;line-height:15px;letter-spacing:.06em;font-weight:600;color:#a0cbd5;margin:0 0 6px}

#surface-time .metric-label{display:block;font-family:var(--font-ui);font-size:10px;line-height:12px;color:#8fb2bd;letter-spacing:0}
#surface-time #clock #r-day{display:block;font-size:18px;line-height:21px;color:#91dfbc;margin:2px 0 0;max-width:none;white-space:nowrap}

#surface-time .link-row{display:flex;justify-content:space-between;align-items:baseline;gap:7px;line-height:18px}
#surface-time .link-row>span{font-family:var(--font-ui);font-size:11px;color:#8fb2bd}
#surface-time .link-row strong{font-size:12px;font-weight:400;white-space:nowrap;color:#b7e7ef}
#surface-time #arrival-caption{left:47px;top:126px;width:260px;font-family:var(--font-ui);font-size:10px;line-height:12px;border-top:1px solid #26404b;padding-top:5px}
#surface-time .arrival-heading{font-size:11px;line-height:13px;letter-spacing:.08em;color:#a5ced7;margin-bottom:2px}
#surface-time .arrival-dates{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#surface-time .arrival-dates span{display:block;color:#a0c5cf;font-size:10px;line-height:12px}
#surface-time .arrival-dates strong{display:block;color:#c7edf3;font-family:'JetBrains Mono',Consolas,monospace;font-size:16px;line-height:22px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Three comparison columns; section labels get their own full-width line. */
#surface-comparison #board{left:28px;top:22px;width:304px;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:transparent}
#surface-comparison #board>.th:first-child{display:none}
#surface-comparison #board .th{font-size:11px;line-height:13px;letter-spacing:.06em;padding:0 0 3px;color:#9cc8d4}
#surface-comparison #board .rl{grid-column:1/-1;font-size:9px;line-height:11px;letter-spacing:.07em;padding:3px 0 0;border:0;color:#80aeba}

#surface-comparison #board .cell{padding:2px 0 3px}
#surface-comparison #board .v{font-size:12px;line-height:14px}
#surface-comparison #board .s{font-size:8px;line-height:9px;margin-top:1px}

/* Windshield news strip: no frame; motion is a compositor transform only. */
#surface-ticker>#phase{left:0;top:0;width:470px;max-width:none;height:20px;padding:0 12px;display:block;transform:none;border:0;border-radius:0;box-shadow:none;background:rgba(2,8,12,.80);overflow:hidden;z-index:3;font-size:13px!important;letter-spacing:.06em!important;text-align:left;line-height:20px;pointer-events:none}

#surface-ticker{z-index:3}

/* Replace the baked floating outline with a compact flight strip. */
#cabin{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20900%22%3E%0A%20%20%3C%21--%20Hide%20only%20the%20old%20floating%20frame%3B%20the%20structural%20crossbar%20stays%20visible.%20--%3E%0A%20%20%3Cpath%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200H1600V900H0Z%20M502%20134H1098V442H502Z%22%2F%3E%0A%3C%2Fsvg%3E%0D%0A");mask-size:100% 100%;mask-repeat:no-repeat}
#surface-hud #hud-pane{left:0;top:0;width:100%;height:100%;background:rgba(2,8,12,.80);clip-path:polygon(1.5% 0,98.5% 0,100% 10%,100% 90%,98.5% 100%,1.5% 100%,0 90%,0 10%);box-shadow:inset 0 1px rgba(143,216,232,.18)}

#surface-hud #speed{left:0;top:0;width:100%;height:100%;padding:11px 17px;background:none;border:0}
#surface-hud #speed .lbl{font-size:10px;line-height:12px;letter-spacing:.04em;color:#9abcc7;margin-bottom:3px}

#surface-navigation .nav-destination{font-size:11px;letter-spacing:.06em;color:#a0cbd5}

/* Comparable navigation distances, all expressed in AU with four decimals. */
#surface-navigation .nav-distances{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:3px 0 0}
#surface-navigation .nav-distance{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
#surface-navigation .nav-distance>span{font-family:var(--font-ui);font-size:13px;line-height:16px;color:#8fb2bd}
#surface-navigation .nav-distance strong{font-size:15px;line-height:21px;font-weight:400;white-space:nowrap;color:#b7e7ef;font-variant-numeric:tabular-nums}

/* Shield, logbook and fuel occupy distinct thirds of the lower console. */
#surface-systems #m-mid{left:40px;top:12px;width:660px;height:116px}
#surface-systems #m-mid .scr{padding:0}
#surface-systems #systems{position:relative;display:block;width:660px;height:116px}

#surface-systems #m-mid .system-stack .row span:first-child{font-size:9px;line-height:11px;letter-spacing:.04em}
#surface-systems #m-mid .system-stack .row span:last-child{font-size:13px;line-height:16px;white-space:nowrap}
#surface-systems #fuel-remaining{color:#91dfbc}
/* Symmetric side stacks: headings, labels and values share each column's axis. */

/* Two clock comparisons use the full upper-left monitor. */
#surface-comparison #board{top:20px}
#surface-comparison #board .th{font-size:12px;line-height:15px;padding-bottom:5px}
#surface-comparison #board .rl{font-size:10px;line-height:13px;padding-top:5px}
#surface-comparison #board .cell{padding:4px 0 7px}
#surface-comparison #board .v{font-size:16px;line-height:21px}
#surface-comparison #board #d-ship,#surface-comparison #board #d-earth{font-size:14px}
#surface-comparison #board .s{font-size:10px;line-height:12px;margin-top:2px}
/* One shared clock difference, vertically centered beside both comparisons. */
#surface-comparison #board .rl{grid-column:1/3}
#surface-comparison #e-ship,#surface-comparison #e-earth{letter-spacing:0;font-variant-numeric:tabular-nums}
/* Header and distance readouts share the same three column axes. */
#surface-navigation #m-right .scr{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
#surface-navigation #m-right h3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:center;text-align:center}
#surface-navigation #m-right h3>span{display:block;min-width:0;text-align:center;white-space:nowrap}
#surface-navigation #route{width:664px;max-width:none;min-width:0;margin-left:-18px}
/* Stable centered axes; the speed column accommodates 1.079.252.849 km/h. */
/* Both cords and the sign swing together around one fixed ceiling attachment. */
@keyframes sign-pendulum{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
/* Flight status is already shown on the upper instruments. */

/* Editorial radio: a single complete passage, then a different bulletin. */
#phase.radio-ticker .news-track{animation:none;will-change:transform}

/* Readable secondary clock values; completed diary entries keep their intentional dimming. */
#surface-comparison #board .s{color:#82aeba}
/* Keep the launch caption entirely above the flight strip at y=380. */
#launch{top:260px;gap:18px}
#launch .cap{font-size:11px;line-height:16px;letter-spacing:.18em;color:#b7dfe7;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap}

/* Navigation readouts (17/10/2026): three equal cards inside the glass; the one the local ruler
   counts gets a subtle fill. Total terminal content: header 21 + map 96 + readouts 42 = 159 px, ending 11 px above the surface edge. */
#surface-navigation .nav-distances{padding:0;gap:12px}
#surface-navigation .nav-distance{padding:2px 6px 3px;gap:1px;border:1px solid transparent;border-radius:4px}
#surface-navigation .nav-distance>span{font-size:12px;line-height:15px}
#surface-navigation .nav-distance strong{font-size:16px;line-height:19px}
#surface-navigation .nav-distance.active{background:rgba(44,127,150,.16);border-color:rgba(76,170,196,.45)}
#surface-navigation .nav-distance.active>span{color:#bfeef6}
#surface-navigation .nav-distance.active>span::after{content:attr(data-ruler);font-size:11px;letter-spacing:.06em;color:#7dd3e4}
#surface-navigation .nav-distance.active strong{color:#fff}

/* Clock displays (17/10/2026, from mockups/monitor-tempo.html): elapsed bars, Earth ahead in fixed
   tokens, one rate with a log gamma scale, message arrival date and a radio dial. */
#surface-comparison #board{top:18px;grid-template-columns:1fr 1fr 96px;column-gap:6px}
#surface-comparison #board .th{font-size:12px;line-height:15px;padding-bottom:3px}
#surface-comparison #board .rl{grid-column:1/3;font-size:10px;line-height:13px;padding-top:3px}
#surface-comparison #board .cell{padding:2px 0 4px}
#surface-comparison #board #d-ship,#surface-comparison #board #d-earth{font-size:14px;line-height:18px}
#surface-comparison #board .s{font-size:10px;line-height:12px}
#surface-comparison .trip-bars{grid-column:1/3}
#surface-comparison .trip-bar{display:grid;grid-template-columns:42px 1fr 44px;gap:5px;align-items:center;margin-top:3px}
#surface-comparison .trip-bar>span{font-family:var(--font-ui);font-size:9px;line-height:11px;letter-spacing:.06em;color:#80aeba;text-transform:uppercase}
#surface-comparison .trip-track{position:relative;height:6px;background:#143039;border-radius:3px;overflow:hidden}
#surface-comparison .trip-track i{position:absolute;left:0;top:0;bottom:0;min-width:2px;background:#8fd8e8;border-radius:3px}
#surface-comparison .trip-bar.earth .trip-track i{background:#7dffa8}
#surface-comparison .trip-track b{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#9fe3c2;opacity:.7}
#surface-comparison .trip-bar strong{font-size:10px;font-weight:400;color:#cfeff5;text-align:right;font-variant-numeric:tabular-nums}
#surface-comparison .trip-elapsed{font-size:9px;line-height:11px;color:#82aeba;white-space:nowrap;font-variant-numeric:tabular-nums}
#surface-time #clock{left:23px;top:11px;width:292px}
#surface-time #clock h3{margin:0 0 4px}
#surface-time .time-row{display:flex;justify-content:space-between;align-items:baseline;gap:7px}
#surface-time .time-row .metric-label{font-size:11px;line-height:15px}
#surface-time #clock #r-day{font-size:17px;line-height:20px;margin:0;white-space:nowrap;color:#91dfbc}
#surface-time .gamma-row{display:grid;grid-template-columns:1fr 62px;gap:6px;align-items:center;margin:1px 0 3px;padding-bottom:3px;border-bottom:1px solid #26404b}
#surface-time .gamma-row>span{font-size:9.5px;line-height:11px;color:#82aeba;text-align:right;white-space:nowrap}
#surface-time .mini-scale{position:relative;height:9px}
#surface-time .mini-scale i{position:absolute;display:block}
#surface-time .mini-scale .rail{left:0;right:0;top:3px;height:3px;background:#143039;border-radius:2px}
#surface-time .mini-scale .fill{left:0;top:3px;height:3px;border-radius:2px;background:linear-gradient(90deg,#3c8ea3,#7dffa8)}
#surface-time .mini-scale .tick{top:1px;width:1px;height:7px;background:#2d5562}
#surface-time .mini-scale .zone{top:2px;height:5px;border-radius:2px}
#surface-time .mini-scale .zone.fm{background:rgba(255,189,131,.7)}
#surface-time .mini-scale .zone.audible{background:rgba(125,255,168,.55)}
#surface-time .mini-scale .needle{top:0;width:2px;height:9px;margin-left:-1px;background:#e2fbff;box-shadow:0 0 3px #8fd8e8}
#surface-time .link-row{line-height:16px}
#surface-time .link-row small{font-size:10px;color:#6f98a3}
#surface-time .link-sub{display:flex;justify-content:space-between;gap:6px;font-size:9.5px;line-height:11px;color:#82aeba;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid #26404b;white-space:nowrap}
#surface-time .link-sub span:first-child{font-family:var(--font-ui);font-size:10px}
#surface-time #radio-scale{margin-top:2px}
#surface-time #arrival-caption{left:40px;top:146px;width:272px;display:grid;grid-template-columns:62px 1fr 1fr;gap:8px;align-items:end;padding-top:4px}
#surface-time .arrival-heading{font-size:10px;line-height:12px;margin:0;align-self:center}
#surface-time .arrival-dates{display:contents}
#surface-time .arrival-dates strong{font-size:14px;line-height:19px}

/* Systems terminal (18/10): three terminals on one glass, shield | logbook | mass and fuel,
   filling the 740x140 surface top to bottom. */
#surface-systems #m-mid{left:0;top:0;width:740px;height:140px}
#surface-systems #m-mid .scr,#surface-systems #systems{position:static;display:block;width:auto;height:auto;padding:0}
#surface-systems .sys-col{position:absolute;top:9px;width:178px}
#surface-systems .sys-shield{left:-4px}
#surface-systems .sys-mass{left:566px}
#surface-systems #m-mid .sys-col h3,#surface-systems #m-log h3{position:static;display:block;margin:0 0 4px;font-size:12px;line-height:15px;letter-spacing:.08em;color:#81bdca;text-align:center}
#surface-systems .sys-k{display:block;font:600 9px/11px var(--font-ui);letter-spacing:.05em;text-transform:uppercase;color:#80aeba;white-space:nowrap}
#surface-systems .sys-num{display:block;font-size:12px;line-height:16px;color:#d4f4fa;font-variant-numeric:tabular-nums;white-space:nowrap}
#surface-systems .sys-num.big{font-size:17px;line-height:21px}
#surface-systems .sys-num.go{color:#91dfbc}
#surface-systems .sys-scale{position:relative;height:9px;margin-top:1px}
#surface-systems .sys-scale i{position:absolute;display:block}
#surface-systems .sys-scale .rail{left:0;right:0;top:3px;height:3px;background:#143039;border-radius:2px}
#surface-systems .sys-scale .fill{left:0;top:3px;height:3px;border-radius:2px}
#surface-systems #shield-fill{background:linear-gradient(90deg,#3c8ea3,#ffbd83)}
#surface-systems #mass-fill{background:linear-gradient(90deg,#3c8ea3,#91dfbc)}
#surface-systems .sys-scale .tick{top:1px;width:1px;height:7px;background:#33606d}
#surface-systems .sys-scale .needle{top:0;width:2px;height:9px;margin-left:-1px;background:#e2fbff;box-shadow:0 0 3px #8fd8e8}
#surface-systems .sys-scale-labels{position:relative;height:11px;margin-bottom:3px;font:500 8.5px/11px var(--font-ui);color:#6f98a3}
#surface-systems .sys-scale-labels span{position:absolute;transform:translateX(-50%);white-space:nowrap}
#surface-systems .sys-scale-labels span.l{transform:none}
#surface-systems .sys-scale-labels span.r{transform:translateX(-100%)}
#surface-systems .sys-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;border-top:1px solid #10232a}
#surface-systems #m-log{left:224px;margin-left:0;top:9px;width:294px;height:auto}
#surface-systems .sys-diary{display:block}
#surface-systems .sys-ev{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;font-size:11.5px;line-height:15px;padding:4px 0;border-bottom:1px solid #10232a}
#surface-systems .sys-ev .t{color:#8fb2bd;white-space:nowrap}
#surface-systems .sys-ev.past{color:#5f8790}
#surface-systems .sys-ev.past .n,#surface-systems .sys-ev.later .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#surface-systems .sys-ev.later .n{color:#a9cdd6}
#surface-systems .sys-ev.next{color:var(--go);border-bottom:0;padding-bottom:0}
#surface-systems .sys-ev.next .n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#surface-systems .sys-ev.next .t{color:var(--go)}
#surface-systems .sys-ev.heavy,#surface-systems .sys-ev.heavy .t{color:var(--warm)}
#surface-systems .sys-gap{position:relative;height:3px;background:#143039;border-radius:2px;margin:4px 0}
#surface-systems .sys-gap i{position:absolute;left:0;top:0;bottom:0;background:var(--go);border-radius:2px}
#surface-systems .sys-diary-note{font-size:11.5px;line-height:15px;color:#8fb2bd;white-space:normal}

/* Earth ahead (18/10): third column split into the same rows as the left side. */
#surface-comparison #board{width:320px;grid-template-columns:repeat(2,minmax(0,1fr)) 112px}
#surface-comparison #board .ahead-col{grid-column:3;min-width:0;margin:0;padding-left:8px;border-left:1px solid #213c45;text-align:center}
#surface-comparison #board .ahead-th{grid-row:1;color:#91c5b2;letter-spacing:.04em;white-space:nowrap}
#surface-comparison #board .rl.ahead-label{grid-row:2;grid-column:3;color:#6f9e8d;text-align:center;justify-content:center}
#surface-comparison #board .ahead-head{grid-row:3}
#surface-comparison #ah-num{display:block;font-size:19px;line-height:18px;color:#7dffa8;white-space:nowrap;font-variant-numeric:tabular-nums}
#surface-comparison #ah-unit{display:block;font-family:var(--font-ui);font-weight:600;font-size:11px;line-height:12px;letter-spacing:.05em;color:#91c5b2;margin-top:2px}
#surface-comparison .ahead-meter{grid-row:4;display:grid;grid-template-columns:auto 1fr auto;gap:4px;align-items:center;padding-top:3px}
#surface-comparison .ahead-meter span{font-size:8.5px;line-height:11px;color:#82aeba;white-space:nowrap;font-variant-numeric:tabular-nums}
#surface-comparison .ahead-track{position:relative;height:6px;border-radius:3px;overflow:hidden;background:linear-gradient(90deg,transparent calc(50% - .5px),#2b5360 calc(50% - .5px),#2b5360 calc(50% + .5px),transparent calc(50% + .5px)),#143039}
#surface-comparison .ahead-track i{position:absolute;left:0;top:0;bottom:0;min-width:2px;background:#7dffa8;border-radius:3px}
#surface-comparison .ahead-counter{grid-row:5}
/* Two stacks that fill from the bottom: left h/min/s/ms, right a/m/sem/d; uniform 3 px rows and 2 px columns. */
#surface-comparison .counter-line{display:grid;grid-template-columns:28px 20px 28px 20px;column-gap:2px;align-items:center;justify-content:center;height:11px}
#surface-comparison .counter-line+.counter-line{margin-top:3px}
#surface-comparison .counter-line b{height:10px;padding:0 2px 0 1px;border-radius:2px;background:#0a242c;font-weight:500;font-size:10px;line-height:10px;letter-spacing:.02em;color:#d4f4fa;text-align:right;font-variant-numeric:tabular-nums}
#surface-comparison .counter-line span{padding-left:2px;font-family:var(--font-ui);font-weight:600;font-size:9px;line-height:11px;color:#82aeba;text-align:left}

/* Speed strip (18/10): four readouts on top, one rapidity tape across the whole width. Surface 630x62. */
#surface-hud .speed-top{position:absolute;left:17px;right:17px;top:5px;display:grid;grid-template-columns:148px 120px 128px minmax(0,1fr);align-items:baseline;text-align:center}
#surface-hud .speed-top>div{min-width:0;padding:0 5px;border-left:1px solid #1d3740}
#surface-hud .speed-top>div:first-child{border-left:0}
#surface-hud #speed .speed-top .lbl{margin:0;font-size:10px;line-height:12px;letter-spacing:.06em;color:#9abcc7;white-space:nowrap}
#surface-hud .speed-num{font-size:14.5px;line-height:18px;color:#d4f4fa;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0}
#surface-hud .speed-num small{margin-left:3px;font-family:var(--font-ui);font-size:10px;color:#87afbd}
#surface-hud .speed-num.go{color:#7dffa8}
#surface-hud .speed-num.rem{font-size:10.5px}
#surface-hud .speed-tape{position:absolute;left:17px;right:17px;top:39px;height:18px}
#surface-hud .speed-tape i,#surface-hud .speed-tape span,#surface-hud .speed-tape b{position:absolute;display:block}
#surface-hud .speed-tape .rail{left:0;right:0;top:3px;height:4px;background:#143039;border-radius:2px}
#surface-hud .speed-tape .fill{left:0;top:3px;height:4px;border-radius:2px;background:linear-gradient(90deg,#2f7486,#8fd8e8 70%,#ffbd83)}
#surface-hud .speed-tape .tick{top:1px;width:1px;height:8px;background:#33606d}
#surface-hud .speed-tape .end{left:100%;top:-1px;width:2px;height:12px;background:#ffbd83;opacity:.7}
#surface-hud .speed-tape span{top:9px;transform:translateX(-50%);font:500 8.5px/9px var(--font-ui);color:#6f98a3;white-space:nowrap}
#surface-hud .speed-tape .ship{top:-1px;width:0;height:0;margin-left:-5px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #e2fbff;filter:drop-shadow(0 0 3px #8fd8e8)}
#surface-hud .speed-tape .ship.back{margin-left:-4px;border-left:0;border-right:9px solid #ffbd83;filter:drop-shadow(0 0 3px #ffbd83)}

/* Navigation readouts follow the view (18/10): "now" on the local ruler, whole trip on the route map. */
#surface-navigation .nav-distance{transition:opacity .25s}
#surface-navigation .nav-distances.swap .nav-distance{opacity:.15}
#surface-navigation .nav-distance.go strong{color:#7dffa8}
#surface-navigation .nav-distance.warm strong{color:#ffbd83}

/* The two right-hand speed readouts alternate every 30 s and fade while the text swaps. */
#surface-hud .speed-alt{transition:opacity .25s}
#surface-hud .speed-top.swap .speed-alt{opacity:.15}
#surface-hud .speed-num.plain{color:#d4f4fa}

/* Route drawing 36 px wider on each side (18/10); header and readouts unchanged. */
#surface-navigation #route{width:736px;margin-left:-54px}

/* Radiation panel across the whole glass (18/10): title centred, svg from x = -34 to 368. */
#surface-spectrum #spectrum-title{left:-34px;width:402px;top:9px;text-align:center}
#surface-spectrum #spectrum{left:-34px!important;top:0!important;width:402px;height:175px;overflow:visible}

/* Rear camera overlay (18/10): camera-style text over the image, no boxes. */
#surface-rear-log #rearwrap .t,#surface-rear-log #rearwrap .t2,#surface-rear-log .rear-osd{background:none;padding:0;border-radius:0;text-shadow:0 0 3px #000,0 0 6px #000;white-space:nowrap}
#surface-rear-log #rearwrap .t{left:15px;top:10px;font-size:10px;letter-spacing:.12em;color:#8fd8e8}
#surface-rear-log #rearwrap .t2{left:50%;right:auto;top:160px;bottom:auto;transform:translateX(-50%);font-size:10px;color:#ffb38a}
#surface-rear-log .rear-osd{position:absolute;z-index:2;color:#cfeff5}
#surface-rear-log .rear-osd .k{display:block;font:600 9px/11px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#8fb8c3}
#surface-rear-log .rear-osd .v{display:block;font-size:12px;line-height:15px;font-variant-numeric:tabular-nums}
#surface-rear-log .rear-osd .s{display:block;font:500 9.5px/12px var(--font-ui);color:#9cc0ca}
#surface-rear-log .rear-time{right:15px;top:9px;text-align:right}
#surface-rear-log .rear-time .v{color:#ffd9a8}
#surface-rear-log .rear-slow{left:15px;top:116px}
#surface-rear-log .rear-slow .v{color:#ffb38a}
#surface-rear-log #rear-reticle{position:absolute;z-index:2;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none}
#surface-rear-log #rear-reticle[hidden]{display:none}
#surface-rear-log #rear-reticle i{position:absolute;width:7px;height:7px;border:0 solid rgba(255,190,140,.85)}
#surface-rear-log #rear-reticle i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}
#surface-rear-log #rear-reticle i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}
#surface-rear-log #rear-reticle i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}
#surface-rear-log #rear-reticle i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}

/* News strip (18/10): fixed voice badge, faded scroll window, tag + fact + comment, progress hairline. */
#surface-ticker>#phase.radio-ticker{--voice:#8fd8e8;padding:0;background:linear-gradient(180deg,rgba(4,14,19,.88),rgba(2,8,12,.82));border-top:1px solid rgba(143,216,232,.22);border-bottom:1px solid rgba(143,216,232,.12);font-family:var(--font-ui)}
#phase.radio-ticker .news-badge{position:absolute;left:0;top:0;bottom:0;width:108px;display:flex;align-items:center;gap:5px;padding-left:9px;border-left:2px solid var(--voice);background:linear-gradient(90deg,color-mix(in srgb,var(--voice) 16%,transparent),transparent)}
#phase.radio-ticker .news-light{width:6px;height:6px;border-radius:50%;background:var(--voice);box-shadow:0 0 5px var(--voice);flex:none;font-size:0}
#phase.radio-ticker .news-light.live{animation:news-pulse 1.6s ease-in-out infinite}
@keyframes news-pulse{50%{opacity:.35}}
#phase.radio-ticker .news-who{font:700 10px/1 var(--font-ui);letter-spacing:.1em;color:var(--voice);white-space:nowrap}
#phase.radio-ticker .news-view{position:absolute;left:112px;right:6px;top:0;bottom:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 18px),transparent)}
#phase.radio-ticker .news-track{position:absolute;left:0;top:0;height:18px;display:flex;align-items:center;gap:7px;width:max-content;white-space:nowrap;visibility:hidden;animation:none;will-change:transform}
#phase.radio-ticker .news-tag{font:700 8px/1 var(--font-ui);letter-spacing:.1em;color:var(--voice);border:1px solid color-mix(in srgb,var(--voice) 60%,transparent);border-radius:2px;padding:2px 4px 1px}
#phase.radio-ticker .news-tag[hidden],#phase.radio-ticker .news-dash[hidden]{display:none}
#phase.radio-ticker .news-fact{font:600 11.5px/1 var(--font-ui);letter-spacing:.03em;color:#eaf8fb}
#phase.radio-ticker .news-fact.heavy{color:var(--warm)}
#phase.radio-ticker .news-dash{font-size:11px;color:#5f8792}
#phase.radio-ticker .news-comment{font:500 11.5px/1 var(--font-ui);letter-spacing:.02em;color:#a6c8d1}
#phase.radio-ticker .news-progress{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--voice);opacity:.7;transform:scaleX(0);transform-origin:0 0}

/* Speaker change in the news strip: registered colour so the voice colour can glide. */
@property --voice{syntax:'<color>';inherits:true;initial-value:#8fd8e8}
#surface-ticker>#phase.radio-ticker{transition:--voice .45s ease}
#phase.radio-ticker .news-badge{overflow:hidden}
#phase.radio-ticker .news-who{display:inline-block}
#phase.radio-ticker .news-sweep{position:absolute;left:0;top:0;bottom:0;width:60%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--voice) 55%,transparent),transparent);opacity:0;pointer-events:none}

/* Cabin light (18/10): circadian lighting, light from outside and the reflection on the glass, plus
   the builder's plate. All sit between the cabin image and the instruments. --cabin-hole repeats the
   mask that hides the old floating frame baked into cabin.png; the flipped copy is for the reflection. */
:root{--cabin-hole:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1600 900%27%3E%3Cpath fill=%27white%27 fill-rule=%27evenodd%27 d=%27M0 0H1600V900H0Z M502 134H1098V442H502Z%27/%3E%3C/svg%3E");--cabin-hole-flip:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1600 900%27%3E%3Cpath fill=%27white%27 fill-rule=%27evenodd%27 d=%27M0 0H1600V900H0Z M502 82H1098V390H502Z%27/%3E%3C/svg%3E")}
.cabin-light,#cabin-reflection-wrap,#cabin-plate{position:absolute;left:0;top:0;z-index:1;pointer-events:none}
.cabin-light,#cabin-reflection-wrap,#cabin-reflection{width:1600px;height:900px;-webkit-mask-size:1600px 900px;mask-size:1600px 900px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.cabin-light{-webkit-mask-image:url(mockups/cabin-aberta.png),var(--cabin-hole);mask-image:url(mockups/cabin-aberta.png),var(--cabin-hole);-webkit-mask-composite:source-in;mask-composite:intersect}
#cabin-circadian{mix-blend-mode:multiply;background:#fff}
#cabin-spill{mix-blend-mode:screen;opacity:0;-webkit-mask-image:url(mockups/cabin-aberta.png),radial-gradient(ellipse 760px 520px at 800px 250px,#000 25%,transparent 100%),var(--cabin-hole);mask-image:url(mockups/cabin-aberta.png),radial-gradient(ellipse 760px 520px at 800px 250px,#000 25%,transparent 100%),var(--cabin-hole);-webkit-mask-composite:source-in,source-in;mask-composite:intersect,intersect}
#cabin-reflection-wrap{-webkit-mask-image:linear-gradient(#000,#000),url(mockups/cabin-aberta.png),var(--cabin-hole);mask-image:linear-gradient(#000,#000),url(mockups/cabin-aberta.png),var(--cabin-hole);-webkit-mask-composite:xor,source-in;mask-composite:exclude,intersect}
#cabin-reflection{position:absolute;left:0;top:0;background:url(mockups/cabin-aberta.png) 0 0/1600px 900px;transform:scaleY(-1);transform-origin:50% 262px;-webkit-mask-image:var(--cabin-hole-flip);mask-image:var(--cabin-hole-flip);filter:blur(.6px);opacity:0}
#cabin-plate{width:112px;height:40px;transform-origin:0 0;padding:4px 6px 3px;text-align:center;color:#d8d0c0;border-radius:2px;font-family:var(--font-ui);background:linear-gradient(180deg,rgba(255,150,70,.36),rgba(255,135,55,.14) 38%,rgba(255,120,40,.03) 72%,transparent),linear-gradient(100deg,#1b1d20,#272a2d 30%,#1a1c1f 50%,#25282b 72%,#161819);box-shadow:inset 0 1px 0 rgba(255,185,110,.6),inset 0 -1px 0 rgba(0,0,0,.7),inset 0 0 6px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.7)}
#cabin-plate::before{content:'';position:absolute;inset:3px;border:1px solid rgba(255,170,95,.2);border-bottom-color:rgba(0,0,0,.5);border-radius:1px}
#cabin-plate i{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 50% 25%,#f1b476,#4a4541 55%,#15140f);box-shadow:0 0 1px #000}
#cabin-plate i:nth-child(1){left:2px;top:2px}#cabin-plate i:nth-child(2){right:2px;top:2px}#cabin-plate i:nth-child(3){left:2px;bottom:2px}#cabin-plate i:nth-child(4){right:2px;bottom:2px}
#cabin-plate b{display:block;font:700 10.5px/12px var(--font-ui);letter-spacing:.07em;color:#d9cfbd;text-shadow:0 -.5px 0 rgba(255,210,160,.75),0 .7px 0 rgba(0,0,0,.95),0 1.3px 1.5px rgba(0,0,0,.6)}
#cabin-plate span{display:block;font:600 7px/9px var(--font-ui);letter-spacing:.1em;color:#c4b9a5;text-shadow:0 -.4px 0 rgba(255,210,160,.6),0 .6px 0 rgba(0,0,0,.95),0 1px 1px rgba(0,0,0,.5)}
#cabin-plate small{display:block;font:500 5.5px/7px var(--font-ui);letter-spacing:.08em;color:#938b7b;text-shadow:0 -.3px 0 rgba(255,210,160,.5),0 .5px 0 rgba(0,0,0,.9)}

/* Legibilidade em notebooks (21/10/2026, 1.2.2; mockup mockups/legibilidade.html, proposta B): legendas 1 a 2 px maiores
   onde o vidro tem lugar, números grandes e linhas do diário como antes. Medido com tools/medir-textos.html nos vinte
   idiomas em dez momentos; as exceções html:lang(xx) no fim são os textos que não cabem no tamanho novo. */
/* Relógios comparados (como em A: em 12 px o rótulo de seção quebra e "3.493a 5m 2sem 4d 23h 38min 40s" não cabe) */
#surface-comparison #board .rl{font-size:11px;line-height:14px}
#surface-comparison #board .s{font-size:11px;line-height:13px}
#surface-comparison .trip-bars{display:grid;grid-template-columns:auto minmax(0,1fr) 48px;column-gap:5px;align-items:center}
#surface-comparison .trip-bar{display:contents}
#surface-comparison .trip-bar>*{margin-top:3px}
#surface-comparison .trip-bar>span{font-size:10px;line-height:12px;white-space:nowrap}
#surface-comparison .trip-bar strong{font-size:11px}
#surface-comparison .trip-elapsed{grid-column:1/-1;font-size:10px;line-height:12px}
#surface-comparison #ah-unit{font-size:12px;line-height:13px}
#surface-comparison .ahead-meter span{font-size:9.5px}
#surface-comparison .counter-line span{font-size:10px}

/* Terra · tempo e comunicação */
#surface-time #clock h3{font-size:13px;line-height:16px}
#surface-time .gamma-row>span{font-size:10px}
#surface-time #signal-delay-row>span{font-size:13px}
#surface-time .link-sub{font-size:11px;line-height:13px}
#surface-time .link-sub span:first-child{font-size:11px}
#surface-time .arrival-heading{font-size:11px;line-height:13px}
#surface-time .arrival-dates span{font-size:12px;line-height:14px}

/* Sistemas */
#surface-systems .sys-col{width:196px}
#surface-systems .sys-mass{left:548px}
#surface-systems #m-mid .sys-col h3,#surface-systems #m-log h3{font-size:13px;line-height:16px}
#surface-systems .sys-k{font-size:10px;line-height:12px}
#surface-systems .sys-scale-labels{font-size:9.5px}
#surface-systems .sys-diary-note{font-size:12.5px;line-height:16px}

/* Navegação: só a linha de título. Os cartões ficam em 12 px: em 13 px "Próximo marco · em 1 min 12 s" quebrava
   em russo e suaíli nos instantes em que a régua local conta, e os cartões saíam do vidro por baixo. */
#surface-navigation .nav-destination,#surface-navigation #nav-phase{font-size:12px}

/* Faixa de velocidade (como em A) */
#surface-hud .speed-top{left:14px;right:14px;grid-template-columns:152px 108px 150px minmax(0,1fr)}
#surface-hud #speed .speed-top .lbl{font-size:11px;line-height:13px}
#surface-hud .speed-num small{font-size:11px}
#surface-hud .speed-tape span{font-size:9.5px;line-height:10px}

/* Câmera traseira */
#surface-rear-log #rearwrap .t,#surface-rear-log #rearwrap .t2{font-size:12px}
#surface-rear-log .rear-osd .k{font-size:11px;line-height:13px}
#surface-rear-log .rear-osd .v{font-size:13px;line-height:16px}
#surface-rear-log .rear-osd .s{font-size:11px;line-height:13px}
#surface-rear-log .rear-slow{top:112px}

/* Radiação, rádio (faixa de notícias), rodapé e aviso de encontro */
#surface-spectrum #spectrum-title{font-size:13px}
#phase.radio-ticker .news-who{font-size:12px}
#phase.radio-ticker .news-tag{font-size:9.5px}
#phase.radio-ticker .news-fact,#phase.radio-ticker .news-comment{font-size:13.5px}
#phase.radio-ticker .news-dash{font-size:13px}
#site-footer .version{font-size:13px}
#encounter-badge{font-size:12px!important}

/* Exceções por idioma, da medição (tools/medir-textos.html) sobre os dez momentos: onde o texto do idioma não cabe
   no tamanho novo, fica no de hoje. Russo: faixa de velocidade e, na câmera traseira, o título
   "КАМЕРА ЗАДНЕГО ВИДА" encostaria em "Изображение Земли от". */
html:lang(ru) #surface-hud .speed-top{grid-template-columns:152px 118px 140px minmax(0,1fr)}
html:lang(ru) #surface-hud #speed .speed-top .lbl{font-size:10px;line-height:12px}
html:lang(ru) #surface-hud .speed-num.rem{font-size:10px}
html:lang(ru) #surface-rear-log #rearwrap .t,html:lang(ru) #surface-rear-log #rearwrap .t2{font-size:11px}
html:lang(ru) #surface-rear-log .rear-osd .k{font-size:10px;line-height:12px}
/* Grego: o rótulo de seção "Πρόοδος του ταξιδιού σε κάθε ρολόι" quebra em 11 px e empurra o quadro para fora do vidro. */
html:lang(el) #surface-comparison #board .rl{font-size:10px;line-height:13px}
/* Indonésio e suaíli: "PERKIRAAN TIBA" e "MAKADIRIO YA KUWASILI" não cabem na coluna de 62 px em 11 px; em indonésio
   "16th 1bl 1mg 5d 00h 29min 58s" não cabe na quarta coluna da faixa de velocidade em 10,5 px. */
html:lang(id) #surface-time .arrival-heading,html:lang(sw) #surface-time .arrival-heading{font-size:10px;line-height:12px}
html:lang(id) #surface-hud .speed-num.rem{font-size:10px}
/* Suaíli: "Ya kasi ya mwanga" na faixa de velocidade e "Ishara kutoka hapa hadi Duniani" no painel da Terra. */
html:lang(sw) #surface-hud .speed-top{grid-template-columns:152px 120px 138px minmax(0,1fr)}
html:lang(sw) #surface-hud #speed .speed-top .lbl{font-size:10px;line-height:12px}
html:lang(sw) #surface-hud .speed-num.rem{font-size:10px}
html:lang(sw) #surface-time #signal-delay-row>span{font-size:11px}
/* Coreano, japonês e chinês: unidades de dois caracteres do contador ("시간", "か月", "小时") na coluna de 20 px, e o
   decorrido "6,986年 11か月 1週 0日 11時 13分 24秒" nas barras de viagem. */
html:lang(ko) #surface-comparison .counter-line span,html:lang(ja) #surface-comparison .counter-line span,html:lang(zh) #surface-comparison .counter-line span{font-size:9px}
html:lang(ko) #surface-comparison .trip-elapsed,html:lang(ja) #surface-comparison .trip-elapsed,html:lang(zh) #surface-comparison .trip-elapsed{font-size:9px;line-height:11px}

/* Modo vertical (etapa 3, 21/10/2026; mockup mockups/celular.html): celular em pé (largura menor que a altura e que
   820 px). src/main.js recorta o palco na região da janela e o mostra como faixa no alto; perspective.js move os
   instrumentos para #paineis, empilhados na largura da tela. Cada painel ganha um quadro escuro, já que o vidro da
   cabine ficou no palco. Os textos da janela (status, aviso, etiquetas dos astros) dobram, porque a faixa é vista a
   cerca de metade da escala. */
html[data-layout=vertical],html[data-layout=vertical] body{height:auto;overflow:auto}
html[data-layout=vertical] body{display:block}
html[data-layout=vertical] #simulation-viewport{display:block;position:relative;width:100%;overflow:hidden}
html[data-layout=vertical] #stage{transform-origin:0 0}
html[data-layout=vertical] #janela-status{font-size:24px}
html[data-layout=vertical] #janela-aviso b{font-size:26px}
html[data-layout=vertical] #janela-aviso span{font-size:24px;margin-top:12px}
html[data-layout=vertical] .tag span{font-size:22px;left:40px}
html[data-layout=vertical] .tag i{width:30px;height:30px}
html[data-layout=vertical] #encounter-badge{font-size:18px!important}
html[data-layout=vertical] #paineis{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 28px}
html[data-layout=vertical] #paineis .instrument-surface{position:relative;left:auto;top:auto;flex:none;pointer-events:auto;background:rgba(2,13,18,.86);border:1px solid #173039;border-radius:6px;overflow:hidden}
html[data-layout=vertical] #paineis #surface-ticker{border-radius:0;border-width:1px 0;background:none}
html[data-layout=vertical] #paineis #site-footer{position:static;width:auto;max-width:100%;height:auto;margin-top:10px;padding:0 12px;font-size:14px}
html[data-layout=vertical] #paineis #site-footer nav{flex-wrap:wrap;gap:4px 18px}
/* Faixa de notícias: largura da tela, 24 px. */
html[data-layout=vertical] #surface-ticker>#phase{width:100%;height:24px;line-height:24px}
html[data-layout=vertical] #phase.radio-ticker .news-track{height:22px}
/* Faixa de velocidade: dois mostradores por linha e a fita de rapidez embaixo. */
html[data-layout=vertical] #surface-hud #speed{position:static;width:auto;height:auto;padding:8px 10px 4px}
html[data-layout=vertical] #surface-hud #hud-pane{clip-path:none;background:none;box-shadow:none}
html[data-layout=vertical] #surface-hud .speed-top{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 6px;text-align:center}   /* a segunda coluna leva "Faltam a bordo" (japonês: 0年 11か月 4週 2日 10時 29分 00秒) */
html[data-layout=vertical] #surface-hud .speed-num.rem{font-size:10px}
html[data-layout=vertical] #surface-hud .speed-top>div{border-left:0;padding:0 2px}
html[data-layout=vertical] #surface-hud .speed-top>div:nth-child(2n){border-left:1px solid #1d3740}
html[data-layout=vertical] #surface-hud .speed-tape{position:relative;top:auto;left:auto;right:auto;margin:10px 30px 20px}   /* margem para os rótulos das pontas (50 %, 99,99999 %) */
html[data-layout=vertical] #surface-hud .speed-tape span:nth-of-type(2n){display:none}   /* fita de 300 px: só metade dos rótulos (50 %, 99 %, 99,99 %, 99,9999 %) cabe sem encostar */
/* Navegação: título em linha corrida, mapa na largura da tela, três cartões embaixo. */
html[data-layout=vertical] #surface-navigation #m-right{position:static;width:auto;height:auto;padding:8px 10px 10px}
html[data-layout=vertical] #surface-navigation #m-right .scr{display:block;overflow:visible}
html[data-layout=vertical] #surface-navigation #m-right h3{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;margin-bottom:6px}
html[data-layout=vertical] #surface-navigation #route{display:block;width:100%;height:auto;max-width:none;margin:0}
html[data-layout=vertical] #surface-navigation .nav-distances{display:grid;grid-template-columns:1fr;gap:4px;padding-top:6px}   /* três linhas, legenda à esquerda e valor à direita: cabe "3 492,5 св. г." e "6,901.5 سنة ضوئية" */
html[data-layout=vertical] #surface-navigation .nav-distance{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;text-align:left;padding:3px 8px}
html[data-layout=vertical] #surface-navigation .nav-distance>span{text-align:left}
html[data-layout=vertical] #surface-navigation .nav-distance strong{white-space:nowrap;flex:none}
/* Sistemas: escudo, diário e massa um abaixo do outro, na ordem do desktop (perspective.js move o diário para dentro
   de #systems no modo vertical). */
html[data-layout=vertical] #surface-systems #m-mid{position:static;width:auto;height:auto;padding:8px 10px 0}
html[data-layout=vertical] #surface-systems .sys-col,html[data-layout=vertical] #surface-systems #m-log{position:static;width:auto;margin:0 0 12px}
html[data-layout=vertical] #surface-systems #m-log h3>span:first-child{display:inline}   /* o título do diário, escondido pela regra de #m-mid h3 quando o diário entra em #systems */
/* Radiação: desenho e título na largura do painel. */
html[data-layout=vertical] #surface-spectrum #spectrum{left:0!important;width:100%;height:auto}
html[data-layout=vertical] #surface-spectrum #spectrum-title{left:0;width:100%}

/* Contador de visitas no modo vertical (1.2.5): sai do monitor superior, que fica fora da faixa, e vira uma linha ao lado do
   rodapé, com a legenda tirada do próprio title (traduzido pelos dicionários). */
html[data-layout=vertical] #paineis .visits{position:static;transform:none!important;width:auto!important;height:auto!important;margin:14px 0 -6px;font-size:17px;gap:10px}
html[data-layout=vertical] #paineis .visits::after{content:attr(title);font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#7f98a1;text-shadow:none}

/* Sonda Proxima 1.0.2 (24/10/2026): a coluna de massa e combustível cresce 50 px para a esquerda, para dentro do vão do
   diário. "Energia gasta" + "999,9 mil Hiroshimas" estourava a coluna de 196 px em pt-BR, es, en, de, it e fa (pior: en,
   +44 px na tela); sem altura sobrando no monitor (8 px), quebrar a linha não cabe. O diário fica entre 210 e 484 px. */
#surface-systems .sys-mass{left:498px;width:246px}
#surface-systems #m-log{left:210px;width:274px}