.tt-app{--font-mono:ui-monospace, "Cascadia Code", Menlo, monospace;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;flex-direction:column;height:100vh;display:flex}.tt-appbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;flex:none;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.tt-page-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);border-left:1px solid var(--border);padding-left:16px;font-size:13px}.tt-toolbar{align-items:center;gap:10px;margin-left:auto;display:flex}.tt-progress{font-family:var(--font-mono);color:var(--muted-foreground);border:1px solid var(--border);padding:5px 10px;font-size:12px}.tt-progress b{color:var(--accent)}.tt-legend{border-bottom:1px solid var(--border);background:var(--card);flex:none;align-items:center;gap:16px;padding:8px 20px;display:flex}.tt-legend-item{font-family:var(--font-mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:7px;font-size:11px;display:flex}.tt-legend-sw{border:1px solid var(--border-strong);flex:none;width:22px;height:14px}.tt-legend .hint{font-family:var(--font-body);text-transform:none;letter-spacing:0;color:var(--dim);margin-left:auto;font-size:12px}.tt-viewport{flex:1;position:relative;overflow:auto}#tt-tierbar{z-index:30;background:color-mix(in srgb, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);height:38px;position:sticky;top:0}.tt-tier-label{height:38px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground);border-left:1px solid var(--border);justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex;position:absolute;top:0}.tt-tier-roman{color:var(--primary);border:1px solid var(--border-strong);letter-spacing:0;place-items:center;width:22px;height:22px;font-size:13px;display:grid}#tt-canvas{position:relative}#tt-svg{pointer-events:none;z-index:1;position:absolute;inset:0}.tt-band{z-index:0;background:linear-gradient(90deg, color-mix(in srgb, var(--fac) 7%, transparent), transparent 38%);border-top:1px solid color-mix(in srgb, var(--fac) 18%, var(--border));border-bottom:1px solid var(--border);position:absolute;left:0}.tt-divider{background:repeating-linear-gradient(var(--border-strong) 0 6px, transparent 6px 12px);z-index:0;width:1px;position:absolute;top:0}.tt-faction{z-index:4;background:linear-gradient(90deg, color-mix(in srgb, var(--fac) 30%, var(--card)) 0%, var(--card) 100%);border:1px solid color-mix(in srgb, var(--fac) 45%, var(--border));border-left:3px solid var(--fac);align-items:center;gap:10px;height:66px;padding:10px 12px;display:flex;position:absolute}.tt-faction-glyph{border-color:color-mix(in srgb, var(--fac) 40%, var(--border));flex:none;width:40px;height:40px;font-size:18px}.tt-faction-meta{flex-direction:column;min-width:0;display:flex}.tt-faction-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:14px;font-weight:600;line-height:1.1}.tt-faction-sub{font-family:var(--font-mono);color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.tt-faction-lvl{background:var(--background);border:1px solid color-mix(in srgb, var(--fac) 50%, var(--border));width:26px;height:26px;font-family:var(--font-mono);color:var(--fac);flex:none;place-items:center;margin-left:auto;font-size:13px;font-weight:700;display:grid}.tnode{z-index:5;background:linear-gradient(90deg, color-mix(in srgb, var(--fac) 16%, var(--card)) 0%, var(--card) 70%);border:1px solid var(--border);cursor:pointer;grid-template-columns:3px 22px 1fr 30px;align-items:stretch;transition:border-color .12s,background-color .12s,box-shadow .12s,transform 80ms,opacity .15s;display:grid;position:absolute;overflow:hidden}.tnode:hover{border-color:color-mix(in srgb, var(--fac) 60%, var(--border));z-index:12;box-shadow:0 8px 22px -8px #000000b3}.tnode-rail{background:var(--fac)}.tnode-status{border-right:1px solid var(--border);background:0 0;place-items:center;width:22px;display:grid}.tnode-status:before{content:"";border:1.5px solid var(--dim);border-radius:50%;width:13px;height:13px;transition:all .12s}.tnode-status:hover:before{border-color:var(--primary)}.tnode-main{flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:7px 9px;display:flex}.tnode-head{min-width:0}.tnode-code{font-family:var(--font-mono);color:var(--dim);letter-spacing:.02em;flex:none;font-size:9.5px}.tnode-name{font-family:var(--font-display);color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.12;display:-webkit-box;overflow:hidden}.tnode-cost{font-family:var(--font-mono);align-items:center;gap:5px;font-size:12px;display:flex}.tnode-scrap{background:var(--accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none;width:11px;height:11px}.tnode-num{color:var(--primary);font-weight:600}.tnode-gear{color:var(--dim);font-size:10px}.tnode-gear i{font-style:normal}.tnode-glyph{border:none;border-left:1px solid var(--border);background:color-mix(in srgb, var(--fac) 8%, var(--card-elevated));align-self:stretch;width:30px;height:auto;font-size:14px}.tnode-count{background:var(--background);border-top:1px solid var(--border);border-left:1px solid var(--border);min-width:18px;height:16px;font-family:var(--font-mono);color:var(--muted-foreground);place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;bottom:0;right:0}.tnode-count:before{content:"×";opacity:.6;margin-right:1px}.tnode.is-unlocked{border-color:color-mix(in srgb, var(--success) 45%, var(--border))}.tnode.is-unlocked .tnode-status:before{background:var(--success);border-color:var(--success);clip-path:none;border-radius:0;width:15px;height:15px}.tnode.is-unlocked .tnode-status{background:color-mix(in srgb, var(--success) 14%, transparent)}.tnode.is-unlocked .tnode-num{color:var(--dim);text-decoration:line-through}.tnode.is-unlocked .tnode-name{color:var(--muted-foreground)}.tnode.is-unlocked .tnode-status:after{content:"✓";color:#0d2a0d;font-size:11px;font-weight:700;position:absolute}.tnode.in-path{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 8px 22px -8px #e8893b73;z-index:11}.tnode.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary), 0 10px 26px -8px #e8893b99;z-index:13}.tnode.is-selected .tnode-name{color:var(--primary-hover)}.tnode.dimmed{opacity:.32}.tnode.dimmed:hover{opacity:.7}.tnode.flash{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);z-index:14}.tt-edge{fill:none;stroke:var(--border-strong);stroke-width:1.5px}.tt-edge.done{stroke:color-mix(in srgb, var(--success) 60%, var(--border))}.tt-edge.active{stroke:var(--primary);stroke-width:2px}.tt-summary{z-index:80;background:var(--card-elevated);border:1px solid var(--border-strong);width:320px;position:fixed;bottom:16px;right:16px;box-shadow:0 18px 48px -12px #000c}.tt-summary-h{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:11px 14px;display:flex}.tt-summary-h .ti{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.tt-summary-h .tt-progress{margin-left:auto}#tt-summary-body{max-height:52vh;padding:14px;overflow:auto}.tt-sum-empty{color:var(--muted-foreground);font-size:12.5px;line-height:1.6}.tt-sum-targets{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tt-chip{font-family:var(--font-mono);background:var(--card);border:1px solid var(--primary);color:var(--primary-hover);cursor:pointer;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.tt-chip-x{color:var(--dim);font-style:normal}.tt-chip:hover .tt-chip-x{color:var(--destructive)}.tt-sum-figures{background:var(--border);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:14px;display:grid}.tt-fig{background:var(--card);flex-direction:column;gap:3px;padding:9px 11px;display:flex}.tt-fig-main{grid-column:1/-1}.tt-fig-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-size:10px}.tt-fig-val{font-family:var(--font-mono);color:var(--primary);font-size:24px;font-weight:600;line-height:1}.tt-fig-val i{color:var(--dim);margin-left:4px;font-size:11px;font-style:normal}.tt-fig-val.tt-fig-sm{color:var(--foreground);font-size:17px}.tt-sum-plan-h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.tt-mini-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));padding:3px 7px;font-size:10px}.tt-mini-btn:hover{background:#c9a24b1f}.tt-steps{flex-direction:column;gap:0;display:flex}.tt-step{border-bottom:1px solid var(--border);cursor:default;align-items:center;gap:8px;padding:7px 0;font-size:12px;display:flex}.tt-step:hover{background:var(--card)}.tt-step-dot{flex:none;width:7px;height:7px}.tt-step-code{font-family:var(--font-mono);color:var(--dim);flex:none;width:34px;font-size:10px}.tt-step-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tt-step-cost{font-family:var(--font-mono);color:var(--primary);flex:none;margin-left:auto;font-size:12px}.tt-sum-done{color:var(--success);font-size:12px}#tt-tip{z-index:100;background:var(--card-elevated);border:1px solid var(--border-strong);opacity:0;pointer-events:auto;width:252px;padding:0;transition:opacity .1s;position:fixed;box-shadow:0 16px 40px -10px #000c}#tt-tip.show{opacity:1}.tt-tip-h{border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:9px 11px;display:flex}.tt-tip-code{font-family:var(--font-mono);color:var(--dim);font-size:10px}.tt-tip-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:13px;font-weight:600}.tt-tip-st{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);border:1px solid var(--border-strong);margin-left:auto;padding:2px 5px;font-size:9px}.tt-tip-st.ok{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, var(--border))}.tt-tip-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:7px 11px;font-size:12px;display:flex}.tt-tip-row span{color:var(--muted-foreground);flex:none}.tt-tip-row b{color:var(--foreground);text-align:right;font-weight:500}.tt-tip-path{color:var(--muted-foreground);padding:9px 11px;font-size:12px;line-height:1.5}.tt-tip-path b{color:var(--primary)}.tt-viewport::-webkit-scrollbar{width:10px;height:10px}#tt-summary-body::-webkit-scrollbar{width:10px;height:10px}.tt-viewport::-webkit-scrollbar-thumb{background:var(--border-strong)}#tt-summary-body::-webkit-scrollbar-thumb{background:var(--border-strong)}.tt-viewport::-webkit-scrollbar-track{background:var(--background)}.tnode-glyph img,.tt-faction-glyph img{object-fit:contain;width:100%;height:100%;display:block}.tnode-glyph{place-items:center;display:grid}.tt-tip-cost{padding:4px 0}.tt-tip-costrow{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 11px;font-size:12px;display:flex}.tt-tip-costrow .tt-tip-ic{flex:none;place-items:center;width:18px;height:18px;display:grid}.tt-tip-costrow .tt-tip-ic img{object-fit:contain;width:100%;height:100%}.tt-tip-costrow b{color:var(--primary);font-family:var(--font-mono)}.tt-tip-costrow span:last-child{color:var(--muted-foreground)}.tt-sum-mats{background:color-mix(in srgb, var(--primary) 7%, var(--card));border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));border-left:3px solid var(--primary);margin-bottom:14px;padding:11px 12px}.tt-sum-mats-h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;color:var(--primary-hover);margin-bottom:10px;font-size:12px;font-weight:600}.tt-mat-grid{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.tt-mat{font-family:var(--font-mono);color:var(--muted-foreground);align-items:center;gap:7px;min-width:0;font-size:12px;display:inline-flex}.tt-mat-ic{flex:none;place-items:center;width:22px;height:22px;display:grid}.tt-mat-ic img{object-fit:contain;width:100%;height:100%}.tt-mat b{color:var(--foreground);flex:none;font-size:14px;font-weight:700}.tt-mat-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tt-faction-root{font-family:var(--font-mono);color:var(--fac);text-transform:uppercase;letter-spacing:.04em;font-size:10px;text-decoration:none}.tt-faction-root:hover{text-decoration:underline}.tt-tip-unlocks{padding:9px 11px}.tt-tip-unlocks-h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);margin-bottom:5px;font-size:10px;display:block}.tt-tip-unlocks-list{flex-wrap:wrap;gap:4px 8px;display:flex}.tt-tip-unlock-link{color:var(--primary);font-size:12px;text-decoration:none}.tt-tip-unlock-link:hover{text-decoration:underline}.tt-tip-unlock-link.is-plain{color:var(--muted-foreground)}.tt-viewport{cursor:grab}.tt-viewport.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.tt-viewport .tnode,.tt-viewport .tt-faction-root,.tt-viewport a{cursor:pointer}