.tsg-container{max-width:1320px}.tsg-shell{display:grid;grid-template-columns:268px minmax(0,1fr);grid-gap:clamp(1rem,2.5vw,2rem);gap:clamp(1rem,2.5vw,2rem);align-items:start}.tsg-shell.tsg-loading{opacity:.55}.tsg-sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + 1rem);max-height:calc(100dvh - var(--nav-h) - 2rem);overflow-y:auto;overscroll-behavior:contain;padding:1rem .75rem;background:linear-gradient(180deg,var(--accent-soft),transparent 140px),var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:.9rem}.tsg-brand-row{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem .6rem;border-bottom:1px solid var(--border)}.tsg-brand{flex:1 1 auto;text-align:left;padding:0}.tsg-brand,.tsg-brand-text{min-width:0;display:flex;flex-direction:column;gap:.15rem}.tsg-brand-title{font-weight:800;font-size:1.05rem;color:var(--text);letter-spacing:-.01em;transition:color .15s ease}.tsg-brand:hover .tsg-brand-title{color:var(--accent-hi)}.tsg-brand-sub{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3)}.tsg-drawer-close{display:none;flex:none;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,255,255,.05);color:var(--text-2);transition:background .18s ease,color .18s ease,border-color .18s ease}.tsg-drawer-close:hover{background:rgba(255,255,255,.12);border-color:var(--border-strong);color:var(--text)}.tsg-search-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--text-3);font-size:.85rem;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.tsg-search-button:hover{border-color:var(--accent);color:var(--text-2);box-shadow:0 0 0 3px var(--accent-soft)}.tsg-search-button kbd{font-family:inherit;font-size:.7rem;padding:.1rem .4rem;border:1px solid var(--border);border-radius:6px;color:var(--text-3)}.tsg-nav{gap:1rem}.tsg-nav,.tsg-nav-group{display:flex;flex-direction:column}.tsg-nav-group{gap:.15rem}.tsg-nav-heading{display:flex;align-items:center;gap:.4rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);padding:.35rem .5rem .25rem}.tsg-nav-heading:before{content:"";flex:none;width:3px;height:.72rem;border-radius:2px;background:linear-gradient(180deg,var(--accent-hi),var(--accent))}.tsg-nav-item{display:flex;align-items:center;gap:.5rem;text-align:left;padding:.42rem .5rem;border-radius:var(--radius-sm);color:var(--text-2);font-size:.88rem;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.tsg-nav-item:hover{background:var(--surface-2);color:var(--text)}.tsg-nav-item.is-active{background:var(--accent-soft);color:var(--text);font-weight:600;box-shadow:inset 2px 0 0 var(--accent),0 0 20px -8px var(--accent-glow)}.tsg-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsg-nav-tiers{display:flex;flex-wrap:wrap;gap:.3rem;padding:.15rem .4rem .3rem}.tsg-nav-tier{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .5rem;border:1px solid var(--border);border-radius:var(--pill);font-size:.8rem;color:var(--text-2);transition:border-color .12s ease,background .12s ease}.tsg-nav-tier.is-active,.tsg-nav-tier:hover{border-color:var(--accent);color:var(--text)}.tsg-nav-tier.is-active{background:var(--accent-soft)}.tsg-nav-tier.is-empty{opacity:.5}.tsg-main{min-width:0}.tsg-view{display:flex;flex-direction:column;gap:1.75rem}.tsg-view-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.tsg-view-head>div{min-width:0}.tsg-view-badges{display:flex;gap:.4rem;flex-wrap:wrap;width:100%}.tsg-view-icon{border-radius:var(--radius-sm);background:var(--bg-deep);padding:.4rem;border:1px solid var(--border)}.tsg-lede{color:var(--text-3);font-size:.95rem;margin-top:.35rem}.tsg-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--accent-hi);margin-bottom:.35rem}.tsg-empty{padding:1.25rem;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-1)}.tsg-empty,.tsg-muted{color:var(--text-3)}.tsg-home{display:flex;flex-direction:column;gap:2rem}.tsg-hero{position:relative;padding:1.75rem 1.5rem 1.35rem;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(130% 150% at 0 0,var(--accent-soft),transparent 56%),var(--surface-1);overflow:hidden}.tsg-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem}.tsg-stat{display:flex;flex-direction:column}.tsg-stat-value{font-size:1.8rem;font-weight:800;color:var(--text);line-height:1}.tsg-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.tsg-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.75rem;gap:.75rem}.tsg-quick-card{text-align:left;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);display:flex;flex-direction:column;gap:.3rem;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.tsg-quick-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 28px -18px var(--accent-glow)}.tsg-quick-label{font-weight:700;color:var(--text)}.tsg-quick-hint{font-size:.82rem;color:var(--text-3)}.tsg-section{display:flex;flex-direction:column;gap:.9rem}.tsg-section-title{font-size:1.1rem;color:var(--text)}.tsg-section-title:after{content:"";display:block;width:40px;height:2px;margin-top:.55rem;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-hi))}.tsg-loop{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:.6rem;gap:.6rem}.tsg-loop-item{display:flex;align-items:center;gap:.65rem;padding:.7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1)}.tsg-loop-name{display:block;font-weight:600;color:var(--text);font-size:.9rem}.tsg-loop-lore{display:block;font-size:.8rem;color:var(--text-3)}.tsg-cta{align-self:flex-start;padding:.6rem 1rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-weight:600;transition:background .15s ease}.tsg-cta:hover{background:var(--accent-hi)}.tsg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));grid-gap:.6rem;gap:.6rem}.tsg-grid-compact{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tsg-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;padding:.85rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);transition:border-color .12s ease,background .12s ease,transform .12s ease,box-shadow .12s ease}.tsg-card:hover:not(:disabled){border-color:var(--accent);background:var(--surface-2);transform:translateY(-2px);box-shadow:0 12px 26px -18px var(--accent-glow),0 0 0 1px var(--accent-soft)}.tsg-card.is-disabled,.tsg-card:disabled{opacity:.5;cursor:not-allowed}.tsg-card-compact{flex-direction:row;align-items:center;text-align:left;gap:.6rem}.tsg-card-icon{image-rendering:pixelated}.tsg-card-name{font-size:.85rem;font-weight:600;color:var(--text);line-height:1.25}.tsg-card-meta{font-size:.72rem;color:var(--text-3)}.tsg-card-badge{position:absolute;top:.4rem;right:.4rem;font-size:.68rem;font-weight:700;color:var(--accent-hi);background:var(--accent-soft);border-radius:var(--pill);padding:.05rem .4rem}.tsg-card-compact .tsg-card-badge{position:static;margin-left:auto}.tsg-icon{image-rendering:pixelated;flex-shrink:0}.tsg-icon-fallback{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);font-weight:700;letter-spacing:.02em}.tsg-tier-rail{display:flex;flex-wrap:wrap;gap:.4rem}.tsg-tier-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--pill);background:var(--surface-1);color:var(--text-2);font-weight:600;font-size:.85rem;transition:border-color .12s ease,background .12s ease}.tsg-tier-pill.is-active,.tsg-tier-pill:hover{border-color:var(--accent)}.tsg-tier-pill.is-active{background:var(--accent-soft);color:var(--text)}.tsg-tier-pill.is-empty{opacity:.5}.tsg-tier-count{font-size:.72rem;color:var(--text-3);background:var(--bg-deep);border-radius:var(--pill);padding:0 .4rem}.tsg-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.tsg-chips{flex-wrap:wrap}.tsg-chip,.tsg-chips{display:inline-flex;gap:.3rem}.tsg-chip{align-items:center;padding:.28rem .6rem;border:1px solid var(--border);border-radius:var(--pill);font-size:.78rem;color:var(--text-2);background:var(--surface-1);transition:border-color .12s ease,color .12s ease}.tsg-chip.is-active,.tsg-chip:hover{border-color:var(--accent);color:var(--text)}.tsg-chip.is-active{background:var(--accent-soft);font-weight:600}.tsg-chip-muted{background:var(--bg-deep);color:var(--text-3);font-size:.72rem}.tsg-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--pill);border:1px solid var(--border);background:var(--surface-1);font-size:.75rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.tsg-pill-tier{border-color:var(--accent);color:var(--accent-hi)}.tsg-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.tsg-tag{font-size:.72rem;color:var(--text-3);border:1px solid var(--border);border-radius:var(--pill);padding:.1rem .5rem}.tsg-metrics{display:flex;flex-wrap:wrap;gap:1.5rem;width:100%;margin-top:.35rem}.tsg-metric{display:flex;flex-direction:column}.tsg-metric-value{font-size:1.25rem;font-weight:700;color:var(--text)}.tsg-metric-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}.tsg-list{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.tsg-list li{padding:.45rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-2)}.tsg-family{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.tsg-family-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.tsg-chain{display:flex;flex-direction:column;gap:1rem}.tsg-chain-controls{justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}.tsg-chain-controls,.tsg-field{display:flex;align-items:center}.tsg-field{gap:.55rem;font-size:.9rem}.tsg-number{width:5.5rem;padding:.35rem .5rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--text);font:inherit}.tsg-chain-summary{font-size:.85rem;color:var(--text-3)}.tsg-steps{display:flex;flex-direction:column;gap:.6rem;counter-reset:step}.tsg-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);overflow:hidden}.tsg-step-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.6rem .8rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.tsg-step-index{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.78rem;font-weight:700;flex-shrink:0}.tsg-link{color:var(--accent-hi);font-weight:600;text-decoration:none;padding:0}.tsg-link:hover{text-decoration:underline}.tsg-step-producer{font-weight:600;color:var(--text)}.tsg-step-body{padding:.8rem}.tsg-step-io{display:flex;align-items:flex-start;gap:.75rem}.tsg-io-group{display:flex;flex-direction:column;gap:.4rem;min-width:0;flex:1 1}.tsg-io-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.tsg-arrow{color:var(--text-3);font-size:1.2rem;align-self:center;padding-top:1rem}.tsg-tile-row{display:flex;flex-wrap:wrap;gap:.4rem}.tsg-tile{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--text-2);font-size:.82rem;transition:border-color .12s ease}.tsg-tile:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.tsg-tile:disabled{cursor:default;opacity:.85}.tsg-tile-output{border-color:rgba(111,220,166,.4)}.tsg-tile-name{white-space:nowrap}.tsg-tile-amount{font-weight:700;color:var(--accent-hi)}.tsg-panel{padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}.tsg-panel-title{font-size:.95rem;margin-bottom:.6rem;color:var(--text)}.tsg-panel-sigil p{font-style:italic;color:var(--text-2);margin-bottom:.3rem}.tsg-material{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-deep);font-size:.82rem;color:var(--text-2)}.tsg-material:disabled{opacity:.8;cursor:default}.tsg-material strong{color:var(--accent-hi)}.tsg-usedby{display:flex;flex-wrap:wrap;gap:.4rem}.tsg-usedby li{font-size:.82rem;color:var(--text-2);border:1px solid var(--border);border-radius:var(--pill);padding:.15rem .6rem}.tsg-multiblock{gap:1rem;overflow-x:auto}.tsg-layer,.tsg-multiblock{display:flex;flex-direction:column}.tsg-layer{gap:2px;width:max-content}.tsg-layer-row{display:flex;gap:2px}.tsg-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--surface-2);border:1px solid var(--border)}.tsg-cell.is-air{background:transparent;border-style:dashed}.tsg-legend{display:flex;flex-wrap:wrap;gap:.75rem}.tsg-legend li{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-2)}.tsg-search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-1);color:var(--text);font:inherit;font-size:1rem}.tsg-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tsg-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:.75rem;gap:.75rem}.tsg-page-card{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);display:flex;flex-direction:column;gap:.6rem}.tsg-page-card header{display:flex;align-items:center;gap:.6rem}.tsg-page-name{font-weight:700;color:var(--text)}.tsg-page-lines{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-2)}.tsg-page-action{align-self:flex-start;font-size:.85rem}.tsg-drawer-scrim,.tsg-toolbar{display:none}@media (max-width:900px){.tsg-shell{display:flex;flex-direction:column;gap:1rem}.tsg-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:80;width:min(320px,86vw);max-height:none;padding-bottom:calc(1rem + env(safe-area-inset-bottom, 0px));border:none;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);border-radius:0;box-shadow:var(--shadow-2);transform:translateX(-100%);visibility:hidden;transition:transform .24s ease,visibility 0s linear .24s}.tsg-sidebar.is-open{transform:translateX(0);visibility:visible;transition:transform .24s ease,visibility 0s}.tsg-drawer-close{display:grid}.tsg-drawer-scrim{display:block;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55);animation:tsg-scrim-in .24s ease}@keyframes tsg-scrim-in{0%{opacity:0}}.tsg-toolbar{display:flex;align-items:center;gap:.5rem;position:-webkit-sticky;position:sticky;top:var(--nav-h);z-index:30;padding:.45rem .55rem;background:rgba(13,17,23,.82);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.tsg-toolbar-button{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,255,255,.05);color:var(--text);transition:background .16s ease,border-color .16s ease,color .16s ease}.tsg-toolbar-button:hover{background:rgba(255,255,255,.1);border-color:var(--accent)}.tsg-toolbar-title{flex:1 1 auto;min-width:0;padding:0 .25rem;text-align:center;font-size:.95rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsg-step-io{flex-direction:column}.tsg-arrow{transform:rotate(90deg);padding-top:0;align-self:flex-start}}@media (max-width:560px){.tsg-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:.5rem}.tsg-grid-compact{grid-template-columns:1fr}.tsg-quick{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tsg-chip-row{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:.35rem}.tsg-chip-row>*{flex:none;scroll-snap-align:start}.tsg-cell{width:32px;height:32px;border-radius:5px}.tsg-view-head{gap:.75rem}.tsg-chain-controls{padding:.65rem .75rem}}@media (pointer:coarse){.tsg-card-compact,.tsg-chip,.tsg-material,.tsg-nav-item,.tsg-nav-tier,.tsg-tier-pill,.tsg-tile{min-height:44px}.tsg-toolbar-button{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){.tsg-card,.tsg-drawer-scrim,.tsg-quick-card,.tsg-sidebar,.tsg-tile,.tsg-toolbar-button{transition:none;animation:none}}