#button-account{display:flex!important;align-items:center;gap:.7rem;min-height:48px;cursor:pointer}#button-account>img{margin:0!important;width:34px!important;height:34px!important;flex:none;border-radius:10px}.lf-account-copy{display:flex;flex-direction:column;gap:.25rem;text-align:left;line-height:1.15}.lf-account-copy small{font-size:.73rem;color:var(--lf-accent,#7655f8);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.lf-adventure .lf-tabs{display:flex;gap:.45rem;overflow-x:auto;flex-wrap:nowrap;padding:.7rem 0;scrollbar-width:thin}.lf-adventure .lf-tabs>a{flex:none}.lf-adventure .lf-adventure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1.2rem;align-items:stretch}.lf-adventure .lf-card{padding:1.6rem;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;align-items:flex-start}.lf-adventure .lf-card h3{margin:.7rem 0}.lf-adventure .lf-card>.lf-inline-form:last-child{margin-top:auto}.lf-adventure .lf-inline-form{margin:.3rem 0}.lf-adventure .lf-inline-form .lf-button{white-space:normal;text-align:left}.lf-adventure .lf-toolbar{flex-wrap:wrap;gap:.75rem}.lf-workshop-icon{width:64px;height:64px;border-radius:18px;padding:10px;background:linear-gradient(135deg,#7955ff22,#14b8aa18);color:#7955ff}.lf-shop-owned{display:flex;flex-wrap:wrap;gap:.8rem}.lf-shop-token{display:flex;align-items:center;gap:.7rem;border:1px solid #7955ff30;border-radius:16px;padding:1rem}.lf-shop-token svg{width:28px;height:28px;color:#7955ff}.lf-shop-token small{display:block;opacity:.65}.lf-context-nav{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;font-size:.9rem;margin-bottom:1.5rem}.lf-context-nav [aria-current]{font-weight:700}.lf-purchase-dialog{border:1px solid #7955ff44;border-radius:24px;padding:2rem;max-width:min(92vw,480px);background:var(--bg-elevated,#fff);color:var(--text,#171727);box-shadow:0 30px 100px #17112e50}.lf-purchase-dialog::backdrop{background:#16112688;backdrop-filter:blur(4px)}.lf-purchase-dialog button{margin:.5rem .5rem 0 0}.lf-purchase-dialog:open{animation:lf-dialog-in .18s ease-out}@keyframes lf-dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.lf-purchase-dialog:open{animation:none}}.lf-machine-state{font-size:.8rem;display:inline-flex;gap:.4rem;padding:.35rem .65rem;border-radius:999px;background:#7955ff16}.lf-workshop-section{margin-block:2rem}.lf-workshop-section>summary{cursor:pointer;font-weight:700;font-size:1.2rem;padding:1rem;border-bottom:1px solid #7955ff22}.lf-adventure details>div{margin-top:1rem}@media(max-width:650px){.lf-adventure .lf-card{padding:1.1rem}.lf-account-copy small{font-size:.65rem}.lf-adventure-summary{grid-template-columns:1fr!important}}
/* Two deliberate rows on phones keep the wallet readable beside all account actions. */
@media(max-width:600px){#navbar>.ui.container{flex-wrap:wrap!important;row-gap:8px!important;justify-content:flex-start!important}#navbar .right.menu{flex-basis:100%!important;width:100%!important;justify-content:flex-end!important;margin-left:0!important}#navbar .toc.item{margin-left:auto!important}#navbar #button-account{max-width:none!important;min-width:130px!important;width:auto!important;font-size:.8rem!important;padding:6px 9px!important;gap:.5rem!important}#navbar .lf-account-copy{font-size:.8rem!important}#navbar .lf-account-copy small{font-size:.72rem!important}#navbar .lufox-marke-item{margin-right:auto!important}}

.lf-machine-art{width:160px;height:160px;max-width:100%;object-fit:contain;align-self:center;filter:drop-shadow(0 8px 12px #17172722)}

/* Personal station skill trees: the graph and its details share stable, accessible links. */
.lf-workshop-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0;padding:1rem 1.3rem;border:1px solid var(--lf-border,#7955ff28);border-radius:18px;background:var(--lf-card,#ffffff08)}.lf-workshop-top strong{font-size:1.25rem}.lf-workshop-top small{font-size:.8rem;font-weight:500}
.lf-workshop-back,.lf-machine-nav{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1.5rem 0;align-items:center}.lf-workshop-back>span{opacity:.65}.lf-machine-nav a{padding:.65rem 0;border-bottom:2px solid #7955ff44;min-height:44px}
.lf-machine-hero{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:1.5rem;padding:1.5rem;border:1px solid #7955ff30;border-radius:24px;background:radial-gradient(ellipse at 15% 25%,#12b6ae15,transparent 60%),radial-gradient(ellipse at 80% 0%,#7955ff20,transparent 65%)}.lf-machine-hero>img{max-width:100%;height:auto;filter:drop-shadow(0 12px 15px #130d2822)}.lf-machine-hero h2{margin:.5rem 0;font-size:clamp(1.5rem,3vw,2.3rem)}.lf-machine-hero p{max-width:620px}.lf-tree-progress{display:flex;flex-direction:column;gap:.65rem;min-width:145px}.lf-tree-progress strong{font-size:2.3rem}.lf-tree-progress small{font-size:1.2rem;opacity:.55}.lf-tree-progress>span{font-size:.85rem}
.lf-adventure progress{height:6px;width:100%;border:0;border-radius:20px;overflow:hidden;appearance:none;background:#7955ff16;accent-color:#7955ff}.lf-adventure progress::-webkit-progress-bar{background:#7955ff16}.lf-adventure progress::-webkit-progress-value{background:linear-gradient(90deg,#7650ff,#21b9be);border-radius:20px}
.lf-skill-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1.5rem;align-items:start;scroll-margin-top:110px}.lf-skill-canvas{border:1px solid #7955ff30;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,#7955ff13,transparent 60%),radial-gradient(ellipse at 15% 60%,#20bdb710,transparent 65%)}.lf-tree-intro{padding:1.4rem 1.4rem 0}.lf-tree-intro h3{margin:0 0 .5rem}.lf-tree-intro p{font-size:.9rem}.lf-tree-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.75rem;opacity:.85}.lf-tree-legend span:before{content:'';display:inline-block;width:7px;height:7px;border:1px solid #85819a;border-radius:50%;margin-right:.4rem}.lf-tree-legend .is-owned:before{background:#14aaa5;border-color:#14aaa5}.lf-tree-legend .is-ready:before{border:2px solid #845aff}
.lf-skill-graph{isolation:isolate;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 .7rem;padding:1rem 1rem 2rem;min-height:630px}.lf-skill-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}.lf-skill-edges path{fill:none;stroke:#88829d4d;stroke-width:1.6}.lf-skill-edges path.is-owned{stroke:#17ada780;stroke-width:2}.lf-skill-edges path.is-ready{stroke:#8a67eeb3;stroke-dasharray:5 7;animation:lf-tree-flow 16s linear infinite}.lf-skill-branch{display:flex;flex-direction:column;align-items:center;gap:1.1rem;--branch:#825ef2}.lf-skill-branch h4{margin:.5rem 0 .2rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.lf-branch-basis{grid-column:1/-1;padding-bottom:.6rem}.lf-branch-basis h4{display:none}.lf-branch-effizienz{--branch:#1ba99f}.lf-branch-komfort{--branch:#d39940}
.lf-skill-node{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:101px;max-width:145px;gap:.25rem;color:inherit!important;text-decoration:none!important;position:relative;padding:.3rem .2rem;border-radius:14px;outline-offset:3px;transition:background .2s,transform .2s;touch-action:manipulation}.lf-skill-node strong{font-size:.8rem;line-height:1.35;max-width:140px}.lf-skill-node>span:last-child{font-size:.66rem;line-height:1.3;opacity:.75}.lf-skill-node:hover,.lf-skill-node:focus-visible,.lf-skill-node[aria-current]{background:#7955ff13}.lf-skill-node[aria-current]{outline:1px solid #7955ff66}.lf-skill-orb{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;border:2px solid #82799266;background:var(--lf-tree-orb,#f7f5fc);color:#827992;box-shadow:0 4px 12px #16112916}.lf-skill-orb svg{width:25px;height:25px}.lf-skill-orb small{position:absolute;right:-6px;bottom:-5px;display:grid;place-items:center;background:var(--lf-tree-orb,#f7f5fc);border:1px solid #82799266;border-radius:50%;width:19px;height:19px;font-size:11px;line-height:1}.is-owned .lf-skill-orb{border-color:var(--branch);color:var(--branch);box-shadow:0 0 20px color-mix(in srgb,var(--branch) 16%,transparent)}.is-ready .lf-skill-orb{border-color:var(--branch);color:var(--branch);animation:lf-tree-breathe 4s ease-in-out infinite}.is-locked .lf-skill-orb{filter:saturate(.2)}
.lf-skill-inspector,.lf-workshop-panel{padding:1.5rem;border:1px solid #7955ff2a;border-radius:24px;background:var(--lf-panel,#ffffff06);min-width:0;scroll-margin-top:105px}.lf-skill-inspector{position:sticky;top:110px;overflow-wrap:anywhere}.lf-skill-inspector [hidden]{display:none!important}.lf-skill-inspector h3{font-size:1.55rem;margin:.8rem 0}.lf-skill-inspector p,.lf-skill-inspector li{font-size:.92rem;line-height:1.7}.lf-skill-inspector .lf-button{max-width:100%;width:100%;white-space:normal}.lf-skill-inspector form{width:100%}.lf-detail-icon{display:grid;place-items:center;width:60px;height:60px;margin-top:1.2rem;color:#8967f6;border:1px solid #7955ff33;border-radius:17px;background:#7955ff13}.lf-detail-icon svg{width:30px;height:30px}.lf-talent-price{display:block;font-size:1.5rem;margin:1.4rem 0 .2rem}.lf-talent-price small{font-size:.8rem}.lf-talent-success{padding:.8rem;border-radius:12px;background:#13a69915;color:var(--lf-success,#108b80);margin-top:1rem}
.lf-workshop-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;margin-top:2rem;align-items:start}.lf-machine-switches{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.lf-machine-settings{display:grid;gap:1rem}.lf-machine-settings label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}.lf-machine-settings input:not([type=checkbox]),.lf-machine-settings select{width:100%;min-width:0;border:1px solid #7955ff40;border-radius:12px;min-height:46px;padding:.65rem .85rem;background:var(--lf-field,transparent);color:inherit;font:inherit;font-size:16px}.lf-machine-settings small{font-size:.8rem;font-weight:400;opacity:.7;line-height:1.5}.lf-machine-settings .lf-check-label{flex-direction:row;align-items:center;min-height:44px;gap:.7rem}.lf-check-label input{width:20px;height:20px;accent-color:#7955ff}.lf-machine-settings fieldset{border:1px solid #7955ff33;border-radius:14px;padding:1rem;display:grid;gap:.8rem;min-width:0}.lf-machine-settings legend{font-weight:600}.lf-machine-report{padding:1rem;border-left:3px solid #18a8a2;background:#18a8a20a;border-radius:0 12px 12px 0}.lf-machine-report small{opacity:.65}
.lf-fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:1rem}.lf-fleet-card{display:flex;gap:1rem;padding:1.4rem;border:1px solid #7955ff33;border-radius:20px;background:linear-gradient(120deg,#7955ff08,transparent);color:inherit!important;align-items:center;transition:transform .2s,border-color .2s}.lf-fleet-card>img{width:96px;height:112px;object-fit:contain;flex-shrink:0}.lf-fleet-card>div{flex:1;min-width:0;overflow-wrap:anywhere}.lf-fleet-card h3{margin:.35rem 0}.lf-fleet-card p,.lf-fleet-card div>span:last-child{font-size:.85rem}.lf-fleet-card progress{margin:.5rem 0}.lf-fleet-card:hover{transform:translateY(-3px);border-color:#7955ff88}.lf-station-catalog{margin-top:2.5rem}.lf-station-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem}.lf-station-card{padding:1.25rem;border:1px solid #7955ff25;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.lf-station-card img{align-self:center;max-width:100%}.lf-station-card h3{margin:.6rem 0}.lf-station-card p{font-size:.9rem;flex:1}.lf-station-card small{display:block;margin-top:.5rem;opacity:.65;font-size:.78rem}.lf-workshop-empty{padding:2rem;border:1px dashed #7955ff55;border-radius:20px}.lf-workshop-help{margin-top:2rem;padding:1.5rem;border:1px solid #7955ff25;border-radius:16px}.lf-workshop-help summary{min-height:44px;font-weight:600;cursor:pointer}
body.dark .lf-adventure{--lf-tree-orb:#181622;--lf-panel:#121119;--lf-field:#191720;--lf-success:#4ccdb9}body.dark .lf-machine-hero{background:radial-gradient(ellipse at 15% 25%,#12b6ae13,transparent 60%),radial-gradient(ellipse at 80% 0%,#7955ff18,transparent 65%)}
@keyframes lf-tree-flow{to{stroke-dashoffset:-96}}@keyframes lf-tree-breathe{0%,100%{box-shadow:0 0 10px #7955ff16}50%{box-shadow:0 0 24px #7955ff44}}
@media(max-width:1000px){.lf-skill-layout{grid-template-columns:minmax(0,1fr)}.lf-skill-inspector{position:static}.lf-skill-graph{min-height:620px}.lf-machine-hero{grid-template-columns:120px 1fr}.lf-tree-progress{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1rem}.lf-tree-progress progress{grid-column:1/-1}.lf-tree-progress strong{font-size:1.5rem}}
@media(max-width:650px){.lf-machine-hero{grid-template-columns:85px 1fr;padding:1rem;gap:.7rem}.lf-machine-hero h2{font-size:1.45rem}.lf-machine-hero p{font-size:.82rem}.lf-workshop-controls{grid-template-columns:1fr}.lf-skill-graph{gap:0 .15rem;padding:1rem .35rem 1.5rem}.lf-skill-node{width:100%;max-width:105px;min-height:110px}.lf-skill-node strong{font-size:.72rem}.lf-skill-node>span:last-child{font-size:.63rem}.lf-skill-orb{width:48px;height:48px}.lf-skill-branch h4{font-size:.67rem}.lf-workshop-panel,.lf-skill-inspector{padding:1.1rem}.lf-fleet-card{padding:1rem;gap:.5rem}.lf-fleet-card>img{width:72px}.lf-workshop-top{padding:.85rem;font-size:.85rem}.lf-machine-nav{gap:1rem;font-size:.8rem}.lf-station-grid{grid-template-columns:1fr}.lf-station-card{display:grid;grid-template-columns:84px 1fr;column-gap:1rem;align-items:center}.lf-station-card img{grid-row:1/5;width:84px;height:100px}.lf-station-card p{font-size:.85rem}.lf-station-card small{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.lf-skill-edges path,.lf-skill-orb,.lf-fleet-card{animation:none!important;transition:none!important}}
html[data-lufox-motion="off"] .lf-skill-edges path,html[data-lufox-motion="off"] .lf-skill-orb{animation:none!important}

html.lf-reduce-motion .lf-skill-edges path,html.lf-reduce-motion .lf-skill-orb{animation:none!important}

[data-workshop-page] [hidden]{display:none!important}[data-workshop-page] .lf-workshop-controls{grid-template-columns:1fr;max-width:900px;margin-inline:auto}.lf-machine-nav a[aria-current="page"]{color:var(--lf-accent,#7955ff);border-bottom-color:#7955ff;font-weight:700}.lf-branch-komfort>.lf-skill-node:first-of-type{margin-top:118px}
/* A navigable map for extensive trees; the list is equally functional on small screens. */
.lf-tree-tools{display:flex;align-items:end;flex-wrap:wrap;gap:.5rem;padding:1rem}.lf-tree-tools label{display:grid;gap:.25rem;font-size:.75rem;flex:1;min-width:120px}.lf-tree-tools select,.lf-tree-tools button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated);color:var(--text);padding:.5rem;max-width:100%}.lf-tree-hint{font-size:.75rem;padding:0 1rem;color:var(--text-muted)}.lf-tree-viewport{height:670px;overflow:auto;overscroll-behavior:contain;position:relative;scrollbar-width:thin;background:radial-gradient(circle at center,#7854ff10,transparent 65%)}.lf-skill-graph.is-map{display:block;width:2000px;height:2000px;min-height:2000px;padding:0;background-image:radial-gradient(#7955ff28 1px,transparent 1px);background-size:24px 24px}.is-map .lf-skill-branch{display:contents}.is-map .lf-skill-branch h4{display:none}.is-map .lf-skill-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:116px;max-width:116px;min-height:82px;margin:0!important;padding:4px}.is-map .lf-skill-node strong{font-size:12px;line-height:1.2}.is-map .lf-skill-orb{width:46px;height:46px}.is-map .lf-skill-node>span:last-child{font-size:10px}.lf-branch-logistik{--branch:#4187d4}.lf-branch-vorrat{--branch:#bc8956}.lf-branch-planung{--branch:#b76cc5}.lf-branch-gebiet{--branch:#4cad62}.lf-branch-begleiter{--branch:#d68c56}.lf-tree-viewport.is-list{height:auto;max-height:900px}.lf-skill-graph.is-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.is-list .lf-skill-edges{display:none}.is-list .lf-skill-branch{align-items:stretch}.is-list .lf-skill-node{max-width:none;min-height:70px;display:grid;grid-template-columns:48px 1fr;gap:.35rem .7rem;text-align:left;padding:.7rem;margin:0!important}.is-list .lf-skill-orb{grid-row:1/3}.is-list .lf-skill-node>span:last-child{grid-column:2}.is-list .lf-skill-branch h4{padding:.5rem}.lf-skill-canvas{min-width:0}@media(max-width:650px){.lf-tree-viewport{height:510px}.lf-skill-graph.is-list{grid-template-columns:1fr}.is-list .lf-skill-node{width:100%;max-width:none}.lf-skill-layout{gap:1rem}}

/* Lines belong above the canvas and below the nodes. Cross-branch prerequisites stay quiet until selected. */
.lf-skill-edges{z-index:0}.lf-skill-node{z-index:1}.lf-skill-edges path{stroke-width:1.4;stroke:#827a9e88}.lf-skill-edges path.is-dependency{stroke:#827a9e38;stroke-dasharray:3 7}.lf-skill-edges path.is-selected{stroke:#8d64ff;stroke-width:2.4;opacity:1}.lf-skill-edges path.is-owned{stroke:#20aca6}.lf-skill-edges path.is-ready{stroke:#9673f7}
/* Sortierkisten: je Kiste eine Zeile mit Ort, Filter und Lösen; auf dem Handy untereinander. */
.lf-sortierkisten{display:grid;gap:.6rem}.lf-sortierkiste{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:.6rem;align-items:center;padding:.55rem .7rem;border-radius:.6rem;background:var(--lf-surface-2,rgba(255,255,255,.04))}
.lf-sortierkiste span{font-variant-numeric:tabular-nums}
@media (max-width:640px){.lf-sortierkiste{grid-template-columns:1fr}}
.lf-machine-settings select option{background:#191720;color:#f4f1ff}