:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#f7f7fc;background:#01030a;font-synthesis:none;--muted:#9ba5b6;--thin:rgba(197,215,249,.17);--gold:#e9be9c}*{box-sizing:border-box}html,body{margin:0;min-width:320px;width:100%;height:100%;overflow:hidden}body{background:#030610}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d3baac;outline-offset:4px}a{color:inherit}button[hidden],section[hidden],div[hidden],aside[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.shell{position:relative;width:100%;height:100%;min-height:500px;overflow:hidden;isolation:isolate}#universe{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;z-index:0}#universe:active{cursor:grabbing}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(1,4,14,.7) 0%,rgba(1,4,14,.23) 27%,transparent 60%),linear-gradient(180deg,rgba(2,5,14,.5),transparent 23%,transparent 65%,rgba(2,5,14,.85) 94%)}.grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.topbar{position:absolute;left:0;right:0;top:0;min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:21px clamp(22px,3.3vw,63px);z-index:12;border-bottom:1px solid rgba(233,239,255,.10);background:linear-gradient(180deg,rgba(5,7,15,.45),transparent)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;line-height:.99;letter-spacing:.17em;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;white-space:nowrap}.brand b{font-weight:400;color:#d1b8a5}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.28em;color:#7f90a6;margin-top:8px}.brand-icon{font-size:36px;font-weight:200;color:#e2bb9f;text-shadow:0 0 25px #e1ab8370}.topnav{display:flex;gap:45px;align-self:stretch;align-items:center}.topnav button{background:none;border:0;padding:8px 2px;color:#8d95a8;font-size:10px;letter-spacing:.21em;font-weight:700}.topnav button.nav-active{color:#f0e5df}.topnav button.nav-active::after{content:'';display:block;width:100%;height:1px;background:#ead0bd;margin-top:8px}.top-right{display:flex;align-items:center;gap:23px}.source-pill{display:flex;gap:10px;align-items:center;font-size:9px;font-weight:700;letter-spacing:.19em;color:#d8e6e5;border:1px solid rgba(160,201,201,.23);border-radius:30px;padding:11px 15px;background:rgba(12,27,36,.55);white-space:nowrap}.live-dot,.live-indicator{width:6px;height:6px;background:#92e2c6;box-shadow:0 0 9px #7cefc4;border-radius:50%;display:inline-block}.icon-button{border:1px solid rgba(186,205,230,.22);color:#d9e0eb;background:rgba(8,13,26,.5);width:38px;height:38px;border-radius:50%;font-size:17px}.coordinates{position:absolute;top:110px;right:clamp(22px,3.3vw,63px);z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:7px;color:#8797ad;font-size:8px;font-weight:700;letter-spacing:.2em;opacity:.8;pointer-events:none}.viewer{position:absolute;z-index:4;inset:0;pointer-events:none}.intro{position:absolute;left:clamp(26px,7vw,118px);top:clamp(155px,22%,280px);width:min(530px,48vw);pointer-events:auto;transition:opacity .6s,transform .6s;animation:fadein 1.5s .35s both}.eyebrow,.detail-eyebrow{font-size:10px;letter-spacing:.29em;font-weight:700;color:#dabba6}.eyebrow{display:flex;align-items:center;gap:15px;white-space:nowrap}.eyebrow .line{width:32px;height:1px;background:#cfaf92;display:block}.intro h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em;font-weight:500;line-height:1.03;font-size:clamp(44px,5.6vw,88px);margin:26px 0 19px;text-shadow:0 10px 60px rgba(3,9,26,.6)}.intro h1 i{font-weight:400;font-family:Georgia,'Times New Roman',serif;color:var(--gold);letter-spacing:-.075em}.period{color:var(--gold)}.intro>p{color:#bdc5d3;line-height:1.85;font-size:clamp(12px,.96vw,15px);max-width:430px;letter-spacing:.025em;text-shadow:0 2px 10px #000}.intro-actions{display:flex;align-items:center;gap:34px;margin-top:32px}.primary-button{background:#e8c6ab;border:1px solid #edd5c0;color:#1a1720;padding:17px 23px;letter-spacing:.15em;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:48px;box-shadow:0 14px 40px #0006;transition:transform .2s,background .2s}.primary-button:hover{background:#ffe2c8;transform:translateY(-2px)}.primary-button span{font-size:17px;font-weight:400}.text-button{border:0;background:transparent;color:#edf0fa;font-size:10px;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:11px}.play-ring{height:33px;width:33px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;font-size:9px;transition:background .2s}.text-button:hover .play-ring{background:#c6a08444}.intro-stat{display:flex;align-items:center;gap:30px;margin-top:49px}.stat-line{width:34px;height:1px;background:#8c98ad}.intro-stat>span:not(.stat-line){display:flex;flex-direction:column;gap:7px}.intro-stat b{font:600 21px 'Space Grotesk',sans-serif;letter-spacing:.035em}.intro-stat small{font-size:8px;letter-spacing:.22em;color:#97a3b4}.scene-hint{position:absolute;right:clamp(24px,4vw,70px);top:44%;display:flex;align-items:center;gap:14px;color:#d9e1ee;opacity:.88}.hint-circle{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(210,225,248,.35);border-radius:50%;font-size:28px;color:#ddc2ab}.scene-hint div{display:flex;flex-direction:column;gap:7px}.scene-hint strong{font-size:9px;letter-spacing:.23em}.scene-hint small{font-size:10px;color:#8896a9;letter-spacing:.03em}.scene-legend{position:absolute;right:clamp(25px,4vw,74px);bottom:245px;display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:.19em;color:#8b9bad}.tiny-orbit{border:1px solid #a2b4d9;width:17px;height:8px;border-radius:50%;transform:rotate(-30deg)}.right-side-rail{position:absolute;right:clamp(25px,3.1vw,56px);top:53%;z-index:3;display:flex;align-items:center;gap:12px;flex-direction:column;font-size:9px;color:#9aa5b6;letter-spacing:.14em}.rail-track{width:1px;height:88px;background:linear-gradient(180deg,#dfbd9f,#8390a755)}.planet-labels{position:absolute;inset:0;pointer-events:none}.world-label{position:absolute;top:0;left:0;border:0;pointer-events:auto;padding:7px 9px;border-radius:4px;background:rgba(6,12,25,.4);color:#d0d9e5;font-size:9px;font-weight:700;letter-spacing:.21em;white-space:nowrap;text-shadow:0 1px 9px #000;transition:color .2s}.world-label::before{content:'◇';color:#d4b295;margin-right:8px}.world-label:hover{color:white;background:rgba(25,38,64,.8)}
.detail{position:absolute;left:clamp(24px,5.7vw,99px);top:clamp(145px,18%,245px);max-width:380px;width:33vw;pointer-events:auto;animation:detailin .75s both}.back-button{background:transparent;border:0;color:#b7c0cf;font-size:10px;letter-spacing:.2em;font-weight:700;padding:8px 0;margin-bottom:29px}.back-button:hover{color:white}.detail-eyebrow{font-size:9px;color:#dbc2ad}.detail h2{font:500 clamp(42px,5.7vw,83px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:15px 0 5px}.detail-lead{font:italic 21px Georgia,serif;color:#d8bda9;margin:10px 0 23px}.detail-line{height:1px;background:linear-gradient(90deg,#c7a58c,transparent);margin:22px 0}.detail-description{color:#b4bece;font-size:12px;line-height:1.95;max-width:370px;letter-spacing:.015em}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:21px 25px;margin-top:28px}.detail-stats div{display:flex;flex-direction:column;gap:6px}.detail-stats small{font-size:8px;color:#8495ad;letter-spacing:.17em}.detail-stats strong{font:500 17px 'Space Grotesk',sans-serif;letter-spacing:-.015em}.detail-fact{background:linear-gradient(120deg,rgba(202,153,112,.14),rgba(22,34,52,.15));border-left:2px solid #cfac90;padding:13px 17px;margin-top:25px}.detail-fact span{font-size:9px;font-weight:700;letter-spacing:.16em;color:#e1b991}.detail-fact p{font-size:11px;line-height:1.7;color:#d1d7df;margin:7px 0 0}
.bottom-panel{position:absolute;bottom:0;left:0;right:0;z-index:10;background:linear-gradient(0deg,rgba(2,5,14,.98) 50%,rgba(5,9,20,.9) 100%);border-top:1px solid rgba(202,218,241,.15);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.timebar{min-height:53px;padding:0 clamp(24px,3.3vw,62px);display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(196,214,238,.1)}.timebar-label{display:flex;align-items:center;gap:15px;font-size:9px;font-weight:700;letter-spacing:.17em;color:#a9b4c2}.timebar-label strong{font-size:11px;font-weight:700;color:#ecdfd2;letter-spacing:.09em}.time-controls{display:flex;align-items:center;gap:18px}.time-controls button,.time-controls select,.time-controls input{border:0;background:transparent;color:#d7e0ed;font-size:11px}.time-controls input{max-width:128px;color-scheme:dark;font-family:'DM Sans',sans-serif}.time-controls select{padding:6px 5px;cursor:pointer;letter-spacing:.1em}.time-icon{min-width:30px;font-size:15px!important}.time-now{letter-spacing:.16em!important;font-size:9px!important;font-weight:700}.time-now:hover{color:#eac6a6}.planet-nav{min-height:113px;padding:14px clamp(24px,3.3vw,62px);display:flex;align-items:center;gap:25px}.nav-caption{width:157px;min-width:145px;display:flex;flex-direction:column;gap:11px}.nav-caption small{font-size:9px;font-weight:700;letter-spacing:.23em;color:#e5e9f0}.nav-caption span{font-size:8px;letter-spacing:.13em;color:#8190a5}.nav-caption b{color:#e4c3a7;font-size:14px}.planet-list{display:flex;align-items:center;justify-content:space-between;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.planet-list::-webkit-scrollbar{display:none}.planet-button{background:transparent;border:1px solid transparent;border-radius:8px;min-width:70px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 5px 5px;transition:background .25s,border-color .25s,transform .25s}.planet-button:hover{transform:translateY(-3px);background:rgba(191,204,230,.09)}.planet-button[aria-pressed=true]{background:rgba(222,192,163,.1);border-color:rgba(229,191,158,.34)}.planet-visual{display:block;width:37px;height:37px;border-radius:50%;background-color:var(--planet-color);background-image:var(--planet-texture);background-size:cover;background-position:center;box-shadow:inset -10px -5px 9px 1px rgba(1,4,12,.7),inset 3px 3px 8px #fff2,0 0 12px var(--planet-color);position:relative}.planet-button[data-destination=sun] .planet-visual{box-shadow:0 0 26px #ffab4ea0,0 0 14px #ff8f3a7d}.planet-button[data-destination=saturn] .planet-visual::after{content:'';position:absolute;inset:11px -12px;border-radius:50%;border:4px solid #cfb596b5;transform:rotate(-24deg);box-shadow:0 0 8px #d2a9774b}.planet-button[data-destination=uranus] .planet-visual{box-shadow:inset -10px -4px 9px rgba(1,7,18,.6),0 0 7px #87c4c1aa}.planet-text{font-size:9px;color:#a6b0c0;letter-spacing:.06em}.planet-button[aria-pressed=true] .planet-text{color:#f3e4d6}.overview-button{border:1px solid rgba(180,200,227,.2);border-radius:7px;background:rgba(174,192,218,.06);min-width:68px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#d7dfe9;padding:13px 11px}.overview-button span{font-size:23px;line-height:1}.overview-button small{font-size:8px;letter-spacing:.12em}.overview-button:hover{border-color:#c5b19e}.footer{border-top:1px solid rgba(196,214,238,.09);height:42px;padding:0 clamp(24px,3.3vw,62px);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.15em;color:#74869d}.footer>div:last-child{display:flex;gap:24px}.footer a{text-decoration:none;color:#899bb0}.footer a:hover{color:#e6c2a4}
.modal-backdrop{position:absolute;inset:0;z-index:30;background:rgba(1,4,13,.8);backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px}.modal{position:relative;max-width:800px;max-height:calc(100vh - 50px);overflow-y:auto;background:linear-gradient(130deg,#172233,#080e1c);border:1px solid #49566a;padding:clamp(28px,5vw,62px);box-shadow:0 35px 100px #000a}.modal-kicker{font-size:9px;color:#e9bea4;letter-spacing:.3em}.modal h2{font:500 clamp(36px,4vw,59px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:18px 0}.modal h2 i{font:italic 1em Georgia,serif;color:#eac8b3}.modal>p{color:#b5c0d0;font-size:13px;line-height:1.9}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.modal-grid strong{font-size:10px;letter-spacing:.18em;color:#f1e4d9}.modal-grid p{font-size:12px;line-height:1.8;color:#a5b0c1}.modal-credit{border-top:1px solid #fff2;padding-top:18px;font-size:11px!important}.modal-credit a{color:#e7c2a8}.close-button{position:absolute;top:20px;right:20px;border:0;color:white;background:none;font-size:18px}.settings{z-index:26;position:absolute;right:28px;top:83px;width:min(345px,calc(100vw - 40px));background:rgba(13,22,39,.97);border:1px solid #4b5970;padding:23px;box-shadow:0 30px 80px #000a;backdrop-filter:blur(15px)}.settings-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid #fff2;font-size:11px;letter-spacing:.18em}.settings-heading button{background:none;border:0;color:#b9c1ce}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #fff1;font-size:12px;color:#d3dbe6}.toggle-row input{accent-color:#e2b792;width:17px;height:17px}.settings p{font-size:11px;color:#93a5b9;line-height:1.7;margin:20px 0}.settings-meta{font-size:8px;letter-spacing:.13em;color:#b6d9d3}.boot{position:fixed;inset:0;z-index:100;background:#030711;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.boot.loaded{opacity:0;visibility:hidden}.boot-center{display:flex;align-items:center;flex-direction:column;gap:23px}.boot-orb{width:75px;height:75px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffdfaf,#b86f48 55%,#241426 85%);box-shadow:0 0 35px #cd75405b,0 0 100px #8c503e43;animation:breath 2.2s ease-in-out infinite}.boot-wordmark{font:500 25px 'Space Grotesk',sans-serif;letter-spacing:.3em}.boot-wordmark em{font-style:normal;color:#ddb997}.boot-caption{color:#8d9cb1;font-size:9px;letter-spacing:.28em}.boot-bar{display:block;width:180px;height:1px;background:#ffffff30;overflow:hidden}.boot-bar i{display:block;width:45%;height:100%;background:#e6c09e;animation:progress 1.8s ease-in-out infinite}.error-screen{position:absolute;inset:0;z-index:90;background:radial-gradient(ellipse at 50% 30%,#253049,#02040b 75%);display:grid;place-items:center;padding:30px;text-align:center}.error-screen>div{max-width:500px}.error-icon{font-size:70px;color:#d9b69c}.error-screen h2{font:500 35px 'Space Grotesk',sans-serif}.error-screen p{color:#abbacb;line-height:1.7}.error-screen a{display:inline-block;margin-top:18px;font-size:11px;letter-spacing:.14em;color:#e9c3aa}
@keyframes fadein{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes detailin{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes breath{50%{transform:scale(1.06);box-shadow:0 0 50px #e68b548c,0 0 115px #a86a483f}}@keyframes progress{to{transform:translateX(330%)}}
@media(max-width:1150px){.topnav{gap:23px}.intro{left:40px;width:49vw}.intro h1{font-size:clamp(45px,5.5vw,72px)}.scene-hint{display:none}.nav-caption{display:none}.planet-nav{gap:12px}.planet-button{min-width:62px}.detail{width:38vw;top:17%}}@media(max-width:850px){.topbar{min-height:75px;padding:16px 22px}.topnav,.coordinates,.right-side-rail,.scene-hint{display:none}.top-right{gap:9px}.source-pill{font-size:8px;padding:10px}.intro{left:27px;top:17%;width:min(440px,66vw)}.intro h1{font-size:clamp(44px,7vw,66px)}.intro-stat{margin-top:31px}.scene-legend{right:25px;bottom:238px}.detail{left:27px;top:15%;width:42vw}.detail h2{font-size:55px}.detail-description{font-size:11px}.planet-nav{padding:8px 16px}.timebar{padding:0 18px}.footer{padding:0 20px}.footer>div:first-child{display:none}}@media(max-width:650px){.shell{min-height:500px}.topbar{padding:14px 16px;min-height:70px}.brand{font-size:12px;gap:9px;letter-spacing:.11em}.brand-icon{font-size:28px}.brand small{font-size:6px;margin-top:6px;letter-spacing:.15em}.source-pill{border:0;padding:5px 0;font-size:7px;letter-spacing:.09em}.info-button{width:33px;height:33px}.vignette{background:linear-gradient(180deg,#0306159e 0%,#05091d22 18%,transparent 42%,#02050ed9 78%)}.intro{top:15%;left:22px;right:20px;width:auto;max-width:400px}.eyebrow{font-size:8px}.intro h1{font-size:clamp(42px,11vw,68px);margin:19px 0}.intro>p{font-size:12px;line-height:1.8;max-width:300px}.intro-actions{gap:12px;margin-top:23px}.primary-button{padding:14px 14px;font-size:9px;gap:20px}.text-button{font-size:9px}.play-ring{height:29px;width:29px}.intro-stat{display:none}.detail{top:14%;left:22px;right:22px;width:auto;max-width:365px}.detail h2{font-size:clamp(46px,12vw,72px)}.detail-description{font-size:11px;line-height:1.65;max-width:310px}.detail-line{margin:13px 0}.detail-lead{font-size:19px;margin:7px 0 12px}.back-button{margin-bottom:17px}.detail-stats{grid-template-columns:1fr 1fr;gap:11px 16px;margin-top:18px;max-width:320px}.detail-stats small{font-size:7px}.detail-stats strong{font-size:14px}.detail-fact{margin-top:15px;padding:9px 12px;max-width:330px}.detail-fact p{font-size:10px}.scene-legend,.planet-labels{display:none}.timebar{min-height:56px;padding:5px 12px;flex-wrap:wrap;gap:4px}.timebar-label{font-size:8px;gap:9px}.timebar-label strong{font-size:9px}.time-controls{gap:11px}.time-controls input{max-width:110px;font-size:10px}.time-controls select{font-size:10px}.time-now{font-size:8px!important}.planet-nav{height:103px;padding:8px 12px;gap:4px}.planet-list{justify-content:flex-start;gap:2px}.planet-button{min-width:54px;padding:8px 3px}.planet-visual{width:29px;height:29px}.planet-text{font-size:8px}.overview-button{min-width:52px;padding:9px 3px}.overview-button small{font-size:6px}.footer{height:33px;padding:0 15px;justify-content:center}.footer>div:last-child{gap:13px}.footer a{font-size:7px;letter-spacing:.08em}.modal{padding:30px 20px}.modal-grid{grid-template-columns:1fr;gap:2px;margin:20px 0}.modal-grid p{font-size:11px}.modal h2{font-size:36px}.settings{right:10px;top:68px}}@media(max-width:400px){.source-pill{display:none}.intro h1{font-size:42px}.timebar{min-height:74px}.timebar-label{width:100%}.planet-nav{height:94px}.planet-button{min-width:48px}.planet-visual{width:27px;height:27px}.detail-fact{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* 2026 visual refinement: let the universe be the main content. */
.intro{
  top:clamp(110px,18%,210px);
  width:min(400px,37vw);
  max-width:400px;
}
.intro h1{font-size:clamp(35px,3.55vw,56px);letter-spacing:-.055em;line-height:1.10;margin:20px 0 12px;}
.intro h1 i{font-size:1.02em;color:#ecd0bd;}
.intro>p{max-width:320px;line-height:1.7;font-size:12px;color:#c4cbda;}
.intro-actions{margin-top:24px;gap:19px;}
.intro-stat{display:none;}
.primary-button{padding:14px 19px;gap:22px;}
.detail{top:112px;max-width:310px;width:min(310px,27vw);padding:16px 19px 17px;border:1px solid rgba(192,210,237,.18);border-radius:13px;background:linear-gradient(125deg,rgba(11,18,34,.78),rgba(7,14,28,.44));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 52px #0003;}
.detail h2{font-size:clamp(30px,3.25vw,49px);margin:8px 0 4px;}
.detail .back-button{margin-bottom:13px;font-size:9px;}
.detail .detail-eyebrow{font-size:8px;letter-spacing:.19em;}
.detail .detail-lead{font-size:16px;margin:5px 0 13px;}
.details-toggle{font-size:10px;font-weight:700;letter-spacing:.15em;text-align:left;color:#e8c5a9;background:transparent;border:0;border-top:1px solid #ffffff24;padding:13px 0 4px;width:100%;}
.details-toggle:hover{color:#fff;}
.detail:not(.expanded) .detail-line,
.detail:not(.expanded) .detail-description,
.detail:not(.expanded) .detail-stats,
.detail:not(.expanded) .detail-fact{display:none;}
.detail.expanded{max-height:calc(100vh - 300px);overflow-y:auto;scrollbar-color:#566077 #10182d;scrollbar-width:thin;}
.detail.expanded .detail-stats{margin-top:18px;}
.detail.expanded .detail-fact{margin-top:17px;}
.focused .coordinates,.focused .right-side-rail,.focused .scene-legend{display:none;}
.world-label{font-size:8px;padding:6px 7px;background:rgba(6,12,25,.30);letter-spacing:.12em;}
.cinema-button{border-color:rgba(228,198,171,.37);color:#ead0bb;font-size:20px;}
.cinema-mode .intro,.cinema-mode .detail,.cinema-mode .bottom-panel,
.cinema-mode .topnav,.cinema-mode .coordinates,.cinema-mode .right-side-rail,
.cinema-mode .scene-legend,.cinema-mode .planet-labels,.cinema-mode .scene-hint{display:none!important;}
.cinema-mode .topbar{border-color:transparent;background:transparent;pointer-events:none;}
.cinema-mode .topbar .brand,.cinema-mode .topbar .source-pill,.cinema-mode .topbar #settingsButton{opacity:0;visibility:hidden;pointer-events:none;}
.cinema-mode .topbar .top-right{pointer-events:auto;}
.cinema-mode .topbar .cinema-button{background:rgba(11,19,36,.8);border-color:#96a9bf;}
.cinema-mode .vignette{opacity:.35;}
.settings .lighting-caption{font-size:10px;color:#96aabc;margin:4px 0 12px;line-height:1.55;}
@media(max-width:850px){
 .intro{left:25px;top:114px;width:min(345px,56vw);}
 .intro h1{font-size:clamp(34px,5vw,46px);}
 .detail{left:19px;top:91px;width:min(280px,39vw);}
 .detail h2{font-size:37px;}
}
@media(max-width:650px){
 .intro{top:99px;left:18px;width:min(270px,75vw);}
 .intro h1{font-size:36px;margin:14px 0 9px;}
 .intro>p{font-size:11px;max-width:240px;}
 .intro-actions{margin-top:14px;gap:12px;}
 .intro .primary-button{font-size:9px;padding:11px 13px;gap:10px;}
 .detail{left:12px;top:81px;width:min(248px,66vw);padding:12px 14px;}
 .detail .back-button{margin-bottom:8px;font-size:8px;}
 .detail h2{font-size:32px;}
 .detail .detail-lead{font-size:14px;margin:5px 0 7px;}
 .detail .detail-eyebrow{font-size:7px;}
 .details-toggle{font-size:8px;padding:10px 0 2px;}
 .detail.expanded{max-height:calc(100vh - 275px);}
 .detail.expanded .detail-description{font-size:11px;}
 .top-right{gap:7px;}
 .cinema-button{font-size:18px;}
 .scene-hint,.coordinates,.right-side-rail{display:none!important;}
}

/* ESA/Gaia celestial-sky controls */
.sky-setting{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 0 8px}
.sky-setting label{display:flex;flex-direction:column;gap:5px;min-width:0}
.sky-setting label strong{font-size:12px;font-weight:600;color:#d3dbe6}
.sky-setting label small{font-size:10px;color:#91a3bb;line-height:1.45}
.sky-setting select{border:1px solid #657389;border-radius:7px;background:#1c2b3f;color:#f0e4d8;font-size:11px;padding:9px;max-width:150px;min-width:120px;cursor:pointer}
.settings .sky-caption{font-size:10px;line-height:1.55;margin:6px 0 11px;color:#a6b9ce;border-left:2px solid #a0c6c7;padding-left:9px}
@media(max-width:440px){.sky-setting{flex-direction:column}.sky-setting select{max-width:100%;width:100%}}