.tech.svelte-h0diz4{margin-bottom:var(--s3);padding:var(--s3) var(--s2) var(--s4);background-color:#060a12;background-clip:padding-box;background-image:radial-gradient(120% 70% at 50% -10%, color-mix(in oklab, var(--c-accent) 18%, transparent), transparent 70%), radial-gradient(90% 60% at 50% 110%, #0000008c, transparent 60%), url(../../../art/ui/tech-field.webp);background-position:50%,50%,50%;background-repeat:no-repeat;background-size:auto,auto,cover;border:22px solid #0000;border-image:url(../../../art/ui/tech-frame.webp) 64 round;position:relative;container-type:inline-size}.canvas.svelte-h0diz4{--node:clamp(56px, 18cqi, 108px);gap:30px;display:grid;position:relative}.tier.svelte-h0diz4{align-items:start;gap:var(--s2);border-top:1px solid #0000;border-image:linear-gradient(90deg, transparent, color-mix(in oklab, var(--c-accent) 28%, transparent) 20%, color-mix(in oklab, var(--c-accent) 28%, transparent) 80%, transparent) 1;grid-template-columns:clamp(78px,13cqi,132px) 1fr;padding-top:14px;display:grid}.tier.svelte-h0diz4:first-of-type{border-top:0;padding-top:0}.mark.svelte-h0diz4{margin-top:calc(var(--node) / 2 - 1.3em);color:var(--c-danger,#d98a8a);align-items:flex-start;gap:4px;font-size:11px;line-height:1.3;display:inline-flex}.mark-text.svelte-h0diz4{gap:1px;display:grid}.mark-text.svelte-h0diz4>:where(.svelte-h0diz4){white-space:nowrap}.tier.open.svelte-h0diz4 .mark:where(.svelte-h0diz4){color:var(--c-ok,#4bbf8a);font-weight:600}.row.svelte-h0diz4{grid-template-columns:repeat(3,1fr);align-items:start;gap:clamp(4px,1cqi,16px);display:grid}.lane.svelte-h0diz4{grid-template-columns:minmax(0,1fr);place-items:start center;gap:clamp(6px,1.5cqi,24px);min-height:1px;display:grid}@container (width>=800px){.lane.svelte-h0diz4{grid-template-columns:repeat(2,minmax(0,1fr))}.lane.svelte-h0diz4:has(>:where(.svelte-h0diz4):only-child){grid-template-columns:minmax(0,1fr)}}.cell.svelte-h0diz4{width:100%;max-width:calc(var(--node) + 8px);justify-items:center;min-width:0;display:grid;position:relative}.cell.svelte-h0diz4:hover .node:where(.svelte-h0diz4),.cell.svelte-h0diz4:focus-within .node:where(.svelte-h0diz4){filter:drop-shadow(0 0 10px color-mix(in oklab, var(--c-accent) 55%, transparent));transform:translateY(-2px)}.node.svelte-h0diz4{transition:transform .12s,filter .12s}.cell.svelte-h0diz4:hover .nm:where(.svelte-h0diz4),.cell.svelte-h0diz4:focus-within .nm:where(.svelte-h0diz4){color:var(--c-text)}.tip.svelte-h0diz4{transform:translateX(calc(-50% + var(--tip-shift,0px)));z-index:40;border:1px solid var(--plate-edge);border-radius:var(--r2);background:var(--c-bg);text-align:left;width:max-content;max-width:260px;padding:10px 12px;display:none;position:absolute;top:calc(100% + 6px);left:50%;box-shadow:0 14px 36px #00000073}.cell.svelte-h0diz4:hover .tip:where(.svelte-h0diz4),.cell.svelte-h0diz4:focus-within .tip:where(.svelte-h0diz4){gap:5px;display:grid}.tip.svelte-h0diz4.up{top:auto;bottom:calc(100% + 6px)}.tip-head.svelte-h0diz4{justify-content:space-between;align-items:baseline;gap:var(--s2);font-size:13px;display:flex}.tip-lvl.svelte-h0diz4{color:var(--c-ok,#4bbf8a);font-size:11px}.tip-desc.svelte-h0diz4{color:var(--c-muted);font-size:12px;line-height:1.45}.tip-cap.svelte-h0diz4{letter-spacing:.07em;text-transform:uppercase;color:var(--c-muted);margin-top:2px;font-size:10px}.wires.svelte-h0diz4{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wire.svelte-h0diz4{fill:none;stroke:#96aabe4d;stroke-width:2px}.wire.met.svelte-h0diz4{stroke:color-mix(in oklab, var(--c-accent) 75%, transparent);filter:drop-shadow(0 0 4px color-mix(in oklab, var(--c-accent) 55%, transparent))}.node.svelte-h0diz4{width:min(var(--node), 100%);aspect-ratio:1;justify-items:center;height:auto;display:grid;position:relative}.frame.svelte-h0diz4{width:var(--node);height:var(--node);grid-area:1/1}.art.svelte-h0diz4{width:calc(var(--node) * .67);height:calc(var(--node) * .67);margin:calc(var(--node) * .165);border-radius:6px;grid-area:1/1;place-items:center;display:grid;overflow:hidden}.node.locked.svelte-h0diz4 .art:where(.svelte-h0diz4){filter:grayscale()brightness(.5)}.node.ready.svelte-h0diz4{filter:drop-shadow(0 0 10px color-mix(in oklab, var(--c-accent) 45%, transparent))}.lvl.svelte-h0diz4{min-width:1.6em;color:var(--c-text);background:#000000bf;border-radius:999px;grid-area:1/1;place-self:end;margin:0 6px 6px 0;padding:0 .3em;font-size:12px;font-weight:700;line-height:1.5}.nm.svelte-h0diz4{text-align:center;color:var(--c-muted);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-width:100%;margin-top:4px;font-size:clamp(9px,2.7cqi,11px);line-height:1.2}.node.known.svelte-h0diz4+.nm:where(.svelte-h0diz4),.node.max.svelte-h0diz4+.nm:where(.svelte-h0diz4){color:var(--c-text)}@container (width<=460px){.mark.svelte-h0diz4{margin-top:0}.cell.svelte-h0diz4,.nm.svelte-h0diz4{width:100%}.tier.svelte-h0diz4{grid-template-columns:1fr;gap:4px;padding-top:20px}.canvas.svelte-h0diz4{--node:clamp(52px, 21cqi, 108px)}}.why.svelte-1rfzit9{margin:calc(-1 * var(--s2)) 0 var(--s3)}.tabs.svelte-1rfzit9{gap:var(--s2);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.cards.svelte-1rfzit9{gap:var(--s2);margin-bottom:var(--s3);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.item.svelte-1rfzit9{gap:var(--s3);align-items:flex-start;display:flex}.pic.svelte-1rfzit9{border-radius:var(--r1);flex:none;overflow:hidden}.body.svelte-1rfzit9{min-width:0;display:block}.needs.svelte-1rfzit9{flex-wrap:wrap;align-items:center;gap:6px;display:flex}
