@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Source+Code+Pro:wght@400&display=swap";:root{--bg: #1a0a0f;--panel: #2d2318;--panel-dark: #1f1812;--panel-light: #3d3328;--panel-glaze: #251c11;--gold: #c9a227;--gold-bright: #e8c84a;--gold-deep: #8a6f1c;--blood: #8b1e3f;--blood-bright: #b13355;--ink: #f4e4bc;--ink-soft: #d9c79a;--ink-faded: #a89060;--ink-muted: #6b5a40;--rule: #5a4a30;--rule-strong: #8a6f1c;--rule-gold: #c9a227;--success: #2d5a3d;--success-glow: #4a8b62;--danger: #cc4444;--warning: #8b6914;--warning-glow: #c79a2a;--info: #4a2c6a;--info-glow: #7a5a9a;--c-warrior: #8b3a3a;--c-mage: #4a4a8b;--c-rogue: #4a4a4a;--c-cleric: #8b8a6a;--c-ranger: #4a6a4a;--c-necro: #5a3a6a;--f-display: "Cinzel", "Trajan Pro", serif;--f-body: "Crimson Text", "EB Garamond", Georgia, serif;--f-mono: "Source Code Pro", "Menlo", monospace;--radius: 2px;--radius-md: 4px}.parchment{background-color:#1f1812;background-image:radial-gradient(ellipse at 20% 10%,rgba(201,162,39,.06) 0%,transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(139,30,63,.05) 0%,transparent 55%),repeating-linear-gradient(0deg,rgba(201,162,39,.012) 0px,rgba(201,162,39,.012) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(139,111,28,.015) 0px,rgba(139,111,28,.015) 1px,transparent 1px,transparent 5px)}.parchment-cream{background-color:#efe1bd;color:#2a1f12;background-image:radial-gradient(ellipse at 30% 20%,rgba(139,111,28,.18) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(120,80,30,.12) 0%,transparent 55%),radial-gradient(circle at 15% 65%,rgba(80,50,20,.1) 0%,transparent 25%),radial-gradient(circle at 88% 30%,rgba(80,50,20,.08) 0%,transparent 18%),repeating-linear-gradient(0deg,rgba(80,50,20,.025) 0px,rgba(80,50,20,.025) 1px,transparent 1px,transparent 4px)}.corner-ornament{position:absolute;width:22px;height:22px;border:1.5px solid var(--gold);pointer-events:none}.corner-ornament.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.corner-ornament.tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.corner-ornament.bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.corner-ornament.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.gilded-scroll::-webkit-scrollbar{width:10px;height:10px}.gilded-scroll::-webkit-scrollbar-track{background:var(--panel-dark)}.gilded-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-deep),var(--rule));border:2px solid var(--panel-dark);border-radius:0}.gilded-scroll::-webkit-scrollbar-thumb:hover{background:var(--gold)}::selection{background:var(--gold);color:var(--bg)}.ui-next-root{width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}.slot-unallocated{opacity:.35;filter:saturate(0) brightness(.5)}.slot-unlocked{opacity:.7;filter:saturate(.6) drop-shadow(0 0 4px rgba(100,180,255,.5))}.slot-allocated{opacity:1;filter:saturate(1.2) brightness(1.3) drop-shadow(0 0 8px rgba(255,215,0,1))}.connection-dim{stroke:var(--rule-soft, #4a4035);stroke-width:2;stroke-linecap:round;opacity:.4}.connection-lit{stroke:var(--gold-soft, #c9a84c);stroke-width:2.5;stroke-linecap:round;opacity:.7}.connection-bright{stroke:var(--gold-bright, #ffd700);stroke-width:3;stroke-linecap:round;opacity:1;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.passive-tree-container{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-deep, #1a1510)}.passive-tree-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(to bottom,#1a1510f2,#1a151000);pointer-events:none}.passive-tree-header>*{pointer-events:auto}.passive-tree-info-panel{position:absolute;bottom:16px;left:16px;z-index:10;min-width:240px;max-width:320px;padding:12px 16px;background:var(--bg-panel, rgba(26, 21, 16, .92));border:1px solid var(--rule-strong, #6b5a3e);border-radius:4px;pointer-events:auto}.passive-tree-controls{position:absolute;bottom:16px;right:16px;z-index:10;display:flex;flex-direction:column;gap:8px}.passive-tree-controls button{width:36px;height:36px;border:1px solid var(--rule-strong, #6b5a3e);border-radius:4px;background:var(--bg-panel, rgba(26, 21, 16, .92));color:var(--ink, #e8dcc8);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.passive-tree-controls button:hover{border-color:var(--gold-bright, #ffd700);background:#ffd70014}.passive-tree-svg{width:100%;height:100%;cursor:grab;user-select:none;-webkit-user-select:none}.passive-tree-svg:active{cursor:grabbing}.slot-hit-area{fill:transparent;cursor:pointer}.slot-element{transition:opacity .12s ease,filter .12s ease}.slot-selected circle,.slot-selected rect{stroke:var(--gold-bright, #ffd700);stroke-width:2}.slot-hovered circle,.slot-hovered rect{stroke:var(--gold-soft, #c9a84c);stroke-width:1.5}.slot-hovered.slot-unlocked{filter:saturate(1) drop-shadow(0 0 6px rgba(255,215,0,.6));opacity:1}.slot-selected.slot-allocated{filter:saturate(1) drop-shadow(0 0 8px rgba(255,215,0,.9))}.cluster-frame{fill:none;stroke:var(--rule-soft, #4a4035);stroke-width:1;stroke-dasharray:4 2;opacity:.3}.class-region-bg{opacity:.15}.passive-tree-info-empty{color:var(--ink-soft, #8b7355);text-align:center;margin:.5rem 0;font-style:italic}.passive-tree-info-content{display:flex;flex-direction:column;gap:6px}.passive-tree-info-row{display:flex;justify-content:space-between;gap:12px}.passive-tree-info-label{color:var(--ink-soft, #8b7355);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.passive-tree-info-value{color:var(--ink, #e8dcc8);font-size:13px}.passive-tree-back-btn,.passive-tree-respec-btn{padding:6px 12px;border:1px solid var(--rule-strong, #6b5a3e);border-radius:4px;background:var(--bg-panel, rgba(26, 21, 16, .92));color:var(--ink, #e8dcc8);font-size:13px;cursor:pointer;transition:border-color .15s}.passive-tree-back-btn:hover{border-color:var(--gold-bright, #ffd700)}.passive-tree-respec-btn:disabled{opacity:.4;cursor:not-allowed}.passive-tree-header-center{display:flex;align-items:center;gap:10px}.passive-tree-class-glyph{font-size:22px}.passive-tree-hero-name{font-family:var(--f-display, serif);font-size:18px;color:var(--ink, #e8dcc8)}.passive-tree-point-counter{font-size:13px;color:var(--ink-soft, #8b7355);padding:4px 8px;border:1px solid var(--rule-soft, #4a4035);border-radius:3px}.passive-tree-canvas{position:absolute;inset:0}.passive-tree-ctrl-btn{width:36px;height:36px}.passive-tree-ctrl-btn[aria-pressed=true]{background:var(--gold-soft, #c9a84c);color:#1a1a1a;border-color:var(--gold-soft, #c9a84c);font-weight:700}.ascendancy-screen{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:1rem;background-color:var(--bg);background-image:url(../assets/ui/backgrounds/bg_specialization.png);background-size:cover;background-position:center;color:var(--ink);font-family:var(--f-body);position:relative;overflow-y:auto}.ascendancy-screen:before{content:"";position:absolute;inset:0;background:#0006;pointer-events:none}.ascendancy-screen>*{position:relative;z-index:1}.ascendancy-back-btn{align-self:flex-start;background:var(--panel-dark);border:1px solid var(--gold);color:var(--gold);padding:.4rem .9rem;cursor:pointer;font-family:var(--f-body);font-size:.9rem;border-radius:var(--radius-md);margin-bottom:.8rem;transition:background .15s}.ascendancy-back-btn:hover{background:var(--panel-light)}.ascendancy-error{color:var(--danger);font-style:italic}.ascendancy-selection{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.ascendancy-selection-title{font-family:var(--f-display);font-size:1.6rem;font-weight:600;color:var(--gold-bright);margin-bottom:1.2rem;text-shadow:0 2px 8px rgba(0,0,0,.6)}.ascendancy-level-msg{font-style:italic;color:var(--ink-faded);margin-top:2rem;font-size:1.1rem}.ascendancy-cards{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.ascendancy-card{background:var(--panel);border:2px solid var(--rule);border-radius:var(--radius-md);padding:1.4rem 1.2rem;width:210px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .15s,border-color .15s,box-shadow .15s}.ascendancy-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 4px 16px #c9a22733}.ascendancy-card-locked{opacity:.5;pointer-events:none}.ascendancy-card-locked:hover{transform:none;border-color:var(--rule);box-shadow:none}.ascendancy-card-icon{font-size:2.8rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.ascendancy-card-name{font-family:var(--f-display);font-size:1.15rem;font-weight:600;color:var(--gold-bright);margin:0 0 .5rem}.ascendancy-card-desc{font-size:.8rem;color:var(--ink-soft);margin:0 0 .7rem;flex:1;line-height:1.4}.ascendancy-card-preview{list-style:none;padding:0;margin:0 0 .8rem;font-size:.75rem;color:var(--ink-faded);width:100%;text-align:left}.ascendancy-card-preview li{padding:.15rem 0}.ascendancy-card-preview li:before{content:"◆ ";color:var(--gold-deep)}.ascendancy-card-lock-reason{font-size:.75rem;color:var(--danger);font-style:italic}.ascendancy-choose-btn{background:var(--success);color:var(--ink);border:2px solid var(--gold);border-radius:var(--radius-md);padding:.5rem 1.4rem;font-family:var(--f-body);font-weight:700;font-size:.9rem;cursor:pointer;transition:background .15s,transform .1s}.ascendancy-choose-btn:hover{background:var(--success-glow);transform:scale(1.03)}.ascendancy-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.ascendancy-modal{background:var(--panel-dark);border:2px solid var(--gold);border-radius:var(--radius-md);padding:2rem;text-align:center;max-width:340px;position:relative}.ascendancy-modal h3{font-family:var(--f-display);color:var(--gold-bright);margin:0 0 .8rem;font-size:1.3rem}.ascendancy-modal-warning{color:var(--danger);font-weight:700;margin:0 0 1.4rem;font-size:.95rem}.ascendancy-modal-actions{display:flex;gap:1rem;justify-content:center}.ascendancy-modal-confirm{background:var(--success);color:var(--ink);border:2px solid var(--gold);border-radius:var(--radius-md);padding:.5rem 1.4rem;font-family:var(--f-body);font-weight:700;cursor:pointer;transition:background .15s}.ascendancy-modal-confirm:hover{background:var(--success-glow)}.ascendancy-modal-cancel{background:none;border:1px solid var(--rule);color:var(--ink-soft);border-radius:var(--radius-md);padding:.5rem 1.4rem;font-family:var(--f-body);cursor:pointer;transition:border-color .15s}.ascendancy-modal-cancel:hover{border-color:var(--ink-faded)}.ascendancy-tree{display:flex;flex-direction:column;align-items:center;width:100%;flex:1}.ascendancy-tree-layout{position:relative;display:flex;align-items:flex-start;justify-content:center;width:100%;flex:1}.ascendancy-point-counter{font-family:var(--f-display);font-size:1.1rem;color:var(--gold-bright);margin-bottom:.6rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}.ascendancy-tree-svg{display:block;flex:1;max-width:500px;height:auto}.tree-connection{stroke-width:2;stroke-linecap:round}.connection-allocated{stroke:var(--gold);stroke-width:3;filter:drop-shadow(0 0 3px rgba(201,162,39,.5))}.connection-locked{stroke:var(--rule)}.tree-node{cursor:pointer}.node-hex{fill:var(--panel);stroke:var(--rule);stroke-width:1.5;transition:fill .2s,stroke .2s,filter .2s}.node-label{font-size:7px;fill:var(--ink-soft);font-family:var(--f-body);pointer-events:none}.node-allocated .node-hex{fill:var(--panel-light);stroke:var(--gold);stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(201,162,39,.6))}.node-allocated .node-label{fill:var(--gold-bright)}.node-allocatable .node-hex{fill:var(--panel-dark);stroke:var(--gold-bright);stroke-width:2;animation:pulse-glow 2s ease-in-out infinite}.node-allocatable .node-label{fill:var(--ink)}.node-locked .node-hex{fill:var(--panel-dark);stroke:var(--rule);opacity:.5}.node-locked .node-label{fill:var(--ink-muted)}.node-selected .node-hex{stroke:var(--ink);stroke-width:3}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 2px rgba(201,162,39,.2))}50%{filter:drop-shadow(0 0 8px rgba(201,162,39,.6))}}.ascendancy-info-panel{background:var(--panel);border:2px solid var(--gold);border-radius:var(--radius-md);padding:1.2rem;width:240px;position:absolute;left:0;top:0}.ascendancy-info-panel:before,.ascendancy-info-panel:after{content:"";position:absolute;width:14px;height:14px;border:1.5px solid var(--gold);pointer-events:none}.ascendancy-info-panel:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.ascendancy-info-panel:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.info-panel-name{font-family:var(--f-display);color:var(--gold-bright);margin:0 0 .3rem;font-size:1.1rem}.info-panel-flavour{color:var(--ink-faded);font-size:.8rem;font-style:italic;margin:0 0 .6rem}.info-panel-effects{list-style:disc;padding-left:1.2rem;margin:0 0 .6rem;font-size:.85rem;color:var(--ink-soft)}.info-panel-effects li{margin-bottom:.2rem}.info-panel-cost{font-size:.8rem;color:var(--ink-faded);margin:0 0 .5rem}.info-panel-state{color:var(--success-glow);font-weight:700}.info-panel-reason{font-size:.8rem;color:var(--danger);font-style:italic;margin:0 0 .4rem}.ascendancy-allocate-btn{background:var(--success);color:var(--ink);border:2px solid var(--gold);border-radius:var(--radius-md);padding:.5rem 1rem;font-family:var(--f-body);font-weight:700;cursor:pointer;width:100%;font-size:.9rem;transition:background .15s,transform .1s}.ascendancy-allocate-btn:hover:not(:disabled){background:var(--success-glow);transform:scale(1.02)}.ascendancy-allocate-btn:disabled{background:var(--panel-dark);border-color:var(--rule);color:var(--ink-muted);cursor:not-allowed}.ascendancy-trial-strip{display:flex;gap:.8rem;margin-top:1.5rem;padding:1rem 1.2rem;background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:center}.trial-slot{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .7rem;border-radius:var(--radius-md);min-width:80px}.trial-label{font-family:var(--f-display);font-size:.75rem;font-weight:600;color:var(--ink)}.trial-level{font-size:.65rem;color:var(--ink-faded);font-family:var(--f-mono)}.trial-status{font-size:1.2rem}.trial-complete{background:#2d5a3d4d;border:1px solid var(--success-glow)}.trial-eligible{background:#8b691433;border:1px solid var(--warning-glow)}.trial-locked{background:#2d231866;border:1px solid var(--rule);opacity:.6}.trial-begin-btn{background:var(--warning);color:var(--ink);border:1px solid var(--gold);border-radius:var(--radius);padding:.3rem .7rem;font-family:var(--f-body);font-size:.7rem;font-weight:700;cursor:pointer;transition:background .15s}.trial-begin-btn:hover{background:var(--warning-glow)}