.game-page .trees{--tree-node:44px;--tree-gap:16px;grid-template-columns:repeat(auto-fill, minmax(calc(3 * var(--tree-node) + 2 * var(--tree-gap) + 24px), 1fr));align-items:stretch;gap:12px;display:grid}.game-page .tree{flex-direction:column;align-items:center;gap:12px;padding:12px 12px 16px;display:flex}.game-page .tree .tree-grid{margin-block:auto}.game-page .tree h2{text-align:center;align-self:stretch;margin:0}.game-page .tree-list{margin:32px 0 16px}.game-page .tree-card{gap:12px;padding:12px 16px 16px;display:grid}.game-page .tree-card h2{margin:0}.game-page .more{justify-content:center;margin:16px 0 0;display:flex}.game-page .more .lh-button{text-align:center;justify-content:center}.game-page .tree-grid{--n:var(--tree-node);--g:var(--tree-gap);grid-template-columns:repeat(var(--c), var(--n) var(--g)) var(--n);grid-template-rows:repeat(var(--r), var(--n) var(--g)) var(--n);display:grid}.game-page .tree-grid.small{--n:32px;--g:12px}.game-page .tree-grid .node{border:1px solid var(--line);background:var(--inset);border-radius:5px;place-items:center;display:grid;position:relative}.game-page .tree-grid .node:before{content:"";inset:calc((var(--n) - 44px) / 2);position:absolute}.game-page .tree-grid .node:hover{border-color:var(--line-hover);background:var(--raised);text-decoration-line:none}.game-page .tree-grid .edge{border-left:2px solid var(--line);justify-self:center}.game-page .tree-grid .edge.across{border-left:0;border-top:2px solid var(--line);place-self:center stretch}.game-page .tree-grid :is(.node,.edge):is(.requires,.unlocks){border-color:var(--accent)}.game-page .tree-grid .node:is(.current,.requires,.unlocks){border-width:2px}.game-page .tree-grid .unlocks{border-style:dashed}.game-page .tree-grid .node.current{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 28%, var(--inset))}.game-page .tree-grid:has(.current) .node:not(.current,.requires,.unlocks){opacity:.55}.game-page .tree-body{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.game-page .tree-key{gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.game-page .tree-key li{align-items:center;gap:10px;display:flex}.game-page .tree-key li:before{content:"";border:2px solid var(--accent);border-radius:4px;flex:none;width:18px;height:18px}.game-page .tree-key .current:before{background:color-mix(in srgb, var(--accent) 28%, var(--inset))}.game-page .tree-key .unlocks:before{border-style:dashed}@container (width<=639px){.game-page .trees{--tree-node:36px;--tree-gap:10px}}
