:root{--bg: #050506;--ink: #e7e4dc;--muted: #8d897f;--gold: #e0b43a;--gold-dim: rgba(224, 180, 58, .22);--panel: rgba(7, 7, 8, .4);--line: rgba(231, 228, 220, .12);--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif;--top-btn: 14.22mm;--grid-btn: 15.22mm;--dock-btn: 12mm;--info-btn: 11mm;--neon-info: #ff2ea8;--neon-loc: #9b5cff;--neon-eq: #3d9fff;--neon-ui: #d946ef;--neon-ruby: #ff2448;--neon-on: #3ee07a}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-touch-callout:none}canvas#globe{display:block;width:100%;height:100%;touch-action:none}#hud{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0}#hud button,#hud a{pointer-events:auto;font-family:inherit}.chrome{position:absolute;top:env(safe-area-inset-top);left:0;right:0;bottom:env(safe-area-inset-bottom);z-index:30;display:flex;flex-direction:column;align-items:stretch;pointer-events:none}.toolbar{position:relative;pointer-events:auto;display:flex;align-items:center;justify-content:space-evenly;gap:0;margin:10px calc(8px + env(safe-area-inset-right)) 0 calc(8px + env(safe-area-inset-left));padding:0;background:none;border:none;width:auto;flex:0 0 auto;z-index:31;overflow:visible}.tray{display:none;flex:1 1 auto;min-height:0;pointer-events:none;flex-direction:row;align-items:stretch;justify-content:space-between;margin:8px calc(8px + env(safe-area-inset-right)) 0 calc(8px + env(safe-area-inset-left));touch-action:pan-y}.tray.open .dock,.tray.open .copy-pane.open{pointer-events:auto}.tray.open,.tray.dismissing{display:flex}.tray.dismissing{pointer-events:none}.dock{display:grid;grid-template-columns:var(--dock-btn);gap:0;align-self:stretch;align-items:stretch;min-height:0;padding:0;background:none;border:none;width:var(--dock-btn);flex:0 0 auto;overflow:visible;touch-action:none;transition:width .28s ease}.dock.expanded,.dock:has(.bright-panel.open){grid-template-columns:var(--dock-btn) var(--dock-btn);width:calc(2 * var(--dock-btn))}.dock-icons{grid-column:1;display:flex;flex-direction:column;gap:0;min-height:0;min-width:0;height:100%;padding:0;background:none;border:none;overflow:visible}.dock-tiles{display:flex;flex-direction:column;justify-content:space-evenly;gap:0;min-height:0;min-width:0;flex:10 1 0;overflow:hidden;touch-action:none}.dock-globe{flex:3 1 0;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:0;min-width:0;padding-top:8px;border-top:none}.dock-sliders{display:none;grid-column:2;flex-direction:column;min-height:0;height:100%;margin:0;padding:0;border:none;background:none;touch-action:none}.dock.expanded .dock-sliders,.dock:has(.bright-panel.open) .dock-sliders{display:flex}.sgr-scale{display:none;width:var(--dock-btn);min-height:0;margin:0;padding:0;touch-action:none}.sgr-scale.open{display:block}.sgr-scale-slide{width:var(--dock-btn);height:100%}.bright-panel{display:none;min-height:0;height:100%;flex:1 1 auto;margin:0;padding:0;border:none;flex-direction:column;align-items:center;justify-content:stretch;gap:0}.bright-panel.open{display:flex}.bright-fleet{flex:1 1 auto;min-height:0;height:100%;width:var(--dock-btn);display:flex;flex-direction:column;align-items:center;gap:0}.bright-globe{display:none;min-height:0;width:var(--dock-btn)}.hue-slide{flex:1.618 1 0;min-height:14mm}.opacity-slide{display:none}.lum-slide{flex:1 1 0;min-height:10mm}.bright-panel.hue-off .hue-slide{display:none}.bright-panel.hue-off .lum-slide{flex:1 1 auto;min-height:14mm}.dock.sgr-locked .bright-panel{height:100%;flex:1 1 auto;align-items:stretch;justify-content:stretch}.dock.sgr-locked .bright-fleet{flex:10 1 0;height:auto;min-height:0;align-items:stretch}.dock.sgr-locked .bright-globe{display:flex;flex:3 1 0;flex-direction:column;min-height:0;padding-top:8px;align-items:stretch}.dock.sgr-locked .bright-slide{max-height:none}.dock.sgr-locked .hue-slide{flex:5 1 0;height:auto;min-height:0;max-height:none}.dock.sgr-locked .opacity-slide,.dock.sgr-locked .lum-slide{display:block;flex:3 1 0;height:auto;min-height:0;max-height:none}.dock.sgr-locked .sgr-scale.open{display:flex;flex:1 1 auto;height:100%;min-height:0;max-height:none;flex-direction:column}.bright-slide{position:relative;width:var(--dock-btn);max-height:100%;touch-action:none;cursor:ns-resize}.bright-track{position:absolute;left:50%;top:3mm;bottom:3mm;width:4.6mm;transform:translate(-50%);border-radius:2.3mm;background:#0c08168c;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neon-loc) 55%,transparent),0 0 8px color-mix(in srgb,var(--neon-loc) 40%,transparent);overflow:visible}.dock.sgr-locked .opacity-slide .bright-track,.dock.sgr-locked .lum-slide .bright-track,.dock.sgr-locked .sgr-scale .bright-track{top:2mm;bottom:2mm}.hue-track{background:linear-gradient(to top,#ff0040,#ff8000,#ffe000,#40e070,#00d0ff,#4060ff,#d000ff,#ff0040);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neon-ui) 40%,transparent),0 0 8px color-mix(in srgb,var(--neon-ui) 30%,transparent)}.bright-fill{display:block;position:absolute;left:0;right:0;bottom:0;height:44%;border-radius:inherit;background:linear-gradient(to top,#1a1020,var(--bright, var(--neon-ui)),#fff4e0);box-shadow:0 0 10px var(--bright, var(--neon-ui));pointer-events:none}.bright-thumb{position:absolute;left:50%;bottom:44%;width:7mm;height:7mm;transform:translate(-50%,50%);border-radius:50%;background:#f4f0ff;box-shadow:0 0 6px var(--neon-info),0 0 14px var(--neon-loc);pointer-events:none}.opacity-slide .bright-track{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neon-eq) 55%,transparent),0 0 8px color-mix(in srgb,var(--neon-eq) 40%,transparent)}.sgr-scale .bright-track{box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffb14a 55%,transparent),0 0 8px color-mix(in srgb,#ffb14a 40%,transparent)}.sgr-scale .bright-fill{background:linear-gradient(to top,#1a1008,#ffb14a,#fff4e0);box-shadow:0 0 10px #ffb14a}.sgr-scale .bright-thumb{box-shadow:0 0 6px #ffb14a,0 0 14px #ffb14a}.vis-on{color:var(--neon-on);opacity:.32}.vis-off{color:var(--neon-ruby);opacity:.32}.sheet-btn.vis-on.on,.sheet-btn.vis-off.on{opacity:1;filter:drop-shadow(0 0 .35mm currentColor) drop-shadow(0 0 1.1mm currentColor)}.chip{position:relative;width:100%;height:auto;flex:1 1 0;min-width:0;min-height:0;max-height:var(--dock-btn);overflow:visible}.data-sheet{display:none;position:fixed;top:calc(env(safe-area-inset-top) + 10px + var(--top-btn) + 8px);right:0;bottom:0;left:0;z-index:50;pointer-events:auto;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#070708f0;border-top:1px solid var(--gold-dim);-webkit-user-select:text;user-select:text}.data-sheet.open{display:block}.data-sheet .info-body{max-width:40rem;margin:0 auto;padding:18px 20px calc(36px + env(safe-area-inset-bottom))}html.web .data-sheet .info-body{max-width:min(88rem,calc(100% - 48px));padding:22px 32px calc(40px + env(safe-area-inset-bottom))}@media(min-width:720px){html.web .data-sheet .info-body{column-count:2;column-gap:3.2rem;column-rule:1px solid var(--gold-dim);column-fill:balance}html.web .data-sheet .info-body .brand,html.web .data-sheet .info-body .brand+p,html.web .ui-guide .brand,html.web .ui-guide .credit{column-span:all}html.web .data-sheet .info-body h2{break-after:avoid}html.web .data-sheet .info-body p,html.web .ui-item,html.web .ui-floor,html.web .ui-six,html.web .sheet-head{break-inside:avoid}}#hud.sheet-open .inspect,#hud.sheet-open .tray,#hud.sheet-open .floor{display:none}.copy-pane{display:none;flex:0 0 calc(2 * var(--info-btn) + 6px + 18px);width:calc(2 * var(--info-btn) + 6px + 18px);max-width:calc(2 * var(--info-btn) + 6px + 18px);min-width:0;align-self:stretch;margin-left:auto;background:var(--panel);border:1px solid var(--gold-dim);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;overscroll-behavior-x:none;touch-action:pan-y;-webkit-overflow-scrolling:touch}.copy-pane.open{display:block}.copy-pane .info-body{padding:10px 10px 18px;font-size:13px;line-height:1.45}.layer-info{--look: var(--gold);display:none;padding:8px 8px 18px;font-size:13px;line-height:1.45;color:#ece8dc;min-height:100%;min-width:0;max-width:100%;overflow-x:hidden;overflow-wrap:anywhere;word-break:break-word}.layer-info.open{display:block}.sheet-head{display:grid;grid-template-columns:var(--info-btn) var(--info-btn);grid-template-rows:repeat(3,var(--info-btn));gap:6px;margin:0 0 12px;justify-content:start;max-width:100%}.sheet-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--info-btn);height:var(--info-btn);padding:0;display:grid;place-items:center;background:transparent;border:1px solid var(--gold-dim);cursor:pointer}.sheet-btn svg{width:58%;height:58%;display:block}.sheet-check{color:var(--neon-eq);filter:drop-shadow(0 0 .35mm currentColor)}.sheet-check svg{width:78%;height:78%}.sheet-mark{color:var(--look);background:color-mix(in srgb,var(--look) 14%,transparent)}.sheet-save{color:var(--gold)}.sheet-reset{color:var(--neon-eq)}.sheet-save.flash,.sheet-reset.flash{color:var(--gold);border-color:var(--gold);filter:drop-shadow(0 0 .28mm currentColor)}.layer-info h2{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--look)}.sheet-type{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--look);margin:0 0 10px}.sheet-detail{margin:0 0 8px;color:#ece8dc}.layer-info p{margin:0 0 8px}.layer-info b{color:var(--look);font-weight:500}.layer,.tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;color:var(--ink);padding:0;cursor:pointer;display:grid;place-items:center;opacity:.38}.tool{width:var(--top-btn);height:var(--top-btn);flex:0 0 var(--top-btn);opacity:.84;border:.45mm solid currentColor;border-radius:50%;overflow:visible;filter:drop-shadow(0 0 .28mm currentColor)}.tool.on,.tool[aria-expanded=true]{opacity:1;border:.45mm solid currentColor;background:transparent;filter:drop-shadow(0 0 .45mm currentColor) drop-shadow(0 0 1.6mm currentColor)}.tile{width:100%;height:100%}.layer{opacity:.28;border:none;background:transparent;filter:none}.dock-tiles .layer:not([aria-pressed=true]):not(.on){opacity:.62}.layer[aria-pressed=true],.layer.on{opacity:1;border:none;background:transparent;filter:drop-shadow(0 0 .4mm currentColor) drop-shadow(0 0 1.6mm currentColor)}.layer.picked{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 70%,transparent);filter:drop-shadow(0 0 .4mm currentColor) drop-shadow(0 0 1.6mm currentColor)}.layer.picked[aria-pressed=false]{opacity:.42;filter:none}.dock-tiles .layer.picked[aria-pressed=false]{opacity:.72}.layer[data-layer=galaxy] svg,.layer[data-layer=coast] svg,.layer[data-layer=earth] svg{width:72%;height:72%}.layer svg{width:58%;height:58%;display:block}.tool svg{width:62%;height:62%;display:block;overflow:visible}.about-btn{color:var(--neon-info)}.ui-btn{width:var(--top-btn);height:var(--top-btn);flex:0 0 var(--top-btn);color:var(--neon-ui)}.capture-btn{color:var(--gold)}.sheet-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;margin:8px 0 0;padding:10px 12px;background:transparent;border:1px solid var(--gold-dim);color:var(--gold);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.tool-letters{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--sans);font-size:calc(var(--top-btn) * .48);font-weight:700;letter-spacing:-.08em;line-height:1;color:inherit}.user-btn{color:#9ee7ff;opacity:.8}.dish-btn,.dish-btn.on{color:var(--neon-loc)}.dish-btn.obscure{color:color-mix(in srgb,var(--neon-loc) 62%,#1a1028);opacity:.72;filter:drop-shadow(0 0 .22mm currentColor)}.net-btn{color:var(--neon-eq)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.info-panel{display:none;min-height:100%}.info-panel.open{display:block}.info-body{padding:16px 18px 24px;font-size:15px;line-height:1.55;color:#ece8dc}.info-body p{margin:0 0 10px}.info-body .brand{margin:0 0 6px;font-size:15px;font-weight:600;letter-spacing:.04em;color:#f6f2e8}.info-body .credit{margin:0 0 14px;font-family:var(--mono);font-size:11px;line-height:1.6;color:#f2c64f}.info-body h2{margin:14px 0 6px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f2c64f;font-weight:600}.info-body a{color:#f2c64f}.ui-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 14px}.ui-item p{margin:0}.ui-mark{width:var(--top-btn);height:var(--top-btn);display:grid;place-items:center;border:.45mm solid currentColor;border-radius:50%;filter:drop-shadow(0 0 .28mm currentColor);pointer-events:none}.ui-mark svg{width:62%;height:62%;display:block;overflow:visible}.ui-tile{width:var(--dock-btn);height:var(--dock-btn);display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 0 .4mm currentColor) drop-shadow(0 0 1.6mm currentColor)}.ui-tile svg{width:58%;height:58%;display:block}.ui-floor{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;padding:4px 0;font-family:var(--mono);font-size:8px;letter-spacing:.03em;line-height:1.25;color:var(--muted)}.ui-floor span:first-child{color:color-mix(in srgb,var(--gold) 78%,var(--muted))}.ui-floor span:last-child{margin-left:auto}.ui-six{margin:8px 0 12px;pointer-events:none}.floor{pointer-events:none;flex:0 0 auto;display:flex;align-items:baseline;gap:8px;margin:4px calc(8px + env(safe-area-inset-right)) 3px calc(8px + env(safe-area-inset-left));padding:0 1px;font-family:var(--mono);font-size:8px;letter-spacing:.03em;line-height:1.25;color:var(--muted);min-width:0;z-index:32}.floor-source{flex:0 1 auto;color:color-mix(in srgb,var(--gold) 78%,var(--muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floor-clock{flex:0 0 auto;white-space:nowrap;opacity:.82}.floor-status{flex:1 1 0;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspect{display:none;pointer-events:none;flex:0 0 auto;align-self:stretch;margin:8px calc(8px + env(safe-area-inset-right)) 0 calc(8px + env(safe-area-inset-left));min-width:0;font-family:var(--mono);font-size:11px;line-height:1.28;color:var(--ink);z-index:31}.inspect.show{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;pointer-events:auto}.inspect-card{flex:1 1 160px;min-width:0;padding:0;background:none;border:none;cursor:pointer}#hud.dish-on .inspect-card{cursor:default}.inspect b{font-weight:500;color:var(--gold)}.inspect-card[data-layer],.inspect-card[data-layer] b{color:inherit}.load{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#05050659;pointer-events:none;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.load.hide{display:none}.load .bar{width:160px;height:1px;background:var(--line);overflow:hidden}.load .bar i{display:block;height:100%;width:40%;background:var(--gold);animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(340%)}}#hud.tray-open .inspect{display:none}@media(max-width:720px){.inspect{margin-left:8px;margin-right:8px}}a.home-star{display:grid;place-items:center;text-decoration:none;color:inherit;overflow:hidden;border-radius:10px;background:#0c0b0a;box-shadow:0 0 12px #e6d9c833}a.home-star img{width:70%;height:70%;object-fit:cover;display:block;border-radius:8px}
