:root{--color-the-green: #027b49;--color-the-pink: #f19ec8;--color-the-red: #fa4d43;--color-the-yellow: #fbb833;--color-concrete: #d9d9d9;--color-iron: #1f1f1f;--color-carbon: #000000;--color-iron-soft: #4a4a4a;--color-space: #070c19;--font-display: "Barlow Condensed", "Archivo Narrow", "Roboto Condensed", ui-sans-serif, system-ui, sans-serif;--font-system: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--text-caption: 12px;--text-body: 15px;--text-body-lg: 18px;--text-subheading: 26px;--text-heading: 60px;--space-5: 5px;--space-10: 10px;--space-15: 15px;--space-20: 20px;--space-30: 30px;--space-40: 40px;--radius-pill: 100px;--hairline: 1px solid var(--color-iron);--panel-width: 420px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 45%,#0e1a33 0%,var(--color-space) 58%,#04070e 100%);color:var(--color-iron);font-family:var(--font-display);font-size:var(--text-body);font-weight:400;line-height:1.2;-webkit-font-smoothing:antialiased}button,input,output{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-iron);outline-offset:3px}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}#canvas-container canvas{display:block;outline:none}.wall-type{position:fixed;left:var(--space-20);bottom:calc(var(--space-20) - .1em);z-index:0;display:flex;flex-direction:column;pointer-events:none;-webkit-user-select:none;user-select:none}.wall-type{color:var(--color-concrete)}.wall-type__label{font-size:var(--text-subheading);letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-10)}.wall-type__seed{font-size:clamp(120px,19vw,300px);line-height:.7;letter-spacing:-.06em;margin-left:-.04em}.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-20);padding:var(--space-20);pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{font-size:var(--text-subheading);letter-spacing:-.03em;line-height:1}.topbar__right{display:flex;align-items:center;gap:var(--space-20)}.topbar__status{font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft)}.cta-pair{display:inline-flex;align-items:center;gap:var(--space-10)}.cta-pair__question{font-size:var(--text-body-lg);letter-spacing:-.03em;line-height:1.1}.cta-pair--block{justify-content:space-between;flex-wrap:wrap;margin-top:var(--space-20)}.wordmark,.topbar__status,.cta-pair__question,.asset-status,.hint{background:var(--color-concrete);padding:2px 6px}.topbar .pill{border-color:var(--color-concrete)}.topbar .pill--ghost{background:var(--color-concrete)}.topbar .pill--ghost:hover{background:var(--color-iron);color:var(--color-concrete);border-color:var(--color-concrete)}.topbar .menu-circle{background:var(--color-concrete)}.topbar .menu-circle span{background:var(--color-iron)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:var(--space-10) var(--space-20);border:1px solid var(--color-iron);border-radius:var(--radius-pill);background:var(--color-iron);color:var(--color-concrete);font-size:var(--text-body);letter-spacing:-.01em;cursor:pointer;white-space:nowrap}.pill:hover{background:var(--color-carbon)}.pill:disabled{cursor:progress;opacity:.6}.pill--ghost{background:transparent;color:var(--color-iron)}.pill--ghost:hover{background:var(--color-iron);color:var(--color-concrete)}.menu-circle{position:relative;width:48px;height:48px;flex:none;border:none;border-radius:50%;background:var(--color-iron);cursor:pointer;display:grid;place-content:center;gap:4px}.menu-circle span{display:block;width:18px;height:2px;background:var(--color-concrete)}.menu-circle--close span{position:absolute;top:23px;left:15px}.menu-circle--close span:first-child{transform:rotate(45deg)}.menu-circle--close span:last-child{transform:rotate(-45deg)}.text-button{align-self:flex-start;border:none;background:none;padding:var(--space-5) 0;font-size:var(--text-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.asset-status{position:fixed;top:72px;left:var(--space-20);z-index:10;font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft)}.asset-status[data-state=ready]{display:none}.asset-status[data-state=error]{color:var(--color-iron);max-width:320px}.hint{position:fixed;right:var(--space-20);bottom:var(--space-20);z-index:10;max-width:260px;text-align:right;font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft);pointer-events:none}.panel{position:fixed;top:0;right:0;bottom:0;z-index:20;width:var(--panel-width);max-width:100%;display:flex;flex-direction:column;background:var(--color-concrete);border-left:var(--hairline);transform:translate(100%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility 0s linear .28s}.panel.open{transform:translate(0);visibility:visible;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility 0s}.panel__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-20);border-bottom:var(--hairline)}.panel__title{font-size:var(--text-heading);font-weight:400;line-height:.8;letter-spacing:-.03em}.panel__body{flex:1;overflow-y:auto;overscroll-behavior:contain}.panel__section{padding:var(--space-20);border-bottom:var(--hairline);display:flex;flex-direction:column;gap:var(--space-15)}.panel__section--flush{padding:0;gap:0}.panel__heading{font-size:var(--text-subheading);font-weight:400;line-height:1;letter-spacing:-.03em}.panel__heading--inset{padding:var(--space-20)}.panel__note{font-size:var(--text-body);color:var(--color-iron-soft)}.panel__note--inset{padding:var(--space-15) var(--space-20)}.panel__heading-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-15)}.switch-inline{display:inline-flex;align-items:center;gap:var(--space-10);font-size:var(--text-body);cursor:pointer}.field{display:flex;flex-direction:column;gap:var(--space-5)}.field__label{font-size:var(--text-body-lg);letter-spacing:-.03em;line-height:1.1}.field__row{display:flex;align-items:center;gap:var(--space-10)}.field__row--split{justify-content:space-between}.field__value{font-size:var(--text-body-lg);font-variant-numeric:tabular-nums}.field__input{flex:1;min-width:0;height:40px;padding:0 var(--space-10);border:var(--hairline);border-radius:0;background:transparent;font-size:var(--text-body-lg)}.field__input::placeholder{color:var(--color-iron-soft)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--color-iron)}input[type=range]::-moz-range-track{height:1px;background:var(--color-iron)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--color-iron);border:none}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-iron);border:none}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-15);cursor:pointer}.switch-row__text{display:flex;flex-direction:column;gap:2px}.switch-row__title{font-size:var(--text-body-lg);letter-spacing:-.03em;line-height:1.1}.switch-row__meta{font-size:var(--text-body);color:var(--color-iron-soft)}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:44px;height:24px;border:var(--hairline);border-radius:var(--radius-pill);background:transparent;cursor:pointer}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--color-iron);transition:transform .15s ease}.switch:checked{background:var(--color-iron)}.switch:checked:after{background:var(--color-concrete);transform:translate(20px)}.button-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-10)}.blocks{display:grid;grid-template-columns:1fr 1fr}.block{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-5);min-height:150px;padding:var(--space-20)}.block--green{background:var(--color-the-green);color:#fff}.block--red{background:var(--color-the-red);color:var(--color-iron)}.block__name{font-size:var(--text-subheading);letter-spacing:-.03em;line-height:1}.block__meta{font-size:var(--text-body)}.sep{opacity:.6}.facts{display:grid;grid-template-columns:auto 1fr;border-top:var(--hairline)}.facts dt,.facts dd{padding:var(--space-10) 0;border-bottom:var(--hairline);font-size:var(--text-body)}.facts dt{color:var(--color-iron-soft);padding-right:var(--space-20)}.facts dd{text-align:right}.inspect-title{display:flex;align-items:center;gap:var(--space-10);font-size:var(--text-subheading);letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-15)}.swatch{width:14px;height:14px;flex:none;border:var(--hairline)}.owner-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}.owner-dot--player{background:var(--color-the-green)}.owner-dot--system{background:var(--color-the-red)}.tooltip{position:fixed;top:0;left:0;z-index:30;min-width:200px;padding:var(--space-10) var(--space-15);background:var(--color-concrete);border:var(--hairline);pointer-events:none;visibility:hidden}.tooltip.visible{visibility:visible}.tooltip__title{display:flex;align-items:center;gap:var(--space-10);font-size:var(--text-body-lg);letter-spacing:-.03em;line-height:1.1}.tooltip__meta{margin-top:var(--space-5);font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft)}.toast{border:1px solid var(--color-concrete);position:fixed;left:50%;bottom:var(--space-20);z-index:40;transform:translate(-50%);padding:var(--space-10) var(--space-20);border-radius:var(--radius-pill);background:var(--color-iron);color:var(--color-concrete);font-size:var(--text-body);visibility:hidden}.toast.show{visibility:visible}button.block{border:none;text-align:left;font:inherit;cursor:pointer}button.block:hover .block__name{text-decoration:underline;text-underline-offset:4px}.city-list{list-style:none;border-top:var(--hairline)}.city-row{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--space-10);width:100%;padding:var(--space-10) 0;border:none;border-bottom:var(--hairline);background:none;text-align:left;cursor:pointer}.city-row:hover .city-row__name{text-decoration:underline;text-underline-offset:3px}.city-list--card .city-row{grid-template-columns:1fr auto}.city-row__mark{width:9px;height:9px;align-self:center}.city-row__mark--player{background:var(--color-the-green)}.city-row__mark--system{background:var(--color-the-red)}.city-row__mark--neutral{border:var(--hairline)}.city-row__name{font-size:var(--text-body-lg);letter-spacing:-.03em}.city-row__meta{font-size:var(--text-body);color:var(--color-iron-soft)}.info-card{position:fixed;top:84px;left:var(--space-20);z-index:12;width:360px;max-height:calc(100vh - 110px);overflow-y:auto;background:var(--color-concrete);border:var(--hairline)}.info-card[hidden]{display:none}.card-block,.info-card__head{position:relative;display:flex;flex-direction:column;gap:var(--space-5);min-height:120px;justify-content:flex-end;padding:var(--space-20);padding-right:64px}.info-card__head{min-height:0;border-bottom:var(--hairline)}.card-block--green{background:var(--color-the-green);color:#fff}.card-block--red{background:var(--color-the-red);color:var(--color-iron)}.card-block--iron{background:var(--color-iron);color:var(--color-concrete)}.card-block__eyebrow{font-family:var(--font-system);font-size:var(--text-caption)}.card-block__title,.info-card__title{font-size:44px;font-weight:400;line-height:.8;letter-spacing:-.03em}.info-card__title{display:flex;align-items:center;gap:var(--space-10);font-size:var(--text-subheading);line-height:1}.card-block .menu-circle,.info-card__head .menu-circle{position:absolute;top:var(--space-15);right:var(--space-15)}.card-block--green .menu-circle,.card-block--iron .menu-circle{background:var(--color-concrete)}.card-block--green .menu-circle span,.card-block--iron .menu-circle span{background:var(--color-iron)}.menu-circle--small{width:36px;height:36px}.menu-circle--small span{width:14px;top:17px!important;left:11px!important}.info-card__content{display:flex;flex-direction:column;gap:var(--space-15);padding:var(--space-20)}.info-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-10)}.pov{position:fixed;left:var(--space-20);right:var(--space-20);bottom:80px;z-index:15;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-20);padding:var(--space-15) var(--space-20);background:var(--color-concrete);border:var(--hairline);border-radius:16px}.pov[hidden]{display:none}.pov__info{display:flex;flex-direction:column;min-width:0}.pov__eyebrow{font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft)}.pov__name{font-size:var(--text-subheading);letter-spacing:-.03em;line-height:1}.pov__route{font-size:var(--text-body);color:var(--color-iron-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pov__modes,.pov__nav{display:flex;align-items:center;gap:var(--space-10)}.pov__mode[aria-pressed=true]{background:var(--color-iron);color:var(--color-concrete)}.pov__mode:disabled{cursor:not-allowed;opacity:.45}.pov__mode span{margin-left:6px;font-variant-numeric:tabular-nums}.pov__index{min-width:48px;text-align:center;font-size:var(--text-body-lg);font-variant-numeric:tabular-nums}body.is-pov .wall-type,body.is-pov .hint,body.is-pov .info-card,body.is-pov .topbar .cta-pair,body.is-pov #povEnterBtn{display:none}@media(max-width:720px){.topbar{flex-wrap:wrap;padding:var(--space-15)}.topbar__status,.cta-pair__question{display:none}.topbar__right{gap:var(--space-10)}.asset-status{top:64px;left:var(--space-15)}.hint{display:none}.wall-type{left:var(--space-15);bottom:var(--space-15)}.wall-type__label{font-size:var(--text-body-lg)}.panel__title{font-size:44px}.cta-pair--block .cta-pair__question{display:inline}.pov{left:var(--space-15);right:var(--space-15);bottom:72px;grid-template-columns:1fr;gap:var(--space-10);padding:var(--space-15)}.pov__modes .pill,.pov__nav .pill{padding:var(--space-5) var(--space-10);min-height:36px}#povEnterBtn,#screenshotBtn{display:none}.info-card{top:auto;left:0;right:0;bottom:0;width:auto;max-height:55vh;border-width:1px 0 0}body.has-card .wall-type{display:none}}@media(prefers-reduced-motion:reduce){.panel,.panel.open,.switch:after{transition:none}}.mode-ui[hidden]{display:none}body.is-colony .home-only,body.is-wild .inhabited-only{display:none!important}.crumbs{display:flex;align-items:center;gap:var(--space-10);min-width:0}.wordmark__meta{margin-left:var(--space-10);font-family:var(--font-system);font-size:var(--text-caption);letter-spacing:0;color:var(--color-iron-soft);vertical-align:middle}.arrow-up{display:inline-block;width:8px;height:8px;margin-right:8px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:translateY(2px) rotate(45deg)}.arrow-down{display:inline-block;width:8px;height:8px;margin-right:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}.cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;opacity:0;pointer-events:none;overflow:hidden}.cover[hidden]{display:none}.cover.is-on{opacity:1;pointer-events:auto;transition:opacity var(--cover-in, .38s) ease-in}.cover.is-revealing{transition:opacity var(--cover-out, .6s) cubic-bezier(.3,0,.2,1)}.cover[data-kind=fade]{background:radial-gradient(ellipse at 50% 45%,#0e1a33 0%,var(--color-space) 58%,#04070e 100%)}.cover[data-kind=clouds]{background:#e9f1f8}.cover__snap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none}.cover[data-kind=snapshot] .cover__snap{display:block}.cover__fx{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;display:none}.cover[data-kind=clouds] .cover__fx{display:block}.cover__fx span{position:absolute;width:70vmax;height:70vmax;border-radius:50%;background:radial-gradient(circle,#fff,#ffffffd9,#fff0 70%);animation:cover-drift 6s ease-in-out infinite alternate}.cover__fx span:nth-child(1){left:-10%;top:0%}.cover__fx span:nth-child(2){left:45%;top:-15%;animation-delay:-2s}.cover__fx span:nth-child(3){left:20%;top:40%;animation-delay:-4s;background:radial-gradient(circle,#dfe9f3,#dfe9f3cc,#dfe9f300 70%)}.cover__fx span:nth-child(4){left:60%;top:45%;animation-delay:-1s}.cover__fx span:nth-child(5){left:-15%;top:55%;animation-delay:-3s}@keyframes cover-drift{0%{transform:translate3d(-4%,0,0) scale(1)}to{transform:translate3d(4%,-3%,0) scale(1.18)}}.cover__loading{position:absolute;left:50%;bottom:var(--space-40);display:flex;align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-20);background:var(--color-concrete);border:var(--hairline);border-radius:var(--radius-pill);transform:translate(-50%);opacity:0;transition:opacity .2s ease}.cover__loading.is-visible{opacity:1}.cover__label{font-size:var(--text-body-lg);letter-spacing:-.02em;white-space:nowrap}.cover__spinner{width:16px;height:16px;border:2px solid var(--color-iron);border-right-color:transparent;border-radius:50%;animation:cover-spin .8s linear infinite}.cover__bar{display:none;width:120px;height:2px;background:#1f1f1f33}.cover.has-progress .cover__bar{display:block}.cover__bar i{display:block;height:100%;background:var(--color-iron);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}@keyframes cover-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cover__fx span,.cover__spinner{animation-duration:0s}}.system-list{position:fixed;top:84px;left:var(--space-20);z-index:11;width:240px;background:var(--color-concrete);border:var(--hairline)}.system-list__title{padding:var(--space-10) var(--space-15);border-bottom:var(--hairline);font-size:var(--text-body-lg);font-weight:400;letter-spacing:-.02em}.system-list ul{list-style:none}.planet-row{display:grid;grid-template-columns:12px 1fr;grid-template-rows:auto auto;column-gap:var(--space-10);width:100%;padding:var(--space-10) var(--space-15);border:none;border-bottom:1px solid rgba(31,31,31,.15);background:none;text-align:left;cursor:pointer}.system-list li:last-child .planet-row{border-bottom:none}.planet-row:hover,.planet-row.is-selected{background:var(--color-iron);color:var(--color-concrete)}.planet-row__dot{grid-row:span 2;align-self:center;width:12px;height:12px;border-radius:50%;border:1px solid var(--color-iron)}.planet-row__name{font-size:var(--text-body-lg);letter-spacing:-.02em;line-height:1.1}.planet-row__meta{font-family:var(--font-system);font-size:var(--text-caption);opacity:.75}.target-card{position:fixed;top:84px;right:var(--space-20);z-index:12;width:340px;max-height:calc(100vh - 170px);overflow-y:auto;background:var(--color-concrete);border:var(--hairline)}.target-card[hidden]{display:none}.target-card__head{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-5);min-height:110px;padding:var(--space-20);padding-right:64px;background:var(--swatch, var(--color-iron));color:var(--color-iron);border-bottom:var(--hairline)}.target-card__head .menu-circle{position:absolute;top:var(--space-15);right:var(--space-15);background:var(--color-iron)}.target-card__desc{font-size:var(--text-body-lg);line-height:1.15;letter-spacing:-.01em}.target-card__note{font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft)}.flight-hud{position:fixed;left:50%;bottom:var(--space-20);z-index:11;display:flex;align-items:center;gap:var(--space-15);max-width:calc(100vw - 40px);padding:var(--space-10) var(--space-20);background:var(--color-concrete);border:var(--hairline);border-radius:var(--radius-pill);transform:translate(-50%);white-space:nowrap}.flight-hud__speed{font-size:var(--text-subheading);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-width:64px}.flight-hud__speed small{margin-left:4px;font-family:var(--font-system);font-size:var(--text-caption);letter-spacing:0}.flight-hud__state{font-size:var(--text-body-lg);letter-spacing:-.02em}.flight-hud__keys{font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft);overflow:hidden;text-overflow:ellipsis}.flight-hud[hidden]{display:none}.flight-hud--planet{max-width:calc(100vw - 240px);padding-right:var(--space-5)}.flight-hud--planet .flight-hud__keys{min-width:0}.flight-hud__close{flex:none;width:36px;height:36px}.space-labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.space-label{position:absolute;left:0;top:0;padding:2px 8px;border:1px solid var(--color-concrete);background:#070c198c;color:var(--color-concrete);font-size:var(--text-body);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;opacity:0;will-change:transform}.space-label.is-selected{background:var(--color-concrete);color:var(--color-iron)}.space-label--ship{border-color:var(--color-the-green);background:var(--color-the-green);color:#fff;font-size:var(--text-caption);pointer-events:none}body[data-mode=space] #canvas-container{cursor:grab}body[data-mode=space] #canvas-container:active{cursor:grabbing}@media(max-width:720px){.system-list{top:auto;bottom:76px;left:var(--space-15);right:var(--space-15);width:auto;max-height:30vh;overflow-y:auto}#spaceUi:has(.target-card:not([hidden])) .system-list{display:none}.target-card{top:auto;left:0;right:0;bottom:0;width:auto;max-height:60vh;border-width:1px 0 0}.flight-hud{bottom:var(--space-15)}.flight-hud__keys{display:none}}.seg{display:inline-flex;border:1px solid var(--color-concrete);border-radius:var(--radius-pill);background:var(--color-concrete);overflow:hidden}.seg__btn{min-height:40px;padding:var(--space-10) var(--space-15);border:none;border-right:1px solid rgba(31,31,31,.2);background:none;font-size:var(--text-body);cursor:pointer;white-space:nowrap}.seg__btn:last-child{border-right:none}.seg__btn[aria-pressed=true]{background:var(--color-iron);color:var(--color-concrete)}.town-card{position:fixed;top:84px;left:var(--space-20);z-index:11;width:280px;padding:var(--space-10) var(--space-15);background:var(--color-concrete);border:var(--hairline)}#townUi.is-street .town-card{display:none}.town-hud{position:fixed;left:50%;bottom:var(--space-20);z-index:11;max-width:calc(100vw - 40px);padding:var(--space-10) var(--space-20);background:var(--color-concrete);border:var(--hairline);border-radius:var(--radius-pill);transform:translate(-50%);font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft);text-align:center}.joystick{position:fixed;left:28px;bottom:70px;z-index:12;width:124px;height:124px;border:1px solid var(--color-concrete);border-radius:50%;background:#1f1f1f40;touch-action:none}.joystick[hidden]{display:none}.joystick__knob{position:absolute;left:37px;top:37px;width:50px;height:50px;border-radius:50%;background:var(--color-concrete);border:var(--hairline);pointer-events:none}body[data-mode=town] #canvas-container{touch-action:none;background:#000}@media(max-width:720px){.town-card,.town-quality{display:none}.seg__btn{padding:var(--space-5) var(--space-10);min-height:36px}.town-hud{display:none}}.interact-prompt{position:fixed;left:50%;bottom:84px;z-index:12;display:inline-flex;align-items:center;gap:var(--space-10);padding:var(--space-5) var(--space-15) var(--space-5) var(--space-5);border:var(--hairline);border-radius:var(--radius-pill);background:var(--color-concrete);font-size:var(--text-body-lg);letter-spacing:-.01em;transform:translate(-50%);cursor:pointer}.interact-prompt[hidden]{display:none}.interact-prompt kbd{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:var(--color-iron);color:var(--color-concrete);font-family:var(--font-display);font-size:var(--text-body-lg)}body.is-flying .wall-type,body.is-flying .hint,body.is-flying .info-card,body.is-flying .topbar .cta-pair,body.is-flying #povEnterBtn,body.is-flying #screenshotBtn,body.is-flying .asset-status{display:none}.hangar-ship{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-15);border-bottom:1px solid rgba(31,31,31,.2)}.hangar-ship:last-child{border-bottom:none}.hangar-ship__name{font-size:var(--text-subheading);font-weight:400;letter-spacing:-.03em;line-height:1}.hangar-ship__name small{font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-the-green)}.facts--bars dd{display:flex;align-items:center}.stat-bar{display:block;width:140px;height:6px;background:#1f1f1f26}.stat-bar i{display:block;height:100%;background:var(--color-iron);transform-origin:left}.mission-toggle{position:fixed;left:var(--space-20);bottom:var(--space-20);z-index:20;background:var(--color-concrete)}.mission-toggle span{margin-left:6px;font-variant-numeric:tabular-nums}.mission-log{position:fixed;left:var(--space-20);bottom:72px;z-index:21;width:340px;max-height:calc(100vh - 170px);overflow-y:auto;background:var(--color-concrete);border:var(--hairline)}.mission-log[hidden],.mission-toast[hidden],.mission-party[hidden]{display:none}.mission-log__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-10) var(--space-15);border-bottom:var(--hairline)}.mission-log__head h2{font-size:var(--text-subheading);font-weight:400;letter-spacing:-.03em}.mission{padding:var(--space-15);border-bottom:1px solid rgba(31,31,31,.2)}.mission__title{font-size:var(--text-body-lg);font-weight:500;letter-spacing:-.02em}.mission__title small{margin-left:6px;font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-the-green)}.mission__blurb{margin:2px 0 var(--space-10);font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft)}.mission__items{list-style:none;display:flex;flex-direction:column;gap:6px}.mission__items li{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:var(--space-10);font-size:var(--text-body)}.mission__items li small{font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft);font-variant-numeric:tabular-nums}.mission__items li.is-done span:nth-child(2){text-decoration:line-through;color:var(--color-iron-soft)}.mission__check{width:16px;height:16px;border:1.5px solid var(--color-iron);border-radius:3px;position:relative}.is-done>.mission__check,.mission__check.is-on{background:var(--color-the-green);border-color:var(--color-the-green)}.is-done>.mission__check:after,.mission__check.is-on:after{content:"";position:absolute;left:4px;top:0;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.mission-toast{position:fixed;top:84px;left:50%;z-index:30;display:flex;align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-20);background:var(--color-concrete);border:var(--hairline);border-radius:var(--radius-pill);font-size:var(--text-body-lg);transform:translate(-50%);animation:toast-in .28s cubic-bezier(.2,.9,.3,1.2)}.mission-toast small{display:block;font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft)}.mission-toast.is-out{opacity:0;transition:opacity .4s ease}@keyframes toast-in{0%{transform:translate(-50%,-20px) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.mission-party{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#070c1959}.mission-party__confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.mission-party__list{display:grid;gap:6px;width:100%;margin:var(--space-5) 0 var(--space-10);padding:0;list-style:none}.mission-party__list li{display:flex;align-items:center;gap:var(--space-10);font-size:var(--text-body);opacity:0;animation:party-tick .36s ease-out forwards}.mission-party__list .mission__check{flex-shrink:0;background:#fff;border-color:#fff}.mission-party__list .mission__check:after{border-color:var(--color-the-green)}@keyframes party-tick{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.mission-party__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-10);width:min(420px,calc(100vw - 40px));padding:var(--space-30);background:var(--color-the-green);color:#fff;border:var(--hairline);animation:party-pop .42s cubic-bezier(.2,1.4,.4,1)}.mission-party__title{font-size:var(--text-heading);font-weight:400;line-height:.85;letter-spacing:-.04em}.mission-party__text{font-size:var(--text-body-lg)}.mission-party__card .pill{background:var(--color-concrete);color:var(--color-iron);border-color:var(--color-concrete)}@keyframes party-pop{0%{transform:scale(.6) rotate(-4deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:720px){.mission-toggle{left:auto;right:var(--space-15);bottom:auto;top:72px}.mission-log{left:var(--space-15);right:var(--space-15);bottom:auto;top:120px;width:auto}}#townUi.is-inside .town-card{display:none}.pill--small{min-height:32px;padding:var(--space-5) var(--space-15);font-size:var(--text-body)}.pause-toggle{position:fixed;right:var(--space-20);bottom:var(--space-20);z-index:25}.pause-toggle.is-muted:after{content:"";position:absolute;top:2px;right:2px;width:12px;height:12px;border:2px solid var(--color-concrete);border-radius:50%;background:var(--color-the-red)}.pause{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-20);background:#070c1973;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pause[hidden]{display:none}.pause__panel{display:flex;flex-direction:column;width:min(900px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);background:var(--color-concrete);border:var(--hairline);animation:party-pop .32s cubic-bezier(.2,1.2,.4,1)}.pause__head{padding:var(--space-20) var(--space-30) var(--space-15);border-bottom:var(--hairline)}.pause__title{font-size:44px;font-weight:400;line-height:.85;letter-spacing:-.04em}.pause__body{display:grid;grid-template-columns:1fr 1fr;overflow-y:auto}.pause__group{display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-20) var(--space-30);border-bottom:var(--hairline)}.pause__col{display:flex;flex-direction:column;border-right:var(--hairline);border-bottom:var(--hairline)}.pause__col .pause__group:last-child{border-bottom:none}.pause__group--wide{grid-column:1 / -1;border-bottom:none}.pause__group h3{font-size:var(--text-subheading);font-weight:400;letter-spacing:-.02em}.pause__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-15);min-height:40px;font-size:var(--text-body-lg)}.pause__row small{display:block;font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft)}.seg--small{border-color:var(--color-iron);background:transparent}.seg--small .seg__btn{min-height:32px;padding:var(--space-5) var(--space-10)}.pause__row input[type=range]{--fill: 50%;width:min(220px,50%);height:6px;border-radius:3px;background:linear-gradient(90deg,var(--color-iron) var(--fill),rgba(31,31,31,.18) var(--fill));-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.pause__row input[type=range]::-webkit-slider-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-iron);border:3px solid var(--color-concrete);box-shadow:0 0 0 1px var(--color-iron);-webkit-appearance:none}.pause__row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-iron);border:3px solid var(--color-concrete)}.pause__keys{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-20)}.pause__keys h4{margin-bottom:var(--space-5);font-size:var(--text-body-lg);font-weight:500}.pause__keys dl{display:grid;grid-template-columns:auto 1fr;gap:5px var(--space-10);align-items:baseline;font-family:var(--font-system);font-size:var(--text-caption);line-height:1.35}.pause kbd,.tip kbd{display:inline-block;min-width:22px;padding:1px 6px;border:1px solid var(--color-iron);border-radius:5px;background:#fff;font-family:var(--font-display);font-size:var(--text-body);text-align:center;white-space:nowrap}.pause__foot{display:flex;justify-content:flex-end;padding:var(--space-15) var(--space-30)}.tip{position:fixed;left:50%;bottom:140px;z-index:24;display:flex;align-items:center;gap:var(--space-15);width:min(560px,calc(100vw - 32px));padding:var(--space-15) var(--space-15) var(--space-15) var(--space-20);background:var(--color-concrete);border:var(--hairline);border-radius:18px;transform:translate(-50%);animation:toast-in .32s cubic-bezier(.2,.9,.3,1.2)}.tip[hidden]{display:none}.tip.is-out{opacity:0;transition:opacity .3s ease}.tip__keys{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:96px;flex:none}.tip__body{flex:1}.tip__body strong{display:block;font-size:var(--text-body-lg);font-weight:500}.tip__body p{font-family:var(--font-system);font-size:13px;line-height:1.4;color:var(--color-iron-soft)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--space-20);background:radial-gradient(ellipse at center,#070c1933,#070c19bf)}.intro[hidden]{display:none}.intro__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-15);width:min(640px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:var(--space-30) var(--space-40) var(--space-40);background:var(--color-concrete);border:var(--hairline);animation:party-pop .52s cubic-bezier(.2,1.2,.4,1)}.intro__title{font-size:96px;font-weight:400;line-height:.82;letter-spacing:-.05em}.intro__lead{font-size:var(--text-body-lg);line-height:1.3}.intro__steps{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:var(--space-10) 0;border-top:var(--hairline);counter-reset:step;list-style:none}.intro__steps li{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-15) var(--space-15) 0 0;counter-increment:step}.intro__steps li:before{content:"0" counter(step);font-size:var(--text-subheading);color:var(--color-the-green)}.intro__steps strong{font-size:var(--text-body-lg);font-weight:500}.intro__steps span{font-family:var(--font-system);font-size:13px;line-height:1.4;color:var(--color-iron-soft)}.intro__hint{font-family:var(--font-system);font-size:var(--text-caption);color:var(--color-iron-soft)}.minimap{position:fixed;right:var(--space-20);bottom:80px;z-index:11;width:168px;height:168px;border:2px solid var(--color-iron);border-radius:50%;background:var(--color-concrete);box-shadow:0 0 0 4px #d9d9d999}.minimap[hidden]{display:none}.minimap canvas{display:block;width:100%;height:100%;border-radius:50%}.minimap__label{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--color-iron);color:var(--color-concrete);font-size:12px;line-height:20px;text-align:center}.speedo{position:fixed;right:var(--space-20);bottom:80px;z-index:11;display:flex;flex-direction:column;gap:6px;width:132px;padding:var(--space-10) var(--space-15);background:var(--color-concrete);border:var(--hairline);border-radius:16px}.minimap:not([hidden])~.speedo{right:204px}.speedo[hidden]{display:none}.speedo__num{display:flex;align-items:baseline;gap:4px}.speedo__num b{font-size:48px;font-weight:400;line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.speedo__num span{font-size:var(--text-body);color:var(--color-iron-soft)}.speedo__row{display:flex;align-items:center;gap:var(--space-10)}.speedo__bar{flex:1;height:6px;border-radius:3px;background:#1f1f1f26;overflow:hidden}.speedo__bar i{display:block;height:100%;background:var(--color-iron);transform-origin:left;transform:scaleX(0);transition:transform 90ms linear}.speedo.is-red .speedo__bar i{background:var(--color-the-red)}.speedo__gear{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--color-iron);color:var(--color-concrete);font-size:var(--text-body-lg)}@media(max-width:720px){.pause__body{grid-template-columns:1fr}.pause__col{border-right:none}.pause__keys{grid-template-columns:1fr 1fr}.pause__head,.pause__group,.pause__foot{padding-left:var(--space-20);padding-right:var(--space-20)}.pause-toggle{width:40px;height:40px}.intro__title{font-size:64px}.intro__steps{grid-template-columns:1fr}.intro__card{padding:var(--space-20)}.tip{bottom:128px}.minimap{width:120px;height:120px;bottom:72px}.minimap:not([hidden])~.speedo{right:var(--space-20);bottom:204px}.speedo{width:116px}.speedo__num b{font-size:36px}}.city-navigation{margin-top:14px;border-top:1px solid #aaa;padding-top:10px}.city-navigation__arrows{display:flex;gap:6px}.city-navigation button{font:inherit;border:0;text-align:left;cursor:pointer;background:transparent;color:inherit;padding:8px;border-radius:5px}.city-navigation__arrows button{flex:1;font-size:12px;background:#ffffff70}.city-navigation__list{display:grid;max-height:min(180px,23vh);overflow:auto;margin-top:6px}.city-navigation__list button{display:flex;justify-content:space-between;gap:12px}.city-navigation button:hover,.city-navigation button:focus-visible{background:#fffa}.city-navigation button[aria-current]{background:#14623b;color:#fff;cursor:default}.city-navigation small{opacity:.7}.town-card{max-height:calc(100vh - 200px);overflow:auto}@media(max-width:720px){#townUi:not(.is-street):not(.is-inside) .town-card{display:block;top:104px;left:10px;width:240px;padding:7px}.town-card .facts{display:none}.town-card .city-navigation{margin:0;padding:0;border:0}.town-card .city-navigation__list{max-height:100px}}.planner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;gap:var(--space-20);padding:var(--space-20);background:#2c3130;color:var(--color-iron)}.planner__map{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center}.planner__canvas{display:block;box-shadow:0 0 0 1px #00000080}.planner__busy{position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-20);border-radius:var(--radius-pill);background:var(--color-concrete);transform:translate(-50%,-50%)}.planner__busy[hidden]{display:none}.planner__panel{display:flex;flex-direction:column;gap:var(--space-15);width:300px;flex:none;padding:var(--space-20);background:var(--color-concrete);overflow-y:auto}.planner__eyebrow{font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--color-iron-soft)}.planner__title{font-size:var(--text-subheading);font-weight:500;letter-spacing:-.03em;line-height:1}.planner__group{display:flex;flex-direction:column;gap:var(--space-5)}.planner__label{font-size:var(--text-body);color:var(--color-iron-soft)}.planner__panel .seg{border-color:var(--color-iron);align-self:flex-start}.planner__row,.planner__actions{display:flex;gap:var(--space-10)}.planner__row .pill,.planner__actions .pill{flex:1}.planner__actions{margin-top:auto}.planner__note{font-size:var(--text-body);line-height:1.35;padding:var(--space-10);border:var(--hairline)}.planner__keys{font-size:var(--text-caption);color:var(--color-iron-soft)}.planner__keys kbd{font-family:var(--font-system);font-size:11px}@media(max-width:720px){.planner{flex-direction:column;padding:var(--space-10);gap:var(--space-10)}.planner__panel{width:auto;max-height:45vh}.planner__keys{display:none}}@font-face{font-family:Town Pixel;src:url(/fonts/pixelify-sans.ttf) format("truetype");font-weight:400 700;font-display:swap}#townUi .pixel-zoom[hidden]{display:none}#townUi .topbar{flex-wrap:wrap}#townUi .town-card{top:calc(var(--pixel-header-height, 68px) + 16px)}#townUi .pixel-zoom{position:fixed;right:22px;bottom:72px;z-index:12;display:flex;align-items:center;gap:6px}#townUi.is-pixel{--pixel-paper: #f3e4b8;--pixel-ink: #294742;--pixel-border: #446553;--pixel-green: #75b896;--font-system: "Town Pixel", monospace;--font-display: "Town Pixel", monospace;font-family:Town Pixel,monospace}#townUi.is-pixel :is(button,kbd,.wordmark,.wordmark__meta,.facts,.town-hud,.interact-prompt,.minimap,.speedo){font-family:Town Pixel,monospace;letter-spacing:0}#townUi.is-pixel .topbar{padding:12px 20px;min-height:74px;gap:12px;flex-wrap:wrap;background:#f3e4b8f5;border-bottom:3px solid var(--pixel-border);box-shadow:0 3px #213e4255;-webkit-backdrop-filter:none;backdrop-filter:none}#townUi.is-pixel .wordmark{color:var(--pixel-ink);font-size:26px;line-height:1;background:transparent}#townUi.is-pixel .wordmark__meta{display:block;font-size:15px;line-height:1.2;margin-top:5px}#townUi.is-pixel .seg{border:2px solid var(--pixel-border);border-radius:0;background:#d9d7ab;box-shadow:2px 2px #294742}#townUi.is-pixel :is(.pill,.seg__btn,.pixel-zoom button){border-radius:0;min-height:36px;font-size:17px;line-height:1.1;color:var(--pixel-ink);background:var(--pixel-paper)}#townUi.is-pixel .pill{border:2px solid var(--pixel-border);box-shadow:2px 2px #294742}#townUi.is-pixel :is(.seg__btn,.pixel-zoom button)[aria-pressed=true]{background:var(--pixel-green);color:#153d36;box-shadow:inset 0 -3px #527e62}#townUi.is-pixel button:focus-visible{outline:3px solid #cf774e;outline-offset:3px}#townUi.is-pixel .town-card{top:calc(var(--pixel-header-height, 112px) + 16px);width:260px;padding:14px;color:var(--pixel-ink);background:#f3e4b8f0;border:3px solid var(--pixel-border);box-shadow:4px 4px #213e4266}#townUi.is-pixel .facts{font-size:17px;line-height:1.45}#townUi.is-pixel .facts dt{color:#607565}#townUi.is-pixel .town-hud{border-radius:0;border:2px solid var(--pixel-border);font-size:17px;background:var(--pixel-paper);color:var(--pixel-ink);box-shadow:3px 3px #213e4266;padding:9px 14px}#townUi.is-pixel .pixel-zoom{padding:6px 8px;border:2px solid var(--pixel-border);background:var(--pixel-paper);color:var(--pixel-ink);box-shadow:3px 3px #213e4266;font-size:17px}#townUi.is-pixel .pixel-zoom button{padding:5px 9px;border:1px solid var(--pixel-border)}#townUi.is-pixel .interact-prompt{border-radius:0;border:3px solid var(--pixel-border);background:var(--pixel-paper);color:var(--pixel-ink);font-size:20px;box-shadow:3px 3px #213e4266}#townUi.is-pixel .interact-prompt kbd{border-radius:0;background:var(--pixel-green);color:var(--pixel-ink)}#townUi.is-pixel :is(.joystick,.joystick__knob){border-radius:0;border:3px solid var(--pixel-border);background:#f3e4b8b0}#townUi.is-pixel :is(.minimap,.speedo){border-radius:0;border:2px solid var(--pixel-border);background:#f3e4b8eb;color:var(--pixel-ink);box-shadow:3px 3px #213e4266}#townUi.is-pixel .minimap canvas{image-rendering:pixelated;border-radius:0}#townUi.is-pixel :is(.city-navigation button,.minimap__label,.speedo__bar,.speedo__gear){border-radius:0}body[data-town-style=pixel] :is(#missionUi,#pauseUi,#tipUi){--font-system: "Town Pixel", monospace;--font-display: "Town Pixel", monospace;--color-concrete: #f3e4b8;--color-iron: #294742;--color-iron-soft: #446553;font-family:Town Pixel,monospace}body[data-town-style=pixel] :is(#missionUi,#pauseUi,#tipUi) :is(button,kbd,strong,p,h2,h3,label){font-family:Town Pixel,monospace;letter-spacing:0}body[data-town-style=pixel] :is(#missionUi,#pauseUi,#tipUi) :is(.menu-circle,.pill,.seg,.seg__btn,kbd){border-radius:0;border:2px solid #446553;background:#f3e4b8;color:#294742}body[data-town-style=pixel] :is(#missionUi,#pauseUi,#tipUi) .menu-circle span{background:#294742}body[data-town-style=pixel] :is(.mission-toggle,.mission-log,.mission-toast,.pause__panel,.tip){border-radius:0;border:2px solid #446553;background:#f3e4b8;color:#294742;box-shadow:3px 3px #213e4266}body[data-town-style=pixel] .mission-toggle{font-size:17px}body[data-town-style=pixel] .tip__body p{font-size:16px}body[data-town-style=pixel] :is(#missionUi,#pauseUi) .seg__btn[aria-pressed=true]{background:#75b896}@media(max-width:1150px){#townUi.is-pixel .topbar{flex-wrap:wrap;gap:10px}#townUi.is-pixel .topbar__right{flex-wrap:wrap;justify-content:flex-start;gap:8px}}@media(max-width:720px){#townUi.is-pixel .topbar{padding:8px;gap:8px}#townUi.is-pixel .crumbs{min-width:0}#townUi.is-pixel .wordmark{font-size:22px;overflow-wrap:anywhere}#townUi.is-pixel .wordmark__meta{font-size:13px}#townUi.is-pixel .seg__btn{font-size:16px;padding:5px 8px}#townUi.is-pixel .pixel-zoom{left:8px;right:auto;bottom:16px;gap:4px;font-size:15px}#townUi.is-pixel .pixel-zoom button{font-size:15px;padding:4px 7px;min-height:32px}body[data-town-style=pixel] .mission-toggle{left:8px;right:auto;top:auto;bottom:72px}}@media(max-width:720px)and (pointer:coarse){body[data-town-style=pixel] .mission-toggle{bottom:214px}}