/* Gefährten 1.11.4 — scoped planner finish, aligned with premium-polish.css. */
.tb-page{--tb-gold:var(--dg-luxe-gold,#d5a965);--tb-light:var(--dg-luxe-light,#f1d7a2);--tb-dim:rgba(206,155,81,.32)}
.tb-page-hero{position:relative;text-align:center;padding:24px 22px 30px;background:radial-gradient(ellipse at 50% 0,rgba(172,119,54,.16),transparent 70%);border-bottom:1px solid var(--tb-dim)}
.tb-page-hero h1{color:var(--tb-light);text-shadow:0 3px 15px #000b,0 0 32px #d5a96522;letter-spacing:.035em}.tb-page-hero p{max-width:760px;margin-inline:auto}.tb-hero-ornament{display:block;color:var(--tb-gold);font-size:23px;text-shadow:0 0 20px #d5a96566;margin-bottom:16px}.tb-hero-ornament::before,.tb-hero-ornament::after{content:"";display:inline-block;width:min(18vw,150px);height:1px;vertical-align:middle;margin:0 20px;background:linear-gradient(90deg,transparent,#d5a965aa)}.tb-hero-ornament::after{transform:rotate(180deg)}
#talent-builder{--tb-gold:#d5a965;--tb-light:#f1d7a2;--tb-accent:#b88d56;isolation:isolate;margin-top:24px}
#talent-builder[data-class="8"]{--tb-accent:#8fbeca}#talent-builder[data-class="9"]{--tb-accent:#ad94ca}#talent-builder[data-class="11"]{--tb-accent:#bf8d50}#talent-builder[data-class="5"]{--tb-accent:#d6cbb8}#talent-builder[data-class="3"]{--tb-accent:#a1b08b}#talent-builder[data-class="2"]{--tb-accent:#c9a1b5}#talent-builder[data-class="7"]{--tb-accent:#839db9}
/* More specific than the portal's important panel material rules. */
.site-shell #talent-builder .panel{position:relative;border:1px solid #b28a4d66!important;border-radius:0!important;background:radial-gradient(ellipse at 100% 0,#a5743e18,transparent 65%),linear-gradient(135deg,#201c20d9,#10131de0)!important;box-shadow:0 25px 50px #0007,0 6px 16px #0005,inset 0 1px #f5d49b20,inset 0 -2px 14px #0004!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.tb-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:24px;border-top:2px solid #c9a469!important}.tb-toolbar label{display:grid;gap:8px;font-size:12px;letter-spacing:.05em;color:#cbb78e}.tb-toolbar input{max-width:82px}.tb-toolbar select{min-width:150px}.tb-toolbar strong{color:var(--tb-light);font-size:16px;padding:12px 14px;border-left:1px solid #b28a4d66;background:#b88d560b}.tb-toolbar .btn{white-space:normal}.tb-status{padding:4px 12px 4px 16px;border-left:2px solid #a880453e;color:#bfb5a3;font-size:13px;line-height:1.7;margin:20px 0}
.tb-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.tb-tree{padding:20px 14px 24px;min-width:0;box-sizing:border-box}.tb-tree-heading{text-align:center;position:relative;padding:6px 0 20px}.tb-tree-heading::before,.tb-tree-heading::after{content:"";position:absolute;top:17px;width:24%;height:1px;background:linear-gradient(90deg,transparent,#b8925266);pointer-events:none}.tb-tree-heading::before{left:0}.tb-tree-heading::after{right:0;transform:rotate(180deg)}.tb-ornament{display:block;font-size:20px;color:var(--tb-accent);text-shadow:0 0 18px color-mix(in srgb,var(--tb-accent) 40%,transparent);margin-bottom:12px}.tb-tree-heading .kicker{font-size:9px;letter-spacing:.21em;color:#ab9777}.tb-tree h2{font-size:23px;color:var(--tb-light);margin:8px 0;text-shadow:0 3px 9px #0009;letter-spacing:.025em}.tb-tree-count{font-size:11px;color:#b5a588}.tb-tree-meter{height:4px;background:#0007;margin:0 10px 24px;border:1px solid #b28a4d33}.tb-tree-meter>span{display:block;height:100%;background:linear-gradient(90deg,#79542c,var(--tb-accent),#f1d7a2);box-shadow:0 0 10px #d5a96544;transition:width .2s ease}
.tb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 7px;align-items:stretch}.tb-talent{position:relative;min-width:0;padding:6px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;border:1px solid #96734455;background:linear-gradient(145deg,#51433730,#11131b70);box-shadow:0 5px 12px #0007,inset 0 1px #f1d7a211;transition:border-color .18s,background .18s,box-shadow .18s}.tb-talent:hover,.tb-talent:focus-within{border-color:#d6b477aa;background:linear-gradient(145deg,#8d6c393b,#17151b99);box-shadow:0 6px 16px #0009,0 0 13px #d5a96517}.tb-active{border-color:#c49b5a99;background:linear-gradient(155deg,#a4793833,#19171de0)}.tb-max{border-color:#e5bf75;background:linear-gradient(155deg,#b88d564a,#201a1da0);box-shadow:0 7px 18px #0008,inset 0 0 18px #d8ab4811}.tb-changed{outline:1px solid #f5d69a77;outline-offset:2px}.tb-locked .tb-icon{filter:grayscale(.8);opacity:.48}.tb-locked .tb-talent-title{color:#a19b92}
.tb-name{font:inherit;font-size:11px;line-height:1.4;background:none;border:0;color:#e7d8bc;padding:3px 0;cursor:help;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:130px;width:100%;box-sizing:border-box}.tb-name:focus-visible{outline:2px solid #e6c279;outline-offset:3px}.tb-icon{width:48px;height:48px;display:block;border:1px solid #c6a56588;box-shadow:0 4px 10px #000b,0 0 0 3px #0004;object-fit:contain;transition:filter .18s,opacity .18s,border-color .18s}.tb-talent-title{display:block;max-width:100%;overflow-wrap:anywhere;text-shadow:0 2px 3px #000a}.tb-max .tb-icon{border-color:#f1d7a2;box-shadow:0 4px 12px #0009,0 0 12px #c69b3c44}.tb-ranks{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:2px;padding-top:7px;border-top:1px solid #b28a4d26}.tb-ranks span{color:#ecd1a0;font-weight:700;font-variant-numeric:tabular-nums}.tb-ranks button{background:linear-gradient(#6d502c55,#19191e);color:#ffe1a1;border:1px solid #a8864c77;cursor:pointer;width:24px;min-height:32px;padding:0;box-shadow:inset 0 1px #f1d7a21a}.tb-ranks button:hover:enabled{border-color:#efc77e;background:#6e522655}.tb-ranks button:disabled{opacity:.27;cursor:default}
.tb-benefits{margin:24px 0;padding:25px}.tb-benefits h2{margin-top:8px;color:var(--tb-light);font-size:24px;text-shadow:0 3px 9px #0008}.tb-bonus-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;max-height:320px;overflow:auto;scrollbar-color:#8b6a3d #16141b}.tb-bonus-group h3{font-size:15px;color:#d8b875;letter-spacing:.03em;padding-bottom:10px;border-bottom:1px solid #b28a4d44}.tb-active-bonus{padding:12px 0;border-bottom:1px solid #8a704326}.tb-active-bonus strong{font-size:13px;color:#e2cfa9}.tb-active-bonus p{font-size:13px;line-height:1.65;margin:6px 0;color:#c6c3bc}.tb-last-change{padding:16px 20px;background:linear-gradient(90deg,#a97c281f,transparent);border-left:2px solid #d0ad68;margin:18px 0}.tb-last-change strong{color:#f0d3a1}.tb-last-change p{font-size:13px;line-height:1.6;margin:8px 0}
.tb-hover-tip{position:fixed;z-index:10000;width:340px;max-width:calc(100vw - 32px);box-sizing:border-box;max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(140deg,#24202afc,#0e0f13fc);border:1px solid #c9a469;box-shadow:0 20px 50px #000c,inset 0 1px #f1d7a233;padding:20px;color:#ded7c8;pointer-events:none;font-size:13px;line-height:1.6}.tb-hover-tip[hidden]{display:none}.tb-hover-tip strong{display:block;color:#f2d28d;font-size:16px}.tb-hover-tip p{margin:10px 0;white-space:pre-wrap}.tb-tooltip{margin-top:25px;padding:24px;max-height:320px;overflow:auto;scrollbar-color:#8b6a3d #16141b}.tb-tooltip h3{color:var(--tb-light)}.tb-tooltip p{white-space:pre-wrap;font-size:14px;line-height:1.7}
@media(max-width:1100px){.tb-trees{grid-template-columns:1fr}.tb-tree{max-width:700px;width:100%;margin-inline:auto;padding:24px}.tb-grid{gap:14px}.tb-name{font-size:13px;min-height:120px}.tb-ranks button{width:34px;min-height:38px}}
@media(max-width:650px){.tb-page-hero{padding:18px 10px 24px}.tb-page-hero h1{font-size:28px}.tb-hero-ornament::before,.tb-hero-ornament::after{margin-inline:12px}.tb-toolbar{padding:18px;gap:14px}.tb-toolbar .btn{width:100%;box-sizing:border-box}.tb-toolbar strong{font-size:14px;padding:9px}.tb-benefits{padding:18px}.tb-benefits h2{font-size:21px}.tb-bonus-groups{grid-template-columns:1fr;max-height:280px}.tb-tree{padding:18px 10px}.tb-grid{gap:10px 5px}.tb-name{font-size:10px;min-height:132px;gap:9px}.tb-talent{padding:5px 3px}.tb-icon{width:40px;height:40px}.tb-ranks{font-size:10px}.tb-ranks button{width:24px;min-height:36px}.tb-tree h2{font-size:23px}.tb-tooltip{padding:18px}}
@media(prefers-reduced-motion:reduce){#talent-builder *,#talent-builder *::before,#talent-builder *::after{transition:none!important}}