.CostTiles__tiles{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));margin:0;display:grid}.CostTiles__tile{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);gap:2px;display:grid}.CostTiles__label{gap:var(--space-1);font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-faint);align-items:center;font-weight:700;display:flex}.CostTiles__icon{object-fit:contain;width:1.5rem;height:1.5rem;color:var(--color-brass-text);flex:none;place-items:center;display:grid}.CostTiles__icon svg{width:1.1rem;height:1.1rem}.CostTiles__value{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:700}.ResearchTree__tree{--hex:3.25rem;--line:3px;padding:var(--space-3) var(--space-2);border:1px solid var(--color-research-panel-edge);border-radius:var(--radius-md);background:radial-gradient(1px 1px at 18% 22%, #ffffff80, transparent), radial-gradient(1px 1px at 72% 12%, #fff6, transparent), radial-gradient(1px 1px at 86% 64%, #ffffff59, transparent), radial-gradient(1px 1px at 34% 78%, #ffffff4d, transparent), linear-gradient(160deg, var(--color-research-panel-edge), var(--color-research-panel) 45%);color:var(--color-research-name);margin:0}.ResearchTree__rows,.ResearchTree__nodes{margin:0;padding:0;list-style:none}.ResearchTree__lines{height:1.1rem}.ResearchTree__lines svg{width:100%;height:100%;display:block;overflow:visible}.ResearchTree__lines path{fill:none;stroke:var(--color-research-line);stroke-width:var(--line)}.ResearchTree__nodes{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));display:grid}.ResearchTree__node,.ResearchTree__pick{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.ResearchTree__node{padding-inline:2px}.ResearchTree__pick{border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0}.ResearchTree__pick:focus-visible{outline:2px solid var(--color-research-glow-gold);outline-offset:2px}.ResearchTree__node[data-parent]:after{content:"";top:calc(var(--hex) * .5);bottom:0;left:calc(50% - var(--line) / 2);width:var(--line);background:var(--color-research-line);position:absolute}.ResearchTree__hexWrap{z-index:1;width:var(--hex);height:calc(var(--hex) * 1.111);place-items:center;display:grid;position:relative}.ResearchTree__hex{background:url(/research/ui/hex.webp) 50%/contain no-repeat;place-items:center;width:100%;height:100%;display:grid}.ResearchTree__hex img{width:80%;height:auto;margin-top:-14%}.ResearchTree__node[data-frame=blue] .ResearchTree__hexWrap:before,.ResearchTree__node[data-frame=gold] .ResearchTree__hexWrap:before{content:"";z-index:-1;background:50%/contain no-repeat;position:absolute;inset:-16% -42%}.ResearchTree__node[data-frame=blue] .ResearchTree__hexWrap:before{filter:drop-shadow(0 0 4px var(--color-research-glow-blue));background-image:url(/research/ui/frame-blue.webp)}.ResearchTree__node[data-frame=gold] .ResearchTree__hexWrap:before{filter:drop-shadow(0 0 5px var(--color-research-glow-gold));background-image:url(/research/ui/frame-gold.webp)}.ResearchTree__badge{font-family:var(--font-heading);font-size:var(--text-sm);white-space:nowrap;color:var(--color-research-badge);text-shadow:var(--shadow-on-art);font-weight:800;line-height:1;position:absolute;bottom:3%;left:50%;translate:-50%}.ResearchTree__name{z-index:1;border-radius:var(--radius-sm);background:var(--color-research-panel);font-size:var(--text-xs);overflow-wrap:anywhere;margin-top:2px;padding:1px 4px;font-weight:700;line-height:1.2;position:relative}.ResearchTree__detail{z-index:1;border-radius:var(--radius-sm);background:var(--color-research-panel);font-size:var(--text-xs);color:var(--color-research-muted);padding:0 4px;line-height:1.2;position:relative}.ResearchTree__node[data-goal] .ResearchTree__name{color:var(--color-research-glow-gold)}.ResearchTree__node[data-state=need] .ResearchTree__hex{filter:drop-shadow(0 0 4px var(--color-research-glow-gold)) drop-shadow(0 0 1px var(--color-research-glow-gold))}.ResearchTree__node[data-state=locked] .ResearchTree__hex{background-image:url(/research/ui/hex-locked.webp)}.ResearchTree__node[data-state=locked] .ResearchTree__hex img{filter:grayscale(.7)brightness(.85)}.ResearchTree__node[data-state=skip] .ResearchTree__hexWrap{opacity:.4;filter:grayscale(.8)}.ResearchTree__node[data-state=skip] .ResearchTree__name{color:var(--color-research-muted);font-weight:400}.ResearchTree__node[data-selected] .ResearchTree__name{background:var(--color-research-glow-gold);color:var(--color-research-panel)}.ResearchTree__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=40rem){.ResearchTree__tree{--hex:3.75rem}.ResearchTree__name{font-size:var(--text-sm)}}