.civ-content:has(.tt-section){max-width:1180px}.tt-kicker{font-family:var(--display);font-size:12px;letter-spacing:.12em;color:var(--bronze-bright)!important}.tt-guide{border-left:2px solid var(--bronze);padding:2px 20px;margin:24px 0;background:var(--stone-2);font-size:16px}.tt-guide a{color:var(--bronze-bright)}.tt-scroll{overflow-x:auto;border:1px solid var(--iron-light);border-radius:8px;background:#13120f}.tt-board{min-width:960px}.tt-row{display:grid;grid-template-columns:144px repeat(4,minmax(0,1fr))}.tt-head{background:#292217;color:var(--bronze-bright)}.tt-head>div{padding:18px 12px}.tt-head strong{font-family:var(--display);font-size:22px}.tt-head span,.tt-head small{display:block;font-size:13px;color:var(--parchment);margin-top:6px}.tt-head small{color:var(--parchment-dim)}.tt-row:not(.tt-head){border-top:1px solid var(--iron)}.tt-label{padding:22px 12px;font-family:var(--display);font-size:13px;align-self:center;overflow-wrap:anywhere}.tt-label small{display:block;color:var(--parchment-dim);font-family:var(--body);margin-top:8px;font-size:13px}.tt-cell{padding:16px 12px;border-left:1px solid #302b21;display:flex;flex-direction:column;gap:14px;position:relative}.tt-card{position:relative;z-index:1;border:1px solid #69522e;border-radius:5px;background:#231e16;color:var(--parchment);font:inherit;text-align:left;width:100%;padding:0;cursor:pointer;overflow:hidden;transition:border-color .15s}.tt-card:hover{border-color:var(--bronze-bright)}.tt-card:focus-visible,.tt-scroll:focus-visible,.tt-close:focus-visible{outline:3px solid var(--bronze-bright);outline-offset:3px}.tt-card img{display:block;width:100%;height:auto;aspect-ratio:816/1110;object-fit:contain}.tt-name{display:block;padding:10px 10px 4px;font-size:15px;line-height:1.25}.tt-meta{display:block;padding:0 10px 12px;font-size:12px;color:var(--parchment-dim)}.tt-early{display:block;background:#253d32;color:#d3edda;font-size:12px;padding:7px 10px}.tt-empty{color:#68604d;margin:auto;font-size:24px}.tt-line .tt-cell:has(.tt-card)+.tt-cell:has(.tt-card)::before{content:'→';position:absolute;top:40%;left:-12px;width:24px;text-align:center;background:#13120f;color:var(--bronze-bright);z-index:2}.tt-proposed .tt-cell:has(.tt-card)+.tt-cell:has(.tt-card)::before{content:'⇢';border-bottom:1px dashed var(--bronze)}.tt-group-title{padding:20px;margin:0!important;font-size:17px!important;background:#201b14}.tt-support{margin-top:22px;border:1px solid var(--iron-light);padding:16px;border-radius:6px}.tt-support summary{cursor:pointer;color:var(--bronze-bright);font-family:var(--display);font-size:15px}.tt-support-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px;margin-top:18px}.tt-support-grid .tt-card{max-width:240px}.tt-pending{margin:28px 0;padding:20px;border:1px dashed var(--bronze)}.tt-pending h3{font-size:20px}.tt-scroll-hint{font-size:14px}.tt-dialog{max-width:960px;width:calc(100% - 32px);max-height:90vh;overflow:auto;background:var(--stone);color:var(--parchment);border:1px solid var(--bronze);border-radius:10px;padding:24px}.tt-dialog::backdrop{background:#000c}.tt-close{display:block;margin:0 0 16px auto;padding:10px 16px;background:var(--stone-2);color:var(--parchment);border:1px solid var(--bronze);cursor:pointer;font:inherit}.tt-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.tt-detail img{width:100%;height:auto}.tt-detail h3{font-size:25px}.tt-detail p{white-space:pre-line;font-size:18px}.tt-no-art{display:grid;place-items:center;aspect-ratio:816/1110;font-size:14px;color:var(--parchment-dim)}@media(max-width:640px){.tt-detail{grid-template-columns:1fr}.tt-dialog{padding:16px}.tt-guide{padding:2px 12px}.tt-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-section .tt-support summary{font-size:13px}}
/* Ages in rows; card families in columns. */
.tt-board:has(.tt-transposed){min-width:0;width:max-content;min-width:100%}
.tt-transposed{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;font-size:15px}
.tt-transposed th,.tt-transposed td{box-sizing:border-box;width:190px;min-width:190px;max-width:190px;border-right:1px solid var(--iron);border-bottom:1px solid var(--iron);padding:18px 12px;vertical-align:top}
.tt-transposed thead th{background:#292217;color:var(--bronze-bright);font-family:var(--display);text-align:center}
.tt-transposed th:first-child{position:sticky;left:0;z-index:3;background:#292217;width:150px;min-width:150px;max-width:150px;text-align:left}
.tt-transposed tbody th strong{font-size:22px;color:var(--bronze-bright)}
.tt-transposed th span,.tt-transposed th small{display:block;font-family:var(--body);font-weight:400;font-size:13px;color:var(--parchment-dim);margin-top:8px}
.tt-transposed td{position:relative;padding-top:25px}.tt-stack{display:flex;flex-direction:column;gap:14px}
.tt-transposed .tt-descending::before{content:'↓';position:absolute;top:-16px;left:calc(50% - 12px);width:24px;text-align:center;color:var(--bronze-bright);background:#13120f;z-index:2;font-size:24px}
.tt-transposed .tt-unconfirmed::before{content:'⇣';border-left:1px dashed var(--bronze)}
.tt-board:has(.tt-transposed) .tt-group-title{position:sticky;left:0;width:fit-content;max-width:85vw}
@media(max-width:640px){.tt-transposed th:first-child{width:115px;min-width:115px;max-width:115px;padding:14px 8px}}
/* Technology tree: isolated nodes and connected branches, without table cells. */
.tt-board:has(.tt-tree){min-width:100%;width:max-content;background:radial-gradient(ellipse at 35% 20%,#3c2d162e,transparent 65%),#12110e}
.tt-tree{position:relative;display:flex;isolation:isolate}
.tt-age-rail{position:sticky;left:0;width:150px;flex:none;z-index:4;background:linear-gradient(90deg,#16140ff5 86%,#16140f00)}
.tt-age-rail::before{content:'';position:absolute;top:150px;bottom:240px;width:2px;left:69px;background:linear-gradient(#8a6630,#d7ad5f,#60451f)}
.tt-age-marker{position:absolute;left:6px;width:128px;text-align:center;background:#16140f;padding:8px 4px 16px}
.tt-age-marker img{width:100px;height:100px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 9px #bb88352f)}
.tt-age-marker strong{display:block;font-family:var(--display);font-size:17px;color:var(--bronze-bright);margin-top:8px}
.tt-age-marker span,.tt-age-marker small{display:block;font-size:13px;line-height:1.35;margin-top:9px;color:var(--parchment-dim)}
.tt-branches{position:relative;flex:none}
.tt-branch-title{position:absolute;top:14px;text-align:center;padding:10px 12px;font-family:var(--display);color:var(--bronze-bright);font-size:14px}
.tt-branch-title strong{display:inline-block;padding-bottom:12px;border-bottom:1px solid #9b733c75}
.tt-branch-title small{display:block;font:12px var(--body);color:var(--parchment-dim);margin-top:7px}
.tt-tree-node{position:absolute;z-index:2}
.tt-tree-node .tt-card{height:340px;display:flex;flex-direction:column;border-radius:12px;background:linear-gradient(145deg,#2d261a,#191711);box-shadow:0 7px 18px #0008;overflow:hidden}
.tt-tree-node .tt-card img{height:190px;width:100%;object-fit:contain;background:#0d0c09;flex:none;padding:6px}
.tt-tree-node .tt-name{font-size:14px;line-height:1.25;padding:10px 10px 6px}
.tt-tree-node .tt-meta{font-size:12px;padding:0 10px 8px;margin-top:auto;line-height:1.3}
.tt-tree-node .tt-early{font-size:11px;line-height:1.2;padding:7px}
.tt-tree-node .tt-card:hover{box-shadow:0 0 16px #b98b3e45;border-color:#edc878}
.tt-connectors{position:absolute;inset:0;overflow:visible;pointer-events:none}
.tt-upgrade-path,.tt-choice-path{fill:none;stroke:var(--bronze-bright);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.tt-proposed-path{stroke-dasharray:5 5;stroke:#aa8d60}.tt-choice-path{stroke:#7f9e8d;stroke-width:1.5}
.tt-junction{fill:#d7ad5f;stroke:#17130e;stroke-width:2}
.tt-choice-label{position:absolute;width:120px;text-align:center;font-size:12px;color:#b2cabc}
.tt-board:has(.tt-tree)>.tt-group-title{position:sticky;left:0;width:fit-content;max-width:90vw;background:transparent;color:var(--bronze-bright);border:0;padding:24px 20px!important}

/* Shared category emblems keep related upgrade families together. */
.tt-type-title{position:absolute;top:12px;height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--bronze-bright);font-family:var(--display);font-size:16px;border-bottom:1px solid #9b733c75;box-sizing:border-box;padding:0 18px}
.tt-type-title img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 8px #bb883530)}
.tt-branch-title{top:170px;box-sizing:border-box}
.tt-age-rail::before{top:310px}
/* Keep horizontal navigation within reach while reading a tall tree. */
.tt-scroll-dock{position:fixed;bottom:16px;z-index:40;box-sizing:border-box;display:flex;align-items:center;gap:16px;padding:14px 20px;border:1px solid #a88042;border-radius:12px;background:#19160ff5;box-shadow:0 6px 28px #0009;color:#e3c891}
.tt-scroll-dock[hidden]{display:none}
.tt-scroll-dock span{font-size:13px;white-space:nowrap}
.tt-scroll-dock input{flex:1;min-width:0;cursor:ew-resize;accent-color:#d7ad5f;height:24px;margin:0}
.tt-scroll-dock input:focus-visible{outline:2px solid #edc878;outline-offset:4px}
@media(max-width:600px){.tt-scroll-dock{bottom:8px;padding:10px 12px;gap:8px}.tt-scroll-dock span{font-size:11px}}