.tech-summary{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.tech-summary span{padding:.65rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--card)}.tech-summary strong{color:var(--accent)}.tech-tree-filters{grid-template-columns:2fr 1fr auto}.tech-result-line{margin:1rem 0;color:var(--muted)}.tech-tree-levels{display:grid;gap:1.4rem}.tech-level-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:1.25rem;padding-bottom:1.4rem;border-bottom:1px solid var(--border)}.tech-level-marker{position:sticky;top:180px;align-self:start;display:grid;place-items:center;min-height:88px;border-radius:14px;background:linear-gradient(145deg,var(--accent),#15a9c8);color:#03121b;box-shadow:0 10px 28px rgba(20,204,226,.2)}.tech-level-marker span{text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.12em}.tech-level-marker strong{font-size:2rem;line-height:1}.tech-level-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tech-level-heading h2{margin:0}.tech-level-heading span{color:var(--muted)}.tech-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.tech-unlock-card{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.35rem;padding:.8rem .55rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(18,48,69,.85),var(--card));color:var(--text);text-align:center;overflow:hidden}.tech-unlock-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.2)}.tech-unlock-card img{width:100px;height:100px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3))}.tech-card-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.55em;font-weight:750;line-height:1.25}.tech-unlock-card small{color:var(--muted)}.tech-cost{position:absolute;right:.5rem;top:.5rem;display:grid;place-items:center;min-width:29px;height:29px;padding:0 .45rem;border-radius:999px;background:var(--accent);color:#04131c;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.35)}.tech-ancient{position:absolute;left:.4rem;top:.55rem;padding:.2rem .4rem;border:1px solid #e9b94d;border-radius:999px;background:#493514;color:#ffe69a;font-size:.62rem;font-weight:800;text-transform:uppercase}.tech-unlock-card[data-ancient="1"]{border-color:rgba(233,185,77,.55);background:linear-gradient(180deg,rgba(81,57,19,.75),var(--card))}.tech-unlock-card[hidden],.tech-level-row[hidden]{display:none}html[data-theme=light] .tech-unlock-card{background:linear-gradient(180deg,#e6f8fc,#fff)}html[data-theme=light] .tech-unlock-card[data-ancient="1"]{background:linear-gradient(180deg,#fff4d7,#fff)}
@media(max-width:1180px){.tech-card-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:940px){.tech-card-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.tech-tree-filters{grid-template-columns:1fr}.tech-level-row{grid-template-columns:58px minmax(0,1fr);gap:.65rem}.tech-level-marker{top:80px;min-height:70px}.tech-level-marker strong{font-size:1.55rem}.tech-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-unlock-card{min-height:178px}.tech-unlock-card img{width:88px;height:88px}}@media(max-width:365px){.tech-level-row{grid-template-columns:48px minmax(0,1fr)}.tech-card-grid{grid-template-columns:1fr}.tech-level-heading{align-items:flex-start;flex-direction:column}.tech-unlock-card{min-height:170px}}