.sheet-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.sheet-veil:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{position:relative;width:100%;max-width:460px;--sheet-top: 0px;--sheet-side: 20px;padding:var(--sheet-top) var(--sheet-side) max(40px,calc(16px + var(--sab, 0px)));border:0;border-radius:var(--r-sheet) var(--r-sheet) 0 0;background:var(--sheet-glass);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);box-shadow:var(--card-edge),0 -20px 50px -10px #000}.sheet{transition:scale var(--slow) var(--ease-out),filter var(--slow) var(--ease-out)}.sheet-veil:has(~.sheet-veil)>.sheet{scale:.93;transform-origin:50% 0;filter:brightness(.5)}.sheet-veil~.sheet-veil:before{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.sheet-grab{width:38px;height:5px;margin:9px auto 12px;border-radius:var(--r-full);background:var(--edge-strong);position:relative;touch-action:none;cursor:grab}.sheet-grab:after{content:"";position:absolute;top:-14px;right:-41px;bottom:-9px;left:-41px}.sheet h2{margin:0 0 16px;font:400 var(--t-head)/1.1 var(--font-serif);color:var(--ink)}.sheet-fade{position:sticky;z-index:1;top:calc(-1 * var(--fade-at, var(--sheet-top)));flex:none;height:40px;margin:calc(-1 * var(--fade-at, var(--sheet-top))) calc(-1 * var(--sheet-side)) calc(var(--fade-at, var(--sheet-top)) - 40px);background:linear-gradient(var(--sheet-glass),transparent);opacity:0;transition:opacity var(--quick) var(--ease-out);pointer-events:none}.sheet.scrolled>.sheet-fade{opacity:1}.sheet-close.round-button{position:sticky;z-index:2;top:calc(18px - var(--sheet-top));width:34px;height:34px;margin:calc(18px - var(--sheet-top)) calc(16px - var(--sheet-side)) calc(var(--sheet-top) - 52px) auto}.sheet-close svg{width:12px;height:12px}@media(min-width:681px){.sheet-veil{align-items:center}.sheet{scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.sheet{--sheet-top: 14px;max-width:480px;max-height:calc(100% - 80px);overflow-y:auto;border-radius:var(--r-sheet);padding-bottom:26px;box-shadow:var(--card-edge),0 24px 60px -12px #000}.sheet-grab{display:none}.sheet-veil.placed{align-items:flex-start;padding-top:var(--sheet-at)}.sheet-veil.placed .sheet{max-height:calc(100% - 40px)}}.sheet.tall-sheet{height:calc(100% - 48px - var(--sat));overflow-y:auto}@media(min-width:681px){.sheet.tall-sheet{max-width:560px;height:auto}}.sheet-veil.arriving:before{animation:sheet-veil-in var(--standard) var(--ease-out) backwards}.sheet-veil.arriving .sheet{animation:sheet-in var(--measured) var(--ease-out) backwards}.sheet-veil.leaving{pointer-events:none}.sheet-veil.leaving:before{animation:sheet-veil-out var(--quick) var(--ease-in) both}.sheet-veil.leaving .sheet{animation:sheet-out var(--quick) var(--ease-in) both}@keyframes sheet-veil-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-veil-out{to{opacity:0}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes sheet-pop-in{0%{opacity:0;transform:translateY(24px)}}@keyframes sheet-pop-out{to{opacity:0;transform:translateY(12px)}}@media(min-width:1140px){.sheet-veil.arriving .sheet{animation-name:sheet-pop-in}.sheet-veil.leaving .sheet{animation-name:sheet-pop-out}}.sheet-veil.arriving .sheet.record{animation-name:sheet-pop-in}.sheet-veil.leaving .sheet.record{animation-name:sheet-pop-out}@media(prefers-reduced-motion:reduce){@keyframes sheet-in{0%{opacity:0}}@keyframes sheet-out{to{opacity:0}}@keyframes sheet-pop-in{0%{opacity:0}}@keyframes sheet-pop-out{to{opacity:0}}}.sheet:focus{outline:none}.view:has(>.your-universe){overflow:hidden}.your-universe{position:fixed;z-index:25;inset:0 0 var(--bottomnav-h);overflow-y:auto;scrollbar-width:none;opacity:0;background:radial-gradient(42% 26% at 50% 54%,color-mix(in srgb,var(--ember) 22%,transparent),transparent),var(--universe-stars),linear-gradient(var(--dim),var(--dim)),url(/app/nebula.png) center / cover}.universe-light{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;pointer-events:none;mix-blend-mode:screen;--warm: color-mix(in srgb, var(--gold) 45%, var(--light));background:radial-gradient(circle var(--r) at var(--x) var(--y),color-mix(in srgb,var(--warm) calc(var(--a) * 100%),transparent),color-mix(in srgb,var(--warm) calc(var(--a) * 85%),transparent) 18%,color-mix(in srgb,var(--gold) calc(var(--a) * 60%),transparent) 45%,color-mix(in srgb,var(--gold) calc(var(--a) * 18%),transparent) 75%,transparent)}.universe{touch-action:pan-y;position:relative;overflow:hidden;margin:0 0 24px;height:max(300px,calc(100% - 120px));background:var(--universe-space)}.universe>header{position:absolute;z-index:3;top:calc(var(--sat) + 14px);left:var(--pad);display:flex;gap:10px}.universe canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.universe .universe-px{image-rendering:pixelated;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.universe .universe-px.on-thing{cursor:pointer}.universe .universe-px.turning{cursor:grabbing}.universe>canvas:first-child{filter:saturate(.5) brightness(.72) contrast(1.18) hue-rotate(-8deg)}.universe>canvas:nth-of-type(2){filter:drop-shadow(0 0 5px var(--universe-halo)) drop-shadow(0 0 18px var(--universe-halo-far))}.universe:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(130% 95% at 50% 48%,transparent 58%,var(--universe-vignette) 100%)}.universe-lux{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;overflow:hidden}.universe-lux .band{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;transform:rotate(-24deg);filter:blur(18px);mix-blend-mode:screen;background:radial-gradient(ellipse 60% 14% at 50% 50%,var(--universe-band),transparent 70%),radial-gradient(ellipse 40% 8% at 46% 51%,var(--universe-band-pink),transparent 70%)}.universe-lux .layer{position:absolute;left:0;top:0;width:1px;height:1px;border-radius:50%;will-change:transform}.universe-lux .mid{animation:star-pulse 6s ease-in-out infinite alternate}.universe-lux .near{animation:star-pulse 3.6s ease-in-out infinite alternate-reverse;filter:drop-shadow(0 0 3px var(--universe-star-glow))}@keyframes star-pulse{0%{opacity:.55}to{opacity:1}}.universe-lux .sun{position:absolute;left:0;top:0;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;mix-blend-mode:screen;will-change:transform;opacity:0;transition:opacity .6s ease;background:radial-gradient(circle,var(--universe-sun) 0%,var(--universe-sun-mid) 18%,var(--universe-sun-edge) 38%,transparent 62%)}.universe-lux .fall{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 72% 78% at 42% 50%,transparent 38%,var(--universe-fall) 100%)}.universe-lux .shoot{left:62%;top:14%}.universe-names{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.universe-names span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transition:opacity .25s;will-change:transform}.universe-names .area{font:400 var(--t-meta)/1 var(--font-pixel);text-shadow:var(--universe-name-shadow)}.universe.opening .universe-names span,.universe.opening .universe-edges button{transition:none}.universe-names .thing,.universe-hover{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 2px;border-radius:var(--r-full);border:1.5px solid var(--border-strong);background:var(--universe-chip);box-shadow:0 2px 0 var(--px-edge);font:700 var(--t-meta) var(--font);letter-spacing:.12em;white-space:nowrap;color:var(--glass-text)}.universe-names .thing{text-shadow:var(--universe-name-shadow)}.universe-names .thing i,.universe-hover i{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--r-full);background:var(--universe-chip-window);box-shadow:inset 0 0 0 1px var(--hair)}.universe-names .thing img,.universe-hover img{width:12px;height:12px;image-rendering:pixelated}.universe-hover{position:absolute;left:0;top:0;z-index:2;pointer-events:none;max-width:min(240px,72%);font-size:var(--t-body);transition:opacity .18s}.universe-hover.fading{opacity:0}.universe-hover b{font-weight:600;overflow:hidden;text-overflow:ellipsis}.universe-edges{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.universe-edges button{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:5px 11px 5px 6px;border:2px solid var(--border-strong);border-radius:var(--r-sm);background:var(--round);box-shadow:0 3px 0 var(--px-edge);font:400 9px var(--font-game);letter-spacing:.12em;color:var(--glass-text);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}.universe-edges button img{width:14px;height:14px;flex:none;image-rendering:pixelated}.universe-edges button s{width:6px;height:6px;flex:none;border-top:2px solid currentColor;border-right:2px solid currentColor;opacity:.85}@media(prefers-reduced-motion:reduce){.universe-lux .mid,.universe-lux .near,.universe-lux .shoot{animation:none}.universe-hover,.universe-names span,.universe-edges button{transition:none}}.universe-search{width:min(100% - 2 * var(--pad),560px);margin:0 auto calc(24px + var(--sab));padding:4px 18px}.universe-search .text-box{height:58px;padding:0;border-radius:0;box-shadow:inset 0 -1px 0 var(--hair)}.universe-search .text-box:focus-within{box-shadow:inset 0 -1px 0 var(--muted)}.universe-search .fold-part small{font:500 var(--t-meta) var(--font);color:var(--muted)}.search-results{margin:24px 0 12px}.search-results>h3{margin:0 0 4px}.search-none{margin:24px 0 20px;font:400 var(--t-row) var(--font);color:var(--muted)}.your-universe{padding-top:var(--top-h)}@media(min-width:768px){.your-universe{bottom:0}}@property --universe-cover-top{syntax: "<length>"; inherits: true; initial-value: 0px;}@media(min-width:960px){.your-universe{--universe-search: 440px;overflow:hidden}.universe{--universe-cover-top: calc(var(--top-h) + 92px);position:absolute;top:0;right:0;bottom:0;left:0;height:auto;margin:0}.universe>header{top:calc(var(--top-h) + 24px);left:40px}.universe-search{position:absolute;z-index:4;top:calc(var(--top-h) + 24px);right:40px;width:var(--universe-search);max-height:calc(100% - var(--top-h) - 48px);overflow-y:auto;scrollbar-width:none;margin:0}}.graph{--tone: var(--coral-text);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,4.4svh,44px) 24px;background:radial-gradient(70% 42% at 50% 76%,color-mix(in srgb,var(--tone) 9%,transparent),transparent)}.graph.ours{--tone: var(--done)}.graph h3{margin:0;font:400 var(--t-name)/1.15 var(--font-serif);letter-spacing:-.01em}.graph .flow{display:flex;flex-direction:column;align-items:center;margin-top:clamp(16px,3svh,28px);font:600 var(--t-word)/1 var(--font);white-space:nowrap}.graph .node{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1.5px var(--border-strong);font-weight:600}.graph .node.app{box-shadow:inset 0 0 0 1.5px currentColor}.graph .node.ours{padding-left:14px;background:var(--ink);box-shadow:none;color:var(--on-ink)}.graph .node.ours img{image-rendering:pixelated}.graph .node.end{flex-direction:column;gap:10px;height:auto;min-width:100px;padding:14px;border-radius:var(--r-row);font-size:var(--t-row);background:color-mix(in srgb,var(--tone) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 40%,transparent);color:var(--tone)}.graph .node.end svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.graph .firms{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.graph .flow{--rest: calc(clamp(40px, 6.6svh, 60px) + 98px) }.graph .firms .node.end{height:82px}.graph .node.ours{position:relative;z-index:1}.graph .kept{display:grid;grid-auto-rows:1fr;gap:8px;width:min(100%,248px);height:calc(var(--rest) + 22px);margin-top:-22px;padding:38px 10px 10px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--tone) 7%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone) 34%,transparent)}.graph .kept b{display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:var(--r-row);background:color-mix(in srgb,var(--tone) 13%,transparent);color:var(--tone);font:600 var(--t-word)/1 var(--font)}.graph .kept svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.graph .firm-logo{flex:none;width:28px;height:28px;background:currentColor;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat}.graph .wire{--line: var(--muted);position:relative;width:1.5px;height:clamp(40px,6.6svh,60px);margin:6px 0 10px;background:repeating-linear-gradient(180deg,var(--line) 0 4px,transparent 4px 10px);animation:graph-wire calc(.5s * var(--k)) linear infinite}.graph .wire.next{--line: var(--tone)}.graph .wire:after{content:"";position:absolute;left:50%;bottom:-4px;translate:-50% 0;border:5px solid transparent;border-bottom:0;border-top:8px solid var(--line)}.graph .wire span{position:absolute;left:16px;top:50%;translate:0 -50%;font:500 var(--t-word)/1 var(--font);color:var(--line)}@keyframes graph-wire{to{background-position-y:10px}}@media(max-width:599px){.graph .flow,.graph .wire span{font-size:var(--t-row)}.graph .firms{gap:6px}.graph .node.end{min-width:0;padding:12px 9px}}@media(prefers-reduced-motion:reduce){.graph .wire{animation:none}}
