#enter-planet-surface{display:flex;align-items:center;gap:12px;margin-top:17px;padding:11px 15px;border:1px solid #d8bd8c65;border-radius:7px;background:#142023c9;color:#e2cea6;text-align:left;pointer-events:auto;backdrop-filter:blur(14px)}#enter-planet-surface>span:first-child{font-size:23px}#enter-planet-surface strong{display:block;font-size:12px;font-weight:500}#enter-planet-surface small{display:block;font-size:9px;margin-top:4px;color:#a7b4b8}#enter-planet-surface:hover{background:#263739}#surface-unavailable{display:block;max-width:260px;margin-top:14px;color:#95a5b4;font-size:10px;line-height:1.7}#enter-planet-surface[hidden],#surface-unavailable[hidden]{display:none}
#planet-surface-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#0a0f13;color:#f1e9d9;overflow:hidden;font-family:inherit}#planet-surface-dialog::backdrop{background:#020407}#planet-surface-dialog [hidden]{display:none!important}#planet-surface-dialog button,#planet-surface-dialog select{font:inherit;color:inherit}#planet-surface-dialog button{border:1px solid #e2d1b342;border-radius:6px;background:#0b131ccf;cursor:pointer;min-height:38px;padding:8px 13px;font-size:11px;backdrop-filter:blur(14px)}#planet-surface-dialog button:hover{background:#2c3c40}#planet-surface-dialog button:focus-visible,#surface-canvas:focus-visible{outline:2px solid #e2c796;outline-offset:3px}#surface-canvas{position:absolute;inset:0;cursor:grab;touch-action:none;outline:none}#surface-canvas:active{cursor:grabbing}#surface-canvas canvas{display:block;width:100%;height:100%}.surface-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#020509a1 0,transparent 32%,transparent 66%,#020509c9)}.surface-header{position:absolute;top:27px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;pointer-events:none;text-shadow:0 2px 15px #0008}.surface-header button{pointer-events:auto}.surface-eyebrow{font-size:9px;letter-spacing:2.8px;color:#d8c39e}.surface-header h1{font-size:34px;font-weight:500;letter-spacing:-1px;margin:12px 0 6px}.surface-header p{font-size:12px;color:#d8d4cb;margin:0}.surface-selectors{position:absolute;left:32px;top:151px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.surface-selectors label{display:flex;align-items:center;gap:9px;background:#09121bd4;border:1px solid #e2d1b342;padding:5px 8px 5px 12px;border-radius:6px;font-size:10px}.surface-selectors select{background:transparent;border:0;outline-color:#dcca9c;min-height:27px;font-size:12px}.surface-selectors option{background:#111c24}.surface-selectors nav{display:flex;gap:5px}#planet-surface-dialog button[aria-pressed=true]{background:#2b4744;color:#eee0b9;border-color:#bdd5b8}#surface-evidence{position:absolute;left:32px;top:204px;padding:6px 9px;border-radius:4px;background:#131e25d9;border:1px solid #d9e9d633;font-size:10px;color:#cfdfd9}#surface-evidence[data-kind=model]{color:#ecd4ac;border-color:#e4bf7e66}#surface-notes{position:absolute;right:32px;top:88px;width:300px;border:1px solid #b5c6c329;border-radius:8px;background:#0d1720ef;backdrop-filter:blur(20px);font-size:11px;max-height:calc(100dvh - 235px);overflow:auto}#surface-notes summary{cursor:pointer;padding:13px 16px;list-style:none;color:#e2d2b6}#surface-notes summary span{float:right;color:#a0b7bc}#surface-notes[open] summary{border-bottom:1px solid #d8d4b722}#surface-notes>div{padding:0 16px 16px}#surface-context{font-size:12px;line-height:1.9;color:#d1dadc}#surface-facts{margin:17px 0;border-top:1px solid #d5c9b723}#surface-facts>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #d5c9b723}#surface-facts dt{color:#839ba9;white-space:nowrap}#surface-facts dd{margin:0;text-align:right;color:#d9d8cf}#surface-epoch{font-size:10px;line-height:1.8;color:#c4c2b8}#surface-credit{display:block;font-size:9px;line-height:1.8;color:#8ea3af}#surface-links{display:grid;gap:10px;margin-top:16px}#surface-links a{color:#ddc99f;text-decoration:none;line-height:1.6}.surface-projection-note{font-size:10px;color:#8fa4af;line-height:1.9;border-top:1px solid #b4d0dd22;padding-top:14px}#surface-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;border:1px solid #a4b9c140;border-radius:8px;background:#0b1624e8;text-align:center;font-size:13px;line-height:1.8;max-width:90%;min-width:240px;pointer-events:none}#surface-zoom{position:absolute;right:32px;top:48%;display:grid;gap:6px}#surface-zoom button{font-size:20px;min-width:42px}#surface-walk{position:absolute;bottom:121px;left:32px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:44px 44px;gap:5px}#surface-walk button{touch-action:none;user-select:none;-webkit-user-select:none;padding:0;font-size:19px}#surface-walk button:first-child{grid-column:2}#surface-walk button:nth-child(2){grid-row:2;grid-column:1}#surface-walk button:nth-child(3){grid-row:2;grid-column:2}#surface-walk button:nth-child(4){grid-row:2;grid-column:3}.surface-footer{position:absolute;bottom:0;left:0;right:0;padding:19px 32px 22px;background:linear-gradient(transparent,#07101bde);font-size:10px;pointer-events:none}.surface-footer>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.surface-footer button{pointer-events:auto}.surface-footer p{color:#cbd0d0;font-size:11px;margin:13px 0 0}#surface-model-note{color:#cbbf9e}#surface-readout{font-variant-numeric:tabular-nums;letter-spacing:.4px;color:#eddec0}#surface-photo{position:absolute;left:32px;right:32px;top:275px;bottom:125px;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.surface-photo-scroll{width:100%;overflow:auto;max-height:calc(100% - 65px);border:1px solid #e3c98c33;border-radius:5px;background:#04070a}#surface-photo img{width:100%;display:block;max-width:none}#surface-photo.enlarged img{width:2201px}#surface-photo-caption{font-size:10px;color:#9fb0bd;line-height:1.5}
@media(max-width:760px){#enter-planet-surface{padding:8px 11px;margin-top:12px;gap:9px}#enter-planet-surface strong{font-size:11px}#enter-planet-surface small{font-size:8px}.surface-header{top:21px;left:18px;right:18px}.surface-header h1{font-size:26px;margin-top:10px}.surface-header p{font-size:10px;max-width:240px}.surface-eyebrow{font-size:7px;letter-spacing:1.6px}#planet-surface-dialog .surface-header button{font-size:10px;white-space:nowrap;padding:7px 9px}.surface-selectors{left:18px;right:18px;top:130px;gap:7px}.surface-selectors label{font-size:9px;padding-left:9px}.surface-selectors select{font-size:11px}#planet-surface-dialog .surface-selectors button{font-size:10px;padding:8px 9px}#surface-evidence{left:18px;top:185px;font-size:9px}#surface-notes{right:18px;left:18px;top:auto;bottom:111px;width:auto;max-height:45dvh;z-index:3}#surface-notes:not([open]){left:auto;bottom:131px;max-width:160px}#surface-notes summary{padding:11px 13px;font-size:10px}#surface-zoom{right:18px;top:46%}#surface-walk{left:18px;bottom:125px;grid-template-columns:repeat(3,40px);grid-template-rows:40px 40px;gap:4px}.surface-footer{padding:15px 18px 21px}.surface-footer>div{gap:9px}.surface-footer p{max-width:72%;line-height:1.7;font-size:9px}.surface-footer button{white-space:nowrap;font-size:9px!important}#surface-readout,#surface-model-note{font-size:8px}#surface-photo{left:18px;right:18px;top:235px;bottom:200px}#surface-photo-caption{font-size:9px}}
@media(max-height:550px){.surface-header{top:15px}.surface-header h1{font-size:23px;margin:6px 0}.surface-selectors{top:106px}#surface-evidence{top:153px}.surface-footer{padding-bottom:12px}#surface-walk{bottom:100px}#surface-photo{top:200px;bottom:110px}#surface-notes{max-height:55dvh}}

#surface-rock-detail{position:absolute;top:250px;left:32px;border-color:#d3caa077!important;color:#e8dab4!important}#surface-usage{font-size:10px;line-height:1.9;color:#9fb0ba;border-top:1px solid #b4d0dd22;padding-top:13px}@media(max-width:760px){#surface-rock-detail{top:230px;left:18px;font-size:10px!important}}@media(max-height:550px){#surface-rock-detail{top:198px}}

/* Keep the observed Mars palette free of a blue full-screen tint. */
#planet-surface-dialog[data-world=Mars] .surface-shade{background:linear-gradient(#100c0838 0,transparent 27%,transparent 70%,#100c0875)}

#surface-air-controls{position:absolute;top:250px;left:32px;width:330px;border:1px solid #dedac73d;border-radius:8px;padding:12px;background:#102027dc;backdrop-filter:blur(16px)}.surface-air-levels,.surface-air-tools{display:flex;gap:5px;flex-wrap:wrap}#surface-air-controls p{font-size:11px;line-height:1.7;color:#d5deda;margin:10px 0}#surface-air-controls button{font-size:10px;padding:7px 10px;min-height:34px}.surface-air-tools button[data-walk]{touch-action:none;user-select:none}
@media(max-width:760px){#surface-air-controls{top:230px;left:18px;right:18px;width:auto;max-width:330px;padding:10px}#surface-air-controls p{font-size:10px}#surface-air-controls button{font-size:9px;padding:6px 9px}}
@media(max-height:550px){#surface-air-controls{top:195px;width:300px;padding:8px}#surface-air-controls p{max-height:34px;overflow:auto;margin:6px 0}.surface-air-tools{position:absolute;top:0;left:calc(100% + 10px);min-width:100px}}

#surface-storm-toggle{width:100%;margin-top:10px;border-color:#d49971aa!important;color:#f0cfad!important;background:#442a20bf!important;text-align:left}#planet-surface-dialog[data-storm=true] .surface-shade{background:linear-gradient(#130d0866,transparent 29%,transparent 72%,#160c0777)}
@media(max-height:650px){#planet-surface-dialog[data-storm=true] #surface-air-controls{max-width:270px;padding:8px}#planet-surface-dialog[data-storm=true] #surface-air-controls p{max-height:36px;overflow:auto;margin:6px 0}#surface-storm-toggle{margin-top:6px}}

#surface-storm-weather{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #dfc9a52b}#surface-storm-weather button{border-color:#c5b08380}#surface-storm-lightning[aria-pressed=true]{background:#314353!important}#planet-surface-dialog[data-storm=true] #surface-air-controls{max-height:calc(100dvh - 475px);overflow:auto;min-height:155px}@media(max-width:760px){#planet-surface-dialog[data-storm=true] #surface-air-controls{max-height:calc(100dvh - 460px)}}@media(max-height:650px){#planet-surface-dialog[data-storm=true] #surface-air-controls{max-height:calc(100dvh - 375px);min-height:120px}#planet-surface-dialog[data-storm=true] .surface-air-tools{position:static!important}}

#surface-zoom #surface-storm-close{font-size:10px;min-width:42px;max-width:82px;line-height:1.5;padding:9px 8px;border-color:#c8bca580;background:#182a36e0}