.recipe-tree-app{background:#080d0a}.tree-toolbar{border-bottom:1px solid var(--line);background:linear-gradient(#141c17,#101612);grid-template-columns:minmax(210px,.7fr) minmax(220px,1fr) minmax(190px,.7fr) auto;align-items:end;gap:1rem;min-height:92px;padding:1rem max(1rem,50vw - 740px);display:grid}.tree-toolbar label{gap:.35rem;display:grid}.tree-toolbar label>span,.tree-title>span{color:var(--amber);letter-spacing:.11em;text-transform:uppercase;font:.62rem Cascadia Code,monospace}.tree-toolbar input,.tree-toolbar select{width:100%;min-height:40px;color:var(--text);border:1px solid var(--line);background:#090e0b;border-radius:2px;padding:.55rem .7rem}.tree-toolbar input:focus,.tree-toolbar select:focus{outline:2px solid var(--amber-soft);outline-offset:1px}.tree-title{align-content:center;display:grid}.tree-title strong{font-size:1rem}.tree-title small{color:var(--muted)}.tree-legend{color:var(--muted);flex-wrap:wrap;align-self:center;gap:.7rem;font-size:.7rem;display:flex}.tree-legend span{white-space:nowrap;align-items:center;gap:.35rem;display:flex}.tree-legend i{border:2px solid;width:11px;height:11px;display:inline-block;transform:rotate(45deg)}.legend-modified{background:#e6b44b33;border-color:var(--amber)!important}.legend-ingredient{background:#202b24;border-color:#627168!important}.recipe-canvas{background:radial-gradient(circle at 50% 30%,#384b3f21,#0000 42%),#080d0a;height:max(680px,100vh - 172px);position:relative;overflow:hidden}.recipe-node{width:244px;min-height:76px;color:var(--text);cursor:pointer;background:linear-gradient(145deg,#1c261f,#111813);border:1px solid #536057;border-left-width:3px;border-radius:3px;grid-template-columns:48px 1fr 18px;align-items:center;gap:.7rem;padding:.7rem;display:grid;box-shadow:0 10px 30px #0000006b}.recipe-node.modified{border-color:#9d7c35;border-left-color:var(--amber)}.recipe-node.ingredient{color:#c8cec7;background:linear-gradient(145deg,#172019,#0e1510)}.recipe-node:hover,.react-flow__node.selected .recipe-node{filter:brightness(1.15);border-color:var(--hazard);box-shadow:0 0 0 2px #e6b44b29,0 15px 36px #0000007a}.recipe-node.dimmed{opacity:.16;filter:saturate(.25)}.recipe-node.linked{border-color:#d2a946;box-shadow:0 0 0 2px #e6b44b1f,0 12px 32px #00000075}.recipe-node-copy{min-width:0}.recipe-node-copy strong,.recipe-node-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recipe-node-copy strong{font-size:.8rem}.recipe-node-copy small{color:var(--muted);font-size:.62rem}.changed-mark{color:var(--amber);font-size:.66rem}.item-glyph{width:43px;height:43px;color:hsl(var(--item-hue) 55% 84%);background:linear-gradient(145deg, hsl(var(--item-hue) 28% 28%), hsl(var(--item-hue) 26% 13%));border:2px solid hsl(var(--item-hue) 34% 43%);text-shadow:1px 1px #000;border-radius:3px;flex:0 0 43px;place-items:center;font:800 .68rem Cascadia Code,monospace;display:grid;position:relative;box-shadow:inset 1px 1px #ffffff24,inset -2px -2px #00000059}.item-glyph:after{content:"";border:1px solid hsl(var(--item-hue) 40% 58% / .18);position:absolute;inset:5px;transform:rotate(45deg)}.item-glyph.has-icon{background:radial-gradient(circle,#3c403b,#20241f 72%);border-color:#656a62;padding:3px}.item-glyph.has-icon:after{display:none}.item-glyph img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(1px 2px 1px #000000b8)}.item-glyph b{z-index:1;color:#fff;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;font:800 .72rem sans-serif;position:absolute;bottom:-2px;right:2px}.item-hover-card{z-index:2000;pointer-events:none;color:#f2f4ed;background:linear-gradient(135deg, hsl(var(--hover-hue) 25% 18% / .98), #080d0afb 58%);border:1px solid hsl(var(--hover-hue) 58% 58%);border-left:4px solid var(--hazard);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,11px 100%,0 calc(100% - 11px));width:324px;min-height:132px;box-shadow:0 18px 46px #000000b8, 0 0 28px hsl(var(--hover-hue) 62% 46% / .18), inset 0 0 26px #ffffff06;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:.9rem;padding:1rem 1rem 1rem 1.1rem;animation:90ms ease-out both hover-card-in;display:grid;position:fixed;overflow:hidden}.item-hover-card:before{content:"";background:linear-gradient(90deg, var(--hazard), hsl(var(--hover-hue) 75% 62%), transparent 84%);height:3px;position:absolute;inset:0 0 auto}.item-hover-card:after{content:"";opacity:.13;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff12 3px 4px);position:absolute;inset:0}.hover-card-corner{border-right:2px solid hsl(var(--hover-hue) 70% 60%);border-bottom:2px solid hsl(var(--hover-hue) 70% 60%);opacity:.7;width:22px;height:12px;position:absolute;bottom:8px;right:8px}.hover-card-icon{z-index:1;background:radial-gradient(circle, hsl(var(--hover-hue) 25% 30%), #121813 72%);border:1px solid hsl(var(--hover-hue) 50% 52%);width:66px;height:66px;box-shadow:inset 0 0 0 3px #0000005c, 0 0 20px hsl(var(--hover-hue) 65% 52% / .2);place-items:center;padding:7px;display:grid;position:relative}.hover-card-icon:before,.hover-card-icon:after{content:"";border-color:var(--hazard);width:8px;height:8px;position:absolute}.hover-card-icon:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.hover-card-icon:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.hover-card-icon img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(2px 3px 2px #000)}.hover-card-icon b{color:hsl(var(--hover-hue) 70% 78%);font:900 1rem Cascadia Code,monospace}.hover-card-copy{z-index:1;min-width:0;display:grid;position:relative}.hover-card-kicker{color:var(--hazard);letter-spacing:.12em;align-items:center;gap:.42rem;font:700 .57rem Cascadia Code,monospace;display:flex}.hover-card-kicker i{background:currentColor;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 9px}.hover-card-copy>strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;margin-top:.2rem;font-size:1rem;overflow:hidden}.hover-card-mod{color:hsl(var(--hover-hue) 52% 72%);font-size:.73rem}.hover-card-copy code{color:#7f8b82;text-overflow:ellipsis;white-space:nowrap;margin-top:.48rem;font-size:.57rem;overflow:hidden}@keyframes hover-card-in{0%{opacity:0;transform:translateY(5px)scale(.98)}to{opacity:1;transform:none}}.react-flow__handle{opacity:.8;background:#69776e;border:0;border-radius:0;width:6px;height:12px}.react-flow__controls{box-shadow:none}.react-flow__controls button{color:var(--text);border-color:var(--line);fill:var(--text);background:#172019}.react-flow__controls button:hover{background:#263229}.react-flow__minimap{border:1px solid var(--line);background:#0a0f0c}.canvas-hint{z-index:4;color:#9eaaa1;border:1px solid var(--line);white-space:nowrap;pointer-events:none;background:#080d0ae0;padding:.45rem .75rem;font:.65rem Cascadia Code,monospace;position:absolute;bottom:.9rem;left:50%;translate:-50%}.tree-empty{text-align:center;height:100%;color:var(--muted);place-content:center;display:grid}.tree-empty strong,.tree-empty span{display:block}.recipe-inspector{z-index:9;width:min(520px,100% - 2rem);max-height:calc(100% - 2rem);color:var(--text);border:1px solid #7b6737;border-top:3px solid var(--amber);background:linear-gradient(145deg,#1f2821fa,#0d130ffa);padding:1.2rem;position:absolute;top:1rem;right:1rem;overflow-y:auto;box-shadow:0 24px 80px #0000009e}.inspector-close{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#111813;font-size:1.25rem;position:absolute;top:.65rem;right:.65rem}.inspector-close:hover{color:#fff;border-color:var(--amber)}.inspector-title{align-items:center;gap:.9rem;margin-bottom:1rem;padding-right:2.5rem;display:flex}.inspector-title>div>span{color:var(--amber);letter-spacing:.11em;font:.62rem Cascadia Code,monospace}.inspector-title h2{margin:.22rem 0 0;font-size:1.3rem}.inspector-title p{color:var(--muted);margin:.18rem 0 0;font-size:.78rem}.crafting-window{color:#3f3f3f;image-rendering:pixelated;background:#c6c6c6;border:3px solid #555;border-color:#fff #555 #555 #fff;grid-template-rows:22px 168px;grid-template-columns:168px 52px 56px;justify-content:center;align-items:center;margin:1rem 0;padding:1rem;display:grid;box-shadow:inset 0 0 0 2px #8b8b8b,0 8px 24px #00000059}.crafting-label{text-shadow:1px 1px #fff;grid-column:1/-1;align-self:start;font:700 .8rem sans-serif}.crafting-grid{grid-template-rows:repeat(3,56px);grid-template-columns:repeat(3,56px);width:168px;height:168px;display:grid}.crafting-slot{cursor:default;background:#8b8b8b;border:3px solid #fff;border-color:#373737 #fff #fff #373737;place-items:center;width:56px;height:56px;padding:5px;display:grid}.crafting-slot.filled{cursor:pointer}.crafting-slot.filled:hover{background:#a3a3a3}.crafting-slot:disabled{color:inherit}.crafting-arrow{color:#5d5d5d;text-align:center;text-shadow:1px 1px #fff;font-size:2rem}.output-slot{margin-left:0}.registry-line{border-top:1px solid var(--line-soft);grid-template-columns:72px 1fr;gap:.75rem;padding:.55rem 0;font-size:.72rem;display:grid}.registry-line span{color:var(--faint);text-transform:uppercase}.registry-line code{color:#c9d2ca;overflow-wrap:anywhere}.ingredient-note{color:var(--muted);background:#e6b44b12;border:1px solid #e6b44b38;padding:.9rem}.usage-list{margin-top:1.2rem}.usage-list h3{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font:.68rem Cascadia Code,monospace}.usage-list>div{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.usage-list button{text-align:left;min-width:0;color:var(--text);border:1px solid var(--line-soft);cursor:pointer;background:#101611;align-items:center;gap:.55rem;padding:.45rem;display:flex}.usage-list button:hover{border-color:var(--amber-soft)}.usage-list .item-glyph{flex-basis:33px;width:33px;height:33px;font-size:.56rem}.usage-list button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;overflow:hidden}.usage-list button small{color:var(--faint);text-overflow:ellipsis;display:block;overflow:hidden}.keyboard-app{gap:1.5rem;display:grid}.keyboard-filters{margin-bottom:0}.keyboard-workbench{grid-template-columns:minmax(760px,1fr) 340px;gap:1.25rem;padding:1.25rem;display:grid;overflow-x:auto}.keyboard-main{gap:.38rem;min-width:760px;display:grid}.keyboard-row{gap:.38rem;display:flex}.keyboard-key{flex:var(--key-width) 0 0;min-width:calc(42px * var(--key-width));color:#68736a;cursor:pointer;background:#111813;border:1px solid #364239;border-bottom-width:3px;border-radius:4px;height:52px;padding:.35rem;position:relative;overflow:hidden}.keyboard-key span{white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;display:block;overflow:hidden}.keyboard-key i{background:var(--amber);color:#17140b;border-radius:50%;place-items:center;width:16px;height:16px;font:700 .58rem sans-serif;display:grid;position:absolute;bottom:3px;right:4px}.keyboard-key.bound{color:var(--text);background:linear-gradient(150deg,#28342b,#18211a);border-color:#546657}.keyboard-key.bound[data-category="HBM & Combat"]{border-top:3px solid var(--red)}.keyboard-key.bound[data-category=Vehicles]{border-top:3px solid var(--amber)}.keyboard-key.bound[data-category="Maps & Info"]{border-top:3px solid var(--blue)}.keyboard-key.bound[data-category=Storage]{border-top:3px solid var(--violet)}.keyboard-key.bound[data-category=Building]{border-top:3px solid #b58a6d}.keyboard-key.bound[data-category=Engineering]{border-top:3px solid var(--green)}.keyboard-key.selected{outline:2px solid var(--hazard);outline-offset:2px;filter:brightness(1.18)}.keyboard-side{grid-template-rows:auto auto 1fr;gap:.7rem;min-width:320px;display:grid}.mouse-grid{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);gap:.38rem;padding-bottom:.65rem;display:grid}.utility-grid{grid-template-columns:repeat(4,1fr);gap:.38rem;display:grid}.numpad-grid{grid-template-columns:repeat(4,1fr);align-content:end;gap:.38rem;display:grid}.keyboard-side .keyboard-key{min-width:68px}.mouse-grid .keyboard-key{min-width:0}.key-detail-grid{grid-template-columns:.72fr 1.28fr;align-items:stretch;gap:1rem;display:grid}.key-detail,.key-results,.unbound-panel{padding:1.5rem}.key-detail{max-height:760px;position:sticky;top:1rem;overflow:auto}.key-detail article{border-top:1px solid var(--line);padding:1.1rem 0}.key-detail article h3{margin:.8rem 0 .2rem}.key-detail article>strong{color:var(--amber);font-size:.8rem}.key-detail article p{color:var(--muted);margin:.55rem 0}.key-detail article small{color:var(--faint);display:block}.key-detail article small+small{margin-top:.25rem}.shared-tag{color:var(--red);background:#dd5a4814;border-color:#dd5a4859;margin-left:.4rem}.importance-tag{margin-left:.4rem}.importance-essential{color:#83e8a4;background:#53d57e14;border-color:#53d57e59}.importance-important{color:#78c9f4;background:#52a7dc14;border-color:#52a7dc59}.importance-situational{color:#e6b44b;background:#e6b44b14;border-color:#e6b44b59}.importance-specialist{color:#b1a6bd;background:#9b89ae14;border-color:#9b89ae59}.priority-sections{gap:.85rem;max-height:670px;padding-right:.35rem;display:grid;overflow:auto}.priority-box{--priority-accent:#829187;background:linear-gradient(135deg, color-mix(in srgb, var(--priority-accent) 8%, #0c120e), #0d130f 62%);border:1px solid color-mix(in srgb, var(--priority-accent) 38%, var(--line-soft));border-left:3px solid var(--priority-accent);padding:.8rem;position:relative}.priority-box.priority-essential{--priority-accent:#53d57e}.priority-box.priority-important{--priority-accent:#52a7dc}.priority-box.priority-situational{--priority-accent:#e6b44b}.priority-box.priority-specialist{--priority-accent:#9b89ae}.priority-box>header{grid-template-columns:34px 1fr auto;align-items:center;gap:.7rem;margin-bottom:.7rem;display:grid}.priority-box>header>span{color:var(--priority-accent);letter-spacing:.12em;font:800 .62rem Cascadia Code,monospace}.priority-box>header h3{margin:0;font-size:.9rem}.priority-box>header p{color:var(--faint);margin:.18rem 0 0;font-size:.65rem}.priority-box>header b{color:#08100a;background:var(--priority-accent);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));place-items:center;min-width:30px;height:30px;font:800 .65rem Cascadia Code,monospace;display:grid}.binding-list{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.binding-list button{text-align:left;border:1px solid var(--line-soft);color:var(--text);cursor:pointer;background:#101611;grid-template-columns:100px 1fr;align-items:center;gap:.7rem;padding:.7rem;display:grid}.binding-list button:hover{border-color:var(--priority-accent);background:color-mix(in srgb, var(--priority-accent) 8%, #101611);translate:0 -1px}.binding-list kbd{color:var(--priority-accent);font:.68rem monospace}.binding-list span,.binding-list small{display:block}.binding-list strong{font-size:.76rem}.binding-list small{color:var(--faint);font-size:.66rem}.unbound-panel ul{columns:2;color:var(--muted)}.key-hover-card{--key-accent:#e6b44b;z-index:2200;pointer-events:none;color:#f3f6f1;background:linear-gradient(135deg, color-mix(in srgb, var(--key-accent) 14%, #111913) 0%, #070c09fb 62%);border:1px solid color-mix(in srgb, var(--key-accent) 74%, #fff 8%);border-left:4px solid var(--key-accent);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,11px 100%,0 calc(100% - 11px));width:360px;box-shadow:0 18px 48px #000000c2, 0 0 28px color-mix(in srgb, var(--key-accent) 18%, transparent);grid-template-columns:88px minmax(0,1fr);gap:.9rem;padding:1rem;animation:80ms ease-out both hover-card-in;display:grid;position:fixed;overflow:hidden}.key-hover-card[data-category="HBM & Combat"]{--key-accent:var(--red)}.key-hover-card[data-category=Vehicles]{--key-accent:var(--amber)}.key-hover-card[data-category="Maps & Info"]{--key-accent:var(--blue)}.key-hover-card[data-category=Storage]{--key-accent:var(--violet)}.key-hover-card[data-category=Building]{--key-accent:#b58a6d}.key-hover-card[data-category=Engineering]{--key-accent:var(--green)}.key-hover-card[data-category=Vanilla]{--key-accent:#80d99a}.key-hover-card:before{content:"";background:linear-gradient(90deg, var(--key-accent), transparent 86%);height:3px;position:absolute;inset:0 0 auto}.key-hover-card:after{content:"";opacity:.11;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff14 3px 4px);position:absolute;inset:0}.key-hover-cap{z-index:1;background:linear-gradient(145deg, color-mix(in srgb, var(--key-accent) 18%, #263027), #111713);border:1px solid color-mix(in srgb, var(--key-accent) 58%, #58615a);min-height:82px;box-shadow:inset 1px 1px #ffffff1f, inset -2px -2px #00000073, 0 0 22px color-mix(in srgb, var(--key-accent) 15%, transparent);text-align:center;border-bottom-width:4px;border-radius:5px;align-content:center;align-self:start;justify-items:center;padding:.55rem;display:grid;position:relative}.key-hover-cap span{color:var(--key-accent);letter-spacing:.18em;font:700 .5rem Cascadia Code,monospace}.key-hover-cap strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px #000;max-width:75px;margin-top:.28rem;font:900 .79rem Cascadia Code,monospace;overflow:hidden}.key-hover-cap i{color:#8d9990;margin-top:.35rem;font:700 .52rem Cascadia Code,monospace}.key-hover-copy{z-index:1;gap:.48rem;min-width:0;display:grid;position:relative}.key-hover-kicker{color:var(--key-accent);letter-spacing:.12em;align-items:center;gap:.42rem;font:700 .55rem Cascadia Code,monospace;display:flex}.key-hover-kicker i{background:currentColor;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 9px}.key-hover-action{border-top:1px solid color-mix(in srgb, var(--key-accent) 20%, #29332c);padding-top:.42rem;display:grid}.key-hover-action strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.key-hover-action span{color:color-mix(in srgb, var(--key-accent) 64%, #dce3dc);font-size:.64rem}.key-hover-action small,.key-hover-more{color:#7f8b82;text-overflow:ellipsis;white-space:nowrap;font:.55rem Cascadia Code,monospace;overflow:hidden}.key-hover-corner{border-right:2px solid var(--key-accent);border-bottom:2px solid var(--key-accent);opacity:.7;width:22px;height:12px;position:absolute;bottom:8px;right:8px}@media (width<=950px){.tree-toolbar{grid-template-columns:1fr 1fr}.tree-legend{justify-self:end}.key-detail-grid{grid-template-columns:1fr}}@media (width<=640px){.tree-toolbar{grid-template-columns:1fr;align-items:stretch}.tree-title{grid-template-columns:1fr auto}.tree-title>span{grid-column:1/-1}.tree-title small{text-align:right}.tree-legend{justify-self:start}.recipe-canvas{height:720px}.canvas-hint{display:none}.recipe-inspector{width:calc(100% - 1rem);max-height:calc(100% - 1rem);inset:.5rem}.crafting-window{transform-origin:0;width:115%;margin-right:-15%;scale:.87}.usage-list>div{grid-template-columns:1fr}.keyboard-workbench{display:none}.binding-list{grid-template-columns:1fr;max-height:none}.unbound-panel ul{columns:1}}