:root{color-scheme:dark;--ink:#ecede5;--muted:#a4b5bc;--accent:#e3d0a7;--line:#d5e7e12c;--cyan:#b5e6db;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030710;color:var(--ink)}body{min-height:300px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#universe{position:fixed;inset:0;overflow:hidden;background:#060d15 center/cover}.cosmos-poster,.cosmos-poster picture,.cosmos-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cosmos-poster{opacity:.85}#cosmos{opacity:0}#cosmos,#space{position:absolute;inset:0;width:100%;height:100%}#space{touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 67% 40%,transparent 20%,#02081044 80%),linear-gradient(0deg,#030910c9,transparent 22%,transparent 70%,#0309108c)}.x-header{position:fixed;top:0;inset-inline:0;height:96px;padding:0 4.5%;display:flex;align-items:center;gap:26px;z-index:10;pointer-events:none}.x-header>*{pointer-events:auto}.gryle-word{font-size:25px;font-weight:650;letter-spacing:-1.5px;display:flex;align-items:center;gap:3px}.gryle-word span{height:5px;width:5px;background:#bad7b4;border-radius:50%;align-self:flex-end;margin-bottom:6px}.header-divider{width:1px;height:20px;background:var(--line)}.x-logotype{font:300 27px/1 Georgia,serif;border:0;background:none;padding:5px 2px;color:var(--accent)}.header-tools{margin-inline-start:auto;display:flex;align-items:center;gap:11px}.icon-button{background:#04101b29;border:1px solid transparent;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;transition:background .2s}.icon-button:hover{background:#eaf7f017;border-color:var(--line)}.icon-button svg{width:21px;height:21px;pointer-events:none}.sound-waves{display:none}[aria-pressed=true] .sound-waves{display:block}[aria-pressed=true] .sound-slash{display:none}.intro{position:fixed;inset:0;z-index:2;pointer-events:none}.intro-copy{position:absolute;inset-inline-start:9%;top:15%;max-width:415px;pointer-events:auto}.eyebrow{text-transform:uppercase;font-size:9px;font-weight:500;letter-spacing:2.5px;color:var(--accent);line-height:1.6;margin:0}.intro h1{font:200 clamp(120px,15vw,200px)/.86 Georgia,"Times New Roman",serif;letter-spacing:-12px;margin:22px 0 25px;position:relative;width:180px}.title-spark{font:200 22px sans-serif;position:absolute;top:12%;right:-12px;color:var(--accent)}.intro h2{font:300 clamp(23px,2.6vw,38px)/1.2 Georgia,serif;margin:0 0 18px;letter-spacing:-.7px}.intro-description{font-size:12px;font-weight:350;line-height:1.85;color:#c5d0d3;max-width:330px;margin:0 0 26px;text-wrap:pretty}.primary{display:flex;align-items:center;justify-content:center;gap:36px;min-height:50px;border:1px solid #e0dec8a0;background:#ece7d8;color:#102028;padding:14px 23px;border-radius:2px;font-size:12px;letter-spacing:.25px;transition:background .2s,transform .2s}.primary:hover{background:#fff8e7;transform:translateY(-1px)}.primary:disabled{opacity:.55}.primary span{font-size:19px}.text-button{display:inline-block;background:none;border:0;color:var(--muted);font-size:11px;padding:16px 0;text-decoration:none;line-height:1.4}.text-button:hover{color:var(--ink)}.intro-copy>.text-button{margin-inline-start:23px}.intro-coordinate{position:absolute;right:9%;top:43%;display:flex;flex-direction:column;gap:9px;font:9px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.5px;color:#c8e6e4a0;text-align:end}.intro-coordinate i{height:1px;width:50px;background:#b4d8d477;align-self:flex-end;margin:4px 0 1px}.intro-coordinate small{font-size:7px;letter-spacing:1.3px}.sector-strip{position:absolute;inset-inline:9%;bottom:72px;display:flex;border-top:1px solid var(--line);gap:0;pointer-events:auto}.sector-card{display:flex;align-items:center;gap:16px;background:none;border:0;border-inline-end:1px solid var(--line);padding:22px 25px 0 0;margin-inline-end:25px;min-width:180px;text-align:start}.sector-card:last-child{border-inline-end:0}.sector-number{font:300 25px Georgia,serif;color:#b9ced158}.sector-card strong{font-size:11px;font-weight:400;display:block;margin:0 0 6px}.sector-card small{font:8px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}.sector-card:disabled{opacity:.5}.sector-card:hover:not(:disabled) .sector-number{color:var(--accent)}.x-footer{position:fixed;z-index:9;bottom:18px;inset-inline:4.5%;display:flex;align-items:center;gap:14px;pointer-events:none}.x-footer>*{pointer-events:auto}.footer-language select{font-size:10px;color:#c0ced1;background:#03101b90;border:0;padding:5px 3px;max-width:100px}.x-footer #credits{margin-inline-start:auto;font:8px/1 ui-monospace,monospace;letter-spacing:1px;padding:5px 0;color:#a6bbbf}.x-footer [data-analytics-settings]{background:none;border:0;font-size:17px;color:var(--muted);padding:0}.hud{position:absolute;inset:0;pointer-events:none;z-index:3}.mission-title{position:absolute;top:127px;inset-inline-start:4.5%}.mission-title strong{display:block;font:300 23px/1.4 Georgia,serif;margin-top:6px}.mission-dots{display:flex;gap:7px;margin-top:16px}.mission-dots i{width:17px;height:2px;background:#dce6df2f}.mission-dots i.done{background:var(--accent)}.mission-dots i.current{background:var(--cyan);box-shadow:0 0 8px #c0ffed77}.telemetry{position:absolute;top:130px;inset-inline-end:4.5%;display:flex;gap:30px;text-align:end}.telemetry small{display:block;font-size:8px;color:var(--muted);letter-spacing:1px;margin-bottom:10px}.telemetry span{font:13px ui-monospace,monospace;letter-spacing:1px;direction:ltr;display:block}.energy-track{margin-top:7px;width:54px;height:2px;background:#d2e3e128}.energy-track i{display:block;background:var(--cyan);height:100%;transition:width .3s}.probe-badge{position:absolute;bottom:72px;inset-inline-start:4.5%;display:flex;align-items:center;gap:8px}.probe-badge canvas{width:62px;height:42px}.probe-badge small{font-size:10px;color:var(--accent);display:block}.probe-badge span{font:8px ui-monospace,monospace;color:var(--muted);display:block;margin-top:7px;letter-spacing:1px}.flight-console{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);z-index:5;text-align:center;width:min(380px,85vw)}.flight-status{display:flex;align-items:center;justify-content:center;gap:7px;font:9px ui-monospace,monospace;color:var(--muted);margin-bottom:12px;min-height:14px}.status-light{width:4px;height:4px;border-radius:50%;background:var(--muted)}.status-light.ready{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}#pulse-counter{color:var(--accent);font-size:9px;min-width:10px}.launch-button{border:1px solid #d1e9e277;background:#06131ac7;border-radius:50px;min-width:198px;min-height:51px;padding:13px 25px;backdrop-filter:blur(12px);font-size:12px;letter-spacing:.8px;transition:box-shadow .25s,border-color .25s,background .25s;display:inline-flex;align-items:center;justify-content:center;gap:27px}.launch-button.ready{border-color:#c6f3dfba;background:#122e32c9;box-shadow:0 0 35px #8fe3c824,inset 0 0 20px #a2e8da10}.launch-button:active{transform:scale(.98)}.launch-button:disabled{opacity:.5}.flight-console p{font-size:9px;color:#b7c9cd;line-height:1.6;margin:13px auto 0;max-width:355px;text-wrap:pretty}.toast{position:fixed;z-index:8;top:26%;left:50%;transform:translateX(-50%) translateY(8px);font-size:11px;color:var(--accent);opacity:0;transition:opacity .5s,transform .5s;text-align:center;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.pulse-warning{position:absolute;top:205px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;color:#f4bc9c;z-index:4}.pulse-warning i{width:5px;height:5px;background:#e9b2a4;border-radius:50%;box-shadow:0 0 16px #fc9479}.result{position:fixed;z-index:7;left:50%;top:50%;transform:translate(-50%,-46%);width:min(510px,88vw);padding:38px;text-align:center;background:#04111de8;border:1px solid var(--line);backdrop-filter:blur(24px);border-radius:4px;box-shadow:0 18px 100px #0008}.result h2{font:300 clamp(28px,4vw,43px)/1.2 Georgia,serif;margin:17px 0}.result>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.result-stats{display:flex;justify-content:center;gap:42px;margin:28px 0}.result-stats span{font:24px Georgia,serif;color:var(--accent);display:block;margin-bottom:7px}.result-stats small{font-size:9px;color:var(--muted)}.result .primary{width:100%}.x-dialog{color:var(--ink);background:#07121eed;border:1px solid #cae5dd35;border-radius:5px;padding:42px;width:min(440px,90vw);box-shadow:0 15px 100px #0008;backdrop-filter:blur(22px);max-height:85dvh;overflow:auto}.x-dialog::backdrop{background:#030a12aa;backdrop-filter:blur(9px)}.x-dialog h2{font:300 34px/1.2 Georgia,serif;margin:14px 0 20px}.x-dialog p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}.x-dialog .primary{width:100%;margin-top:25px}.secondary{border:1px solid var(--line);background:none;width:100%;padding:14px;font-size:11px;margin-top:10px}.x-dialog>.text-button{display:block}.dialog-close{position:absolute;top:12px;right:17px;font:25px/1 sans-serif;border:0;background:none;color:var(--muted)}.map-dialog{width:min(680px,94vw)}.map-sector{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line);align-items:center}.map-sector img{width:100px;height:82px;object-fit:cover;border-radius:3px}.map-sector strong{font:19px Georgia,serif;font-weight:400}.map-sector small{font:8px ui-monospace,monospace;color:var(--muted);display:block;letter-spacing:1px;margin-bottom:8px}.mission-buttons{display:flex;gap:7px;margin-top:12px}.mission-buttons button{width:35px;height:29px;border:1px solid var(--line);background:#cbe3d909;font:10px ui-monospace,monospace;border-radius:3px}.mission-buttons button:disabled{opacity:.27}.mission-buttons .cleared{color:var(--accent);border-color:#dfcca07f}.map-note{font-size:10px!important;margin-bottom:0}.credit-links{display:grid;gap:15px;margin-top:26px;font:10px ui-monospace,monospace}.credit-links a:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.gryle-profile-dialog{color-scheme:light}.x-header [data-gryle-profile]{margin:0}html:lang(ar) .eyebrow,html:lang(hi) .eyebrow{letter-spacing:0}
@media(min-width:1600px){.intro-copy{top:21%;max-width:510px}.intro-description{font-size:14px;max-width:365px}.intro h1{font-size:250px;width:230px}.intro h2{font-size:42px}.primary{min-height:55px;font-size:14px}.sector-strip{bottom:100px}.sector-card{min-width:235px}.sector-card strong{font-size:13px}}
@media(max-width:800px){.x-header{height:77px;padding-inline:6%;gap:18px}.header-tools{gap:3px}.icon-button{width:34px;height:34px}.intro-copy{inset-inline-start:8%;top:16%;max-width:300px}.intro h1{font-size:150px;width:133px;margin-top:18px}.intro h2{font-size:28px}.intro-description{font-size:11px;max-width:280px}.intro-coordinate{right:7%;top:49%;opacity:.5;font-size:7px}.intro-coordinate small{font-size:6px;max-width:85px}.sector-strip{inset-inline:8%;bottom:73px}.sector-card{min-width:0;flex:1;gap:9px;padding:17px 9px 0 0;margin-inline-end:9px}.sector-number{font-size:20px}.sector-card strong{font-size:10px}.sector-card small{font-size:6px}.mission-title{top:100px;inset-inline-start:6%}.mission-title strong{font-size:20px}.telemetry{top:105px;inset-inline-end:6%;gap:17px}.telemetry small{font-size:7px;letter-spacing:.2px}.telemetry span{font-size:11px}.probe-badge{bottom:63px;inset-inline-start:5%;display:none}.flight-console{bottom:64px}.eyebrow{font-size:8px;letter-spacing:1.5px}.x-footer{inset-inline:6%}.pulse-warning{top:195px;font-size:8px}.toast{top:30%;width:80%}}
@media(max-width:520px){.intro-coordinate{display:none}.intro-copy{top:15%;max-width:85vw}.intro h1{font-size:148px;margin-bottom:23px}.intro h2{font-size:27px}.intro-description{max-width:260px;margin-bottom:23px}.intro-copy>.text-button{margin-inline-start:18px}.primary{min-height:48px;gap:20px;padding:13px 19px;font-size:11px}.sector-card{display:block;padding-top:14px}.sector-number{font-size:17px;margin-bottom:9px;display:block}.sector-card strong{min-height:25px;font-size:10px;line-height:1.4;margin-bottom:3px}.sector-card small{font-size:6px;letter-spacing:.4px}.telemetry{top:176px;inset-inline-start:6%;inset-inline-end:auto;text-align:start;gap:25px}.telemetry small{margin-bottom:7px}.mission-title strong{font-size:23px}.mission-dots{margin-top:10px}.energy-track{width:43px}.result{padding:29px 24px}.result-stats{gap:30px}.x-dialog{padding:33px 26px}.map-sector{grid-template-columns:76px 1fr;gap:15px}.map-sector img{width:76px;height:82px}.map-sector strong{font-size:17px}.fullscreen{display:none}.flight-console{bottom:67px;width:88vw}.flight-console p{max-width:290px;font-size:9px}.launch-button{min-height:52px}.x-footer #credits{font-size:7px}.pulse-warning{top:247px}}
@media(max-height:650px){.x-header{height:62px}.intro-copy{top:14%}.intro h1{font-size:100px;width:100px;margin:10px 0 12px}.intro h2{font-size:25px;margin-bottom:12px}.intro-description{font-size:10px;max-width:270px;margin-bottom:16px}.intro .primary{min-height:42px;padding:9px 18px}.intro .text-button{padding:12px 0}.sector-strip{bottom:52px}.sector-card{padding-top:12px}.sector-card strong{font-size:9px}.sector-number{font-size:18px}.mission-title{top:79px}.telemetry{top:82px;inset-inline-start:auto;inset-inline-end:5%;text-align:end}.flight-console{bottom:42px}.flight-console p{max-width:390px;font-size:8px;margin-top:8px}.flight-status{margin-bottom:7px}.launch-button{min-height:43px;font-size:11px}.x-footer{bottom:8px}.pulse-warning{top:145px}.result{padding:22px;max-height:81dvh;overflow:auto}.result h2{font-size:29px;margin:12px 0}.result-stats{margin:16px 0}.result .primary{min-height:43px}.result>.text-button{padding-bottom:0}.toast{top:32%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.vignette{background:linear-gradient(0deg,#030910c9,transparent 35%,#03091050)}}

.mission-progress{display:flex;align-items:center;gap:12px;margin-top:14px}.mission-progress .mission-dots{margin-top:0}#mission-counter{font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);direction:ltr}
@media(max-width:520px){.mission-progress{margin-top:10px;gap:9px}.mission-dots{gap:5px}.mission-dots i{width:14px}}
@media(max-height:500px) and (min-width:650px){
 .intro-copy{top:78px;inset-inline-start:9%;max-width:470px;display:grid;grid-template-columns:90px minmax(0,300px);column-gap:23px}
 .intro-copy>.eyebrow{grid-column:1/-1;font-size:7px;margin-bottom:15px}
 .intro h1{grid-column:1;grid-row:2/5;font-size:108px;width:85px;margin:0;line-height:.95;letter-spacing:-5px}
 .title-spark{font-size:13px;right:-8px;top:10px}
 .intro h2{grid-column:2;font-size:25px;margin:0 0 10px}
 .intro-description{grid-column:2;font-size:9px;line-height:1.7;max-width:290px;margin:0 0 16px}
 .intro-copy>.primary{grid-column:2;justify-self:start;min-height:39px;padding:10px 17px;font-size:10px}
 .intro-copy>.text-button{display:none}
 .intro-coordinate{display:none}
 .sector-strip{bottom:49px}.sector-card{padding-top:12px}
}
.planet-passage{font:11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dfebe5;letter-spacing:.35px;margin:0 0 11px}.planet-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin:25px 0 30px}.planet-gallery canvas{display:block;width:100%;height:auto;background:#01040a;border-radius:4px}.planet-gallery span{font-size:11px;display:block;margin:9px 0}.planet-gallery small{display:block;font-size:8px;line-height:1.5;color:var(--muted);margin-bottom:5px;overflow-wrap:anywhere}.planet-gallery>div>a:last-child{font:8px ui-monospace,monospace;color:var(--accent)}.credits-dialog{width:min(640px,94vw)}
@media(max-height:500px){.planet-passage{font-size:9px;margin-bottom:5px}.flight-console{bottom:36px}}

@media(min-width:521px) and (min-height:501px){.intro-coordinate{top:calc(47% + min(12vw,19vh) + 24px);opacity:.85}}
