.craft-tree-page{background:#201619;color:#f1e5d8}.craft-tree-page:before{opacity:.11}.tree-header{background:rgba(32,22,25,.92);border-color:rgba(255,255,255,.1);color:#f1e5d8}.tree-header .brand small{color:#a99599}.tree-header nav a.active{color:#e1ad5a}.tree-header .nav-toggle{color:#f1e5d8;border-color:rgba(255,255,255,.2)}
.tree-hero{min-height:68vh;padding:100px max(28px,calc((100vw - 1100px)/2));display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 50%,#4f1d30 0,#29191f 35%,#191215 70%)}.tree-hero:after{content:"";position:absolute;right:8%;bottom:-330px;width:590px;height:590px;border:1px solid rgba(225,173,90,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(225,173,90,.025),0 0 0 160px rgba(225,173,90,.018)}.tree-hero h1{position:relative;z-index:1;font:900 clamp(50px,7vw,92px)/1.08 "Noto Serif TC";margin:0;letter-spacing:-.035em}.tree-hero h1 em{font-style:normal;color:#e1ad5a}.tree-hero>p:not(.section-kicker){position:relative;z-index:1;max-width:680px;margin:27px 0;color:#c3afb3;font-size:18px;line-height:1.9}.tree-hero-stats{position:relative;z-index:1;display:flex;gap:28px;color:#a99398;font-size:12px}.tree-hero-stats b{color:#f0c77e;font:900 24px Georgia;margin-right:5px}
.tree-tools{position:sticky;top:74px;z-index:18;min-height:92px;padding:13px max(28px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:auto minmax(300px,570px) 1fr;gap:24px;align-items:center;background:rgba(28,19,22,.95);backdrop-filter:blur(18px);border-top:1px solid #463239;border-bottom:1px solid #463239}.mode-switch{display:flex;padding:4px;background:#130d0f;border:1px solid #4b353c;border-radius:5px}.mode-switch button{border:0;background:transparent;color:#a99398;padding:9px 14px;cursor:pointer;font-size:12px;border-radius:3px}.mode-switch button.active{background:#862143;color:#fff}.quick-lookup{position:relative}.quick-lookup label{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;color:#bda7ac;font-size:10px;letter-spacing:.1em}.quick-lookup kbd{border:1px solid #594148;border-radius:3px;padding:0 6px;color:#d8aa62;background:#261a1e}.lookup-input{display:flex;border-bottom:1px solid #77535f}.lookup-input input{width:100%;padding:5px 0;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.lookup-input input::placeholder{color:#725f64}.lookup-input button{width:30px;border:0;background:transparent;color:#9d858b;cursor:pointer;font-size:20px}.tree-status{justify-self:end;color:#8e777d;font-size:11px;margin:0}.search-results{position:absolute;left:0;right:0;top:58px;z-index:30;max-height:390px;overflow:auto;background:#f5ecdf;color:#2b1d22;border:1px solid #6b4a55;box-shadow:0 22px 50px rgba(0,0,0,.45)}.search-result{width:100%;display:grid;grid-template-columns:39px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:#2b1d22;cursor:pointer}.search-result:hover,.search-result.selected{background:#eadbca}.search-result img,.search-result .item-fallback{width:34px;height:34px}.search-result strong{font-size:13px}.search-result small{color:#8b7178;font-size:10px}.search-result>em{font-style:normal;color:#9b3354;font-size:10px}
.civilization-tree{max-width:1320px;margin:auto;padding:105px 28px 140px;min-height:900px}.tree-loading,.tree-error{text-align:center;padding:100px;color:#b79fa5}.root-node{position:relative;width:230px;margin:0 auto 120px;padding:22px 24px 22px 74px;background:#862143;border:1px solid #d5a355;box-shadow:0 20px 55px rgba(0,0,0,.32)}.root-node:after{content:"";position:absolute;left:50%;top:100%;height:121px;border-left:2px solid #8d6550}.root-node img{position:absolute;left:18px;top:19px;width:42px;height:42px;image-rendering:pixelated}.root-node>.item-fallback{left:18px;top:19px;width:42px;height:42px}.root-node strong{display:block;font:900 18px "Noto Serif TC"}.root-node small{display:block;color:#e2c0c8;font-size:10px}.civilization-branches{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.civilization-branches:before{content:"";position:absolute;left:16.66%;right:16.66%;top:-61px;border-top:2px solid #8d6550}.main-root{position:relative;min-width:0}.main-root:before{content:"";position:absolute;left:50%;top:-60px;height:60px;border-left:2px solid #8d6550}.main-root-head{height:210px;padding:27px;background:#312126;border:1px solid #5a4148;position:relative;overflow:hidden}.main-root-head:after{content:attr(data-number);position:absolute;right:-6px;bottom:-30px;font:900 110px Georgia;color:rgba(225,173,90,.055)}.main-root-head img,.main-root-head>.item-fallback{position:static;width:48px;height:48px;image-rendering:pixelated}.main-root-head span{display:block;margin-top:17px;color:#dda957;font-size:10px;letter-spacing:.16em}.main-root-head h2{font:900 27px "Noto Serif TC";margin:3px 0 7px}.main-root-head p{margin:0;color:#ad969c;font-size:13px}.subbranches{margin-top:28px;padding-left:18px;border-left:1px solid #65464f}.subbranch{position:relative;margin-bottom:14px}.subbranch:before{content:"";position:absolute;left:-18px;top:28px;width:18px;border-top:1px solid #65464f}.subbranch-toggle{width:100%;min-height:59px;padding:12px 42px 12px 14px;border:1px solid #523941;background:#291c20;color:#f0e4d7;text-align:left;cursor:pointer;position:relative}.subbranch-toggle:hover{border-color:#b47c46;background:#302025}.subbranch-toggle strong{display:block;font-size:14px}.subbranch-toggle small{color:#9e858b;font-size:10px}.subbranch-toggle:after{content:"＋";position:absolute;right:15px;top:17px;color:#d6a557;font-size:19px}.subbranch.expanded .subbranch-toggle{border-color:#9b7048;background:#38242a}.subbranch.expanded .subbranch-toggle:after{content:"−"}.item-canopy{display:none;padding:9px 0 2px 12px;border-left:1px solid #65464f}.subbranch.expanded .item-canopy{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tree-item{min-width:0;min-height:52px;padding:7px 8px 7px 47px;position:relative;border:1px solid #49343a;background:#24191c;color:#e8dadd;text-align:left;cursor:pointer}.tree-item:hover{border-color:#d09a51;transform:translateY(-1px)}.tree-item img,.item-fallback{position:absolute;left:8px;top:9px;width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.item-fallback{display:grid;place-items:center;background:#65233b;color:#fff;font-weight:900}.tree-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.tree-item small{display:block;color:#876f75;font-size:8px}.branch-count{margin:20px 0 0;text-align:right;color:#816a70;font-size:9px}
.lookup-drawer{position:fixed;right:0;top:0;bottom:0;z-index:50;width:min(520px,100vw);padding:76px 34px 40px;overflow:auto;background:#f4eadc;color:#2a1c20;transform:translateX(102%);transition:transform .28s ease;box-shadow:-25px 0 60px rgba(0,0,0,.35)}.lookup-drawer.open{transform:none}.drawer-backdrop{position:fixed;inset:0;z-index:45;background:rgba(12,7,9,.65);backdrop-filter:blur(3px)}.drawer-close{position:absolute;right:22px;top:18px;width:42px;height:42px;border:1px solid var(--line);background:transparent;color:#6e2534;font-size:25px;cursor:pointer}.lookup-title{display:grid;grid-template-columns:65px 1fr;gap:16px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.lookup-title img,.lookup-title .item-fallback{position:static;width:62px;height:62px}.lookup-title h2{font:900 29px "Noto Serif TC";line-height:1.25;margin:0}.lookup-id{font:10px monospace;color:#8f747a;word-break:break-all}.lookup-section-title{margin:28px 0 10px;color:#8b2447;font-size:11px;letter-spacing:.17em}.lookup-recipe{padding:14px;margin-bottom:9px;border:1px solid var(--line);background:#fff8ed}.lookup-recipe>small{color:#aa7b38;font-size:10px;font-weight:800}.recipe-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}.recipe-chip{padding:5px 8px;background:#e9ddce;font-size:12px}.recipe-arrow{color:#a83a59}.lookup-use{width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:#37252a;text-align:left;cursor:pointer}.lookup-use:hover{color:#8b2447}.lookup-empty{color:#8e747a}.lookup-tip{margin-top:30px;padding:14px;border-left:3px solid #c6923e;background:#eadfce;color:#765f65;font-size:12px}
.developer-entry{max-width:1264px;margin:-90px auto 100px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border:1px solid #4d363e;background:#281b20;color:#bca7ac}.developer-entry span{font:900 10px Georgia;letter-spacing:.18em;color:#d4a052}.developer-entry strong{font-size:13px;color:#eee0d2}.developer-entry:hover{border-color:#c18c4a;background:#302026}
@media(max-width:1050px){.tree-tools{grid-template-columns:auto 1fr}.tree-status{display:none}.civilization-branches{grid-template-columns:1fr;gap:78px;max-width:700px;margin:auto}.civilization-branches:before{display:none}.main-root:before{top:-78px;height:78px}.subbranch.expanded .item-canopy{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.tree-header nav{background:#201619}.tree-hero{min-height:auto;padding:75px 22px}.tree-hero h1{font-size:47px}.tree-hero>p:not(.section-kicker){font-size:16px}.tree-hero-stats{flex-wrap:wrap}.tree-tools{top:64px;padding:10px 14px;display:block}.mode-switch{width:max-content;margin-bottom:8px}.quick-lookup label span{font-size:9px}.civilization-tree{padding:80px 14px 100px}.root-node{margin-bottom:105px}.main-root-head{height:auto;min-height:190px}.subbranches{padding-left:12px}.subbranch:before{left:-12px;width:12px}.subbranch.expanded .item-canopy{grid-template-columns:1fr 1fr;padding-left:7px}.tree-item{padding-left:43px}.lookup-drawer{padding:72px 22px 35px}.tree-hero-stats b{font-size:20px}.developer-entry{margin:-55px 14px 70px;display:block}.developer-entry strong{display:block;margin-top:5px}}
@media(max-width:420px){.subbranch.expanded .item-canopy{grid-template-columns:1fr}.tree-hero h1{font-size:40px}.root-node{width:210px}.main-root-head h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.lookup-drawer{transition:none}}