@font-face{font-family:TC-Tree-Display;src:url(/tree/fonts/Cinzel-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:TC-Tree-UI;src:url(/tree/fonts/AlegreyaSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:TC-Tree-UI;src:url(/tree/fonts/AlegreyaSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:TC-Tree-Flavour;src:url(/tree/fonts/EBGaramond-VF.ttf) format("truetype");font-display:swap}.skill-tree{position:relative;isolation:isolate;max-width:1600px;margin:0 auto 48px;border:1px solid var(--CanvasGoldDim);background:var(--CanvasBg);color:var(--CanvasText);font:12pt TC-Tree-UI,sans-serif}.tree-shell{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.tree-header{display:grid;grid-template-columns:1fr auto;gap:8px 26px;padding:20px 30px 16px}.tree-eyebrow{font:700 11pt TC-Tree-Display,serif;letter-spacing:.42em;color:var(--CanvasGoldDim);margin:0 0 6px}.tree-header h2{font:700 32pt/1.3 TC-Tree-Display,serif;letter-spacing:.04em;color:var(--CanvasGold);margin:0}.tree-tagline{font:14pt TC-Tree-Flavour,serif;letter-spacing:.025em;color:var(--CanvasMuted);margin:5px 0 0}.tree-view-label{display:flex;flex-direction:column;align-items:end;color:var(--CanvasMuted);font-size:12pt}.tree-view-label strong{font:700 18pt TC-Tree-Display,serif;color:var(--CanvasGold)}.tree-rule{height:5px;background:var(--CanvasLine);grid-column:1 / -1;margin-top:6px}.tree-stats{color:var(--CanvasMuted);font-size:12pt;white-space:pre-wrap;margin:0}.tree-reference-note{font-size:12pt;text-align:right;color:var(--CanvasGold);margin:0}.tree-tools{padding:8px 30px;border-block:1px solid var(--CanvasLine);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}.tree-tools a{color:var(--CanvasGoldPale);text-decoration:underline;text-underline-offset:3px}.tree-tools [data-tree-controls]:not([hidden]){display:flex;align-items:center;gap:6px}.tree-tools button,.tree-close{cursor:pointer;border:1px solid var(--CanvasLine);border-radius:3px;padding:7px 12px;min-width:44px;min-height:44px;background:var(--CanvasCard);color:var(--CanvasText);font:700 12pt TC-Tree-UI,sans-serif}.tree-tools button:hover,.tree-close:hover{background:var(--CanvasCardHi);border-color:var(--CanvasGold)}.tree-tools button:disabled{opacity:.5;cursor:default}.tree-tools output{min-width:45px;text-align:center}.tree-viewport{height:610px;overflow:auto;position:relative;background:var(--CanvasBg) url(/tree/ClassTreeCanvas.svg) center / cover;overscroll-behavior:contain;cursor:grab;scrollbar-color:var(--CanvasGoldDim) var(--CanvasBg);scrollbar-width:thin}.tree-viewport[data-dragging]{cursor:grabbing;user-select:none}.tree-space{position:relative;margin:20px auto}.tree-stage{position:absolute;left:0;top:0;transform-origin:top left}.tree-edges{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}.tree-edge{stroke:var(--CanvasGoldDim);stroke-width:2;fill:none}.tree-edge.tree-trunk{stroke:var(--CanvasGold);stroke-width:3}.tree-edge[data-highlighted]{stroke:var(--CanvasGoldPale)}.tree-node{display:flex;flex-direction:column;align-items:center;position:absolute;color:var(--CanvasText);text-decoration:none;outline-offset:3px}.tree-icon{position:relative;display:block;flex:none;width:calc(var(--tile) + 16px);height:calc(var(--tile) + 16px)}.tree-frame{position:absolute;left:8px;top:8px;width:var(--tile);height:var(--tile);filter:drop-shadow(0 6px 5px #0008)}.tree-art{position:absolute;inset:14px;width:calc(var(--tile) - 12px);height:calc(var(--tile) - 12px);border-radius:9px;object-fit:cover}.tree-core-corners{position:absolute;left:8px;top:8px;fill:none;stroke:var(--CanvasGold);stroke-width:2;pointer-events:none}.tree-type-bar{position:absolute;bottom:8px;left:calc(var(--tile) * .12 + 8px);right:calc(var(--tile) * .12 + 8px);height:3px;background:var(--type-color)}.tree-cost,.tree-exclusive{position:absolute;top:0;min-width:22px;height:22px;padding:0 5px;border-radius:11px;display:grid;place-items:center;font:700 11pt/1 TC-Tree-UI,sans-serif}.tree-cost{right:0;color:var(--CanvasPanel);background:var(--CanvasGold)}.tree-exclusive{left:0;color:var(--CanvasText);background:var(--Red)}.tree-pips{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);fill:none;stroke:var(--CanvasLine);stroke-width:1.5;overflow:visible}.tree-node-label{display:block;width:max-content;max-width:var(--label);height:36px;margin-top:8px;padding:1px 7px 2px;border-radius:7px;background:var(--CanvasBg);text-align:center;font:700 13pt/1.05 TC-Tree-UI,sans-serif;overflow:hidden}.tree-node:hover,.tree-node:focus-visible{transform:translateY(-4px);color:var(--CanvasGoldPale)}.tree-node:hover .tree-icon:after,.tree-node:focus-visible .tree-icon:after,.tree-node[data-highlighted] .tree-icon:after,.tree-node[data-exclusive-highlight] .tree-icon:after{content:"";position:absolute;inset:8px;border:2px solid var(--CanvasGold);border-radius:14px;pointer-events:none}.tree-node[data-exclusive-highlight] .tree-icon:after{border-color:var(--Red)}.tree-core .tree-icon,.tree-node:hover .tree-icon{filter:drop-shadow(0 0 12px #f0c24418)}.tree-ultimate .tree-icon{filter:drop-shadow(0 0 18px #f0c24426)}.tree-level{position:absolute;width:100%;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 24px;pointer-events:none;height:26px}.tree-level:before,.tree-level:after{content:"";height:1px;flex:1;background:var(--CanvasLine)}.tree-level span{background:var(--CanvasBg);border:1px solid var(--CanvasLine);border-radius:7px;padding:3px 12px;color:var(--CanvasMuted);font:700 11pt TC-Tree-Display,serif;letter-spacing:.34em}.tree-footer{padding:11px 20px;color:var(--CanvasMuted);font-size:11pt;text-align:center;letter-spacing:.1em;background:var(--CanvasBg)}.tree-footer span{font-size:11pt;letter-spacing:normal}.tree-tooltip,.tree-dialog{color:var(--CanvasText);background:var(--CanvasCardHi);border:1px solid var(--CanvasGoldDim);border-radius:14px;padding:16px;font:12pt/1.4 TC-Tree-UI,sans-serif;box-shadow:0 12px 40px #0008}.tree-tooltip{position:fixed;width:374px;max-width:calc(100vw - 24px);z-index:60;pointer-events:none;max-height:calc(100dvh - 24px);overflow:hidden}.tree-tooltip h3,.tree-dialog h3{color:var(--CanvasGoldPale);font:700 17pt/1.2 TC-Tree-UI,sans-serif;text-transform:uppercase;margin:0 0 4px}.tree-detail-meta{color:var(--CanvasMuted);text-transform:uppercase;font:700 10pt TC-Tree-UI,sans-serif;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--CanvasLine)}.tree-detail-description{white-space:pre-line}.tree-detail-scaling{color:var(--CanvasGoldPale);white-space:pre-line;font-weight:700;margin-top:8px}.tree-detail-requirements{margin-top:10px;font-size:11pt}.tree-detail-requirements p{margin-top:4px}.tree-detail-requirements strong{color:var(--CanvasMuted)}.tree-detail-requirements .tree-required{color:var(--CanvasSuccess)}.tree-detail-requirements .tree-exclusive-names{color:var(--Red)}.tree-dialog{margin:auto;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto}.tree-dialog::backdrop{background:#000b}.tree-close{display:block;margin:0 0 16px auto}.skill-tree :focus-visible{outline:2px solid var(--CanvasGoldPale);outline-offset:3px}@media(max-width:640px){.skill-tree{margin-inline:8px}.tree-header{padding:18px 14px 14px;grid-template-columns:1fr;gap:8px}.tree-header h2{font-size:24pt;overflow-wrap:anywhere}.tree-eyebrow{font-size:9pt}.tree-view-label{align-items:start;flex-direction:row;gap:10px;flex-wrap:wrap;font-size:11pt}.tree-view-label strong{font-size:11pt}.tree-reference-note{text-align:left}.tree-tools{padding:8px 14px}.tree-viewport{height:520px}.tree-footer{padding:12px;letter-spacing:normal}}@media(prefers-reduced-motion:reduce){.tree-node:hover,.tree-node:focus-visible{transform:none}}[data-astro-cid-5xr6p7lt][data-skill-card],#skill-reference[data-astro-cid-5xr6p7lt]{scroll-margin-top:10rem}.resource-panel[data-astro-cid-5xr6p7lt]{display:flex;align-items:center;gap:1.5rem;padding:1.75rem;border:1px solid color-mix(in srgb,var(--class-color) 45%,#263344);border-radius:1rem;background:linear-gradient(120deg,#19212e,#0c111b)}.resource-panel[data-astro-cid-5xr6p7lt] img{flex-shrink:0;border:1px solid var(--class-color);border-radius:.6rem}.ability-card[data-astro-cid-5xr6p7lt]{border:1px solid #303946;border-radius:.8rem;background:linear-gradient(140deg,#1b2230,#10151f);overflow:hidden;box-shadow:0 8px 24px #0003}.ability-card[data-astro-cid-5xr6p7lt]:hover,.ability-card[data-astro-cid-5xr6p7lt][open]{border-color:color-mix(in srgb,var(--class-color) 60%,#303946)}.ability-card[data-astro-cid-5xr6p7lt] summary[data-astro-cid-5xr6p7lt]{display:flex;align-items:center;gap:1rem;padding:1.15rem;cursor:pointer;list-style:none}.ability-card[data-astro-cid-5xr6p7lt] summary[data-astro-cid-5xr6p7lt]::-webkit-details-marker{display:none}.ability-card[data-astro-cid-5xr6p7lt] summary[data-astro-cid-5xr6p7lt]:focus-visible{outline:2px solid var(--class-color);outline-offset:-3px}.ability-art[data-astro-cid-5xr6p7lt]{flex-shrink:0;width:76px;padding:3px;border:1px solid color-mix(in srgb,var(--class-color) 60%,#303946);background:#080c13;border-radius:.5rem;box-shadow:0 0 18px color-mix(in srgb,var(--class-color) 12%,transparent)}.ability-art[data-astro-cid-5xr6p7lt] img{width:100%;height:auto;aspect-ratio:1;border-radius:.3rem}.ability-kind[data-astro-cid-5xr6p7lt]{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.6rem;color:#b6bfce;margin-bottom:.25rem}.ability-name[data-astro-cid-5xr6p7lt]{font-family:Cinzel,serif;font-weight:700;color:var(--class-color);overflow-wrap:anywhere}.ability-toggle[data-astro-cid-5xr6p7lt]{margin-left:auto;color:#d8b35d;font-size:1.3rem}[data-astro-cid-5xr6p7lt][open] .ability-toggle[data-astro-cid-5xr6p7lt]{transform:rotate(45deg)}.ability-body[data-astro-cid-5xr6p7lt]{padding:1.4rem;border-top:1px solid #303946;background:#090e1680}@media(max-width:480px){.resource-panel[data-astro-cid-5xr6p7lt]{flex-direction:column;align-items:flex-start;padding:1.25rem}.ability-art[data-astro-cid-5xr6p7lt]{width:56px}.ability-card[data-astro-cid-5xr6p7lt] summary[data-astro-cid-5xr6p7lt]{gap:.7rem;padding:.9rem}}