.skillcalc-mount{min-height:720px}.sc-page{--sc-bg:#f5f4f2;--sc-card:#fff;--sc-card-soft:#faf9f7;--sc-line:#e7e3de;--sc-text:#242220;--sc-muted:#77716a;--sc-primary:#7c3aed;max-width:1460px;margin:0 auto;padding:22px 18px 52px;color:var(--sc-text)}.tw-dark .sc-page{--sc-bg:#111;--sc-card:#191919;--sc-card-soft:#1e1e1e;--sc-line:#303030;--sc-text:#f2f2f2;--sc-muted:#a7a7a7}.sc-page button{font:inherit}.sc-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;overflow:hidden;padding:34px 38px;border:1px solid var(--sc-line);border-radius:24px;background:radial-gradient(circle at 82% 15%,rgba(139,92,246,.14),transparent 27%),linear-gradient(135deg,var(--sc-card),var(--sc-card-soft));box-shadow:0 20px 55px #362b230f}.sc-hero:after{content:"";position:absolute;right:-35px;top:-80px;width:240px;height:240px;border:1px solid rgba(124,58,237,.13);border-radius:50%;box-shadow:0 0 0 28px #7c3aed09,0 0 0 62px #7c3aed06;pointer-events:none}.sc-hero-copy{position:relative;z-index:1;max-width:720px}.sc-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#8b5cf6;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sc-eyebrow span{width:24px;height:2px;border-radius:9px;background:#8b5cf6}.sc-hero h1{font-size:clamp(29px,3.4vw,48px);line-height:1.12;font-weight:900;letter-spacing:-.04em}.sc-hero p{max-width:650px;margin-top:14px;color:var(--sc-muted);font-size:15px;line-height:1.8}.sc-summary{position:relative;z-index:1;min-width:310px;padding:18px 20px;border:1px solid rgba(139,92,246,.18);border-radius:17px;background:color-mix(in srgb,var(--sc-card) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sc-summary>div:first-child{display:flex;flex-direction:column;gap:5px}.sc-summary span{color:var(--sc-muted);font-size:12px}.sc-summary strong{font-size:18px}.sc-summary-metrics{display:flex;gap:18px;margin-top:15px;padding-top:13px;border-top:1px solid var(--sc-line)}.sc-summary-metrics span{font-size:13px}.sc-summary-metrics b{color:#8b5cf6;font-size:16px}.sc-toolbar{position:sticky;z-index:30;top:64px;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);align-items:center;gap:22px;margin:14px 0;padding:12px 16px;border:1px solid var(--sc-line);border-radius:18px;background:color-mix(in srgb,var(--sc-card) 92%,transparent);box-shadow:0 12px 35px #2a231d12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sc-level{display:grid;grid-template-columns:auto minmax(100px,1fr) 42px;align-items:center;gap:13px}.sc-level>span{font-size:13px;font-weight:750}.sc-level input{width:100%;height:5px;border-radius:99px;appearance:none;background:linear-gradient(90deg,#8b5cf6,#c084fc)}.sc-level input::-webkit-slider-thumb{width:18px;height:18px;border:4px solid white;border-radius:50%;appearance:none;background:#8b5cf6;box-shadow:0 2px 8px #5b21b659}.sc-level strong{display:grid;place-items:center;height:34px;border:1px solid var(--sc-line);border-radius:9px;background:var(--sc-card-soft);font-size:14px}.sc-point-orb{display:flex;align-items:baseline;gap:4px;padding:7px 18px;border:1px solid rgba(139,92,246,.22);border-radius:14px;background:#8b5cf614;color:#7c3aed}.sc-point-orb span,.sc-point-orb small{font-size:11px;font-weight:750}.sc-point-orb strong{font-size:25px;line-height:1}.sc-point-orb.is-empty{border-color:#ef444433;background:#ef444414;color:#ef4444}.sc-toolbar-actions{display:flex;justify-content:flex-end;gap:9px}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 15px;border:1px solid var(--sc-line);border-radius:11px;font-size:13px;font-weight:750;transition:.2s ease}.sc-btn:hover{transform:translateY(-1px)}.sc-btn-soft{background:var(--sc-card-soft)}.sc-btn-primary{border-color:#7c3aed;background:#7c3aed;color:#fff;box-shadow:0 8px 18px #7c3aed33}.sc-tree-shell{overflow:hidden;border:1px solid var(--sc-line);border-radius:22px;background:var(--sc-card);box-shadow:0 18px 50px #2c251f0f}.sc-tree-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sc-tree{min-width:0;padding:20px}.sc-tree+.sc-tree{border-left:1px solid var(--sc-line)}.sc-tree-head{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:0 0 17px;border-bottom:1px solid var(--sc-line)}.sc-ability-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--sc-line));border-radius:15px;background:color-mix(in srgb,var(--accent) 12%,var(--sc-card));color:var(--accent);transition:.2s ease}.sc-ability-mark:hover{transform:rotate(-3deg) scale(1.04);background:color-mix(in srgb,var(--accent) 18%,var(--sc-card))}.sc-ability-mark span{font-size:20px;font-weight:900}.sc-tree-head>div:nth-child(2){min-width:0}.sc-tree-head small{display:block;color:var(--sc-muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sc-tree-title{display:flex;align-items:center;gap:6px;margin-top:1px;font-size:21px;font-weight:900}.sc-tree-title i{color:var(--accent);font-size:13px;font-style:normal}.sc-tree-count{text-align:right}.sc-tree-count strong{display:block;color:var(--accent);font-size:22px;line-height:1}.sc-tree-count span{color:var(--sc-muted);font-size:10px}.sc-section-label{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 10px}.sc-section-label>span{font-size:12px;font-weight:850;letter-spacing:.08em}.sc-section-label button,.sc-section-label small{color:var(--sc-muted);font-size:11px}.sc-section-label button:hover{color:var(--accent)}.sc-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sc-skill{display:grid;grid-template-columns:47px minmax(0,1fr);align-items:center;gap:9px;min-height:62px;padding:7px;border:1px solid var(--sc-line);border-radius:13px;background:var(--sc-card-soft);text-align:left;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.sc-skill:hover,.sc-skill:focus-visible{z-index:1;transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 55%,var(--sc-line));box-shadow:0 8px 20px #2c251f14}.sc-skill-icon{position:relative;display:grid;place-items:center;width:45px;height:45px;overflow:visible;border:2px solid color-mix(in srgb,var(--sc-line) 75%,#777);border-radius:11px;background:#292725;color:#fff}.sc-skill-icon img{width:100%;height:100%;border-radius:9px;object-fit:cover}.sc-skill-icon i{font-style:normal;font-weight:900}.sc-skill-icon b,.sc-skill-icon em{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:18px;height:18px;border:2px solid var(--sc-card);border-radius:50%;font-size:10px;font-style:normal}.sc-skill-icon b{background:var(--accent);color:#fff}.sc-skill-icon em{background:#726e69;color:#fff}.sc-skill-copy{min-width:0}.sc-skill-copy strong{display:block;overflow:hidden;color:var(--sc-text);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sc-skill-copy small{display:block;margin-top:3px;overflow:hidden;color:var(--sc-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.sc-skill.is-selected{border-color:color-mix(in srgb,var(--accent) 70%,var(--sc-line));background:color-mix(in srgb,var(--accent) 9%,var(--sc-card));box-shadow:inset 3px 0 0 var(--accent)}.sc-skill.is-selected .sc-skill-icon{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.sc-skill.is-level,.sc-skill.is-gate,.sc-skill.is-points{opacity:.48;filter:saturate(.35)}.sc-passive-label{margin-top:20px;padding-top:15px;border-top:1px dashed var(--sc-line)}.sc-passives{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.sc-passive{position:relative;display:grid;place-items:center;aspect-ratio:1;border:2px solid var(--sc-line);border-radius:11px;background:#292725;opacity:.38;filter:grayscale(1);transition:.2s}.sc-passive img{width:100%;height:100%;border-radius:8px;object-fit:cover}.sc-passive>span{color:#fff;font-weight:900}.sc-passive b{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:19px;height:19px;border:2px solid var(--sc-card);border-radius:50%;background:#69645e;color:#fff;font-size:9px}.sc-passive:hover{opacity:.72}.sc-passive.is-unlocked{border-color:var(--accent);opacity:1;filter:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}.sc-passive.is-unlocked b{background:var(--accent)}.sc-inspector-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);gap:14px;margin-top:14px}.sc-detail,.sc-combos{overflow:hidden;border:1px solid var(--sc-line);border-radius:18px;background:var(--sc-card);box-shadow:0 12px 35px #2a231d0d}.sc-detail{min-height:178px}.sc-detail-content{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;padding:22px}.sc-detail-icon{display:grid;place-items:center;width:76px;height:76px;border:3px solid var(--detail-accent);border-radius:18px;background:#292725;box-shadow:0 0 0 5px color-mix(in srgb,var(--detail-accent) 12%,transparent)}.sc-detail-icon img{width:100%;height:100%;border-radius:14px;object-fit:cover}.sc-detail-icon span{color:#fff;font-size:25px;font-weight:900}.sc-detail-kicker{color:var(--detail-accent);font-size:11px;font-weight:800;letter-spacing:.08em}.sc-detail-main h2{margin-top:2px;font-size:21px;font-weight:900}.sc-detail-main>p{display:-webkit-box;margin-top:7px;overflow:hidden;color:var(--sc-muted);font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.sc-detail-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.sc-detail-meta span{padding:4px 8px;border-radius:7px;background:var(--sc-card-soft);color:var(--sc-muted);font-size:10px}.sc-detail-meta span.is-active{background:#10b9811c;color:#10b981}.sc-detail-empty{display:flex;align-items:center;justify-content:center;gap:15px;min-height:178px;color:var(--sc-muted)}.sc-detail-empty>span{font-size:31px;color:#a78bfa}.sc-detail-empty strong{display:block;color:var(--sc-text);font-size:15px}.sc-detail-empty p{margin-top:4px;font-size:12px}.sc-combo-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 19px;border-bottom:1px solid transparent}.sc-combos.is-open .sc-combo-head{border-bottom-color:var(--sc-line)}.sc-combo-head>span{display:flex;align-items:center;gap:8px}.sc-combo-head i{color:#8b5cf6;font-size:20px;font-style:normal}.sc-combo-head b{font-size:14px}.sc-combo-head em{padding:2px 7px;border-radius:99px;background:#8b5cf61c;color:#8b5cf6;font-size:10px;font-style:normal}.sc-combo-head small{color:var(--sc-muted);font-size:10px}.sc-combo-list{max-height:265px;overflow:auto;padding:7px}.sc-combo-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:9px;border-radius:10px}.sc-combo-row:hover{background:var(--sc-card-soft)}.sc-combo-row>img,.sc-combo-row>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#292725;color:#fff;object-fit:cover}.sc-combo-row strong{font-size:11px}.sc-combo-row p{margin-top:2px;color:var(--sc-muted);font-size:10px;line-height:1.45}.sc-combo-empty{padding:31px 16px;color:var(--sc-muted);font-size:12px;text-align:center}.sc-state{display:grid;place-items:center;min-height:430px;margin-top:14px;border:1px solid var(--sc-line);border-radius:22px;background:var(--sc-card)}.sc-state strong{margin-top:14px;font-size:18px}.sc-state p{margin-top:-130px;color:var(--sc-muted);font-size:12px}.sc-loader{width:36px;height:36px;border:3px solid var(--sc-line);border-top-color:#8b5cf6;border-radius:50%;animation:sc-spin .75s linear infinite}.sc-state-error{color:#ef4444}.sc-modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#0c0a099e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sc-modal{width:min(760px,100%);max-height:min(720px,90vh);overflow:auto;border:1px solid var(--sc-line);border-radius:24px;background:var(--sc-card);box-shadow:0 30px 90px #00000059}.sc-modal header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 15px}.sc-modal header small{color:#8b5cf6;font-size:10px;font-weight:800;letter-spacing:.1em}.sc-modal header h2{font-size:24px;font-weight:900}.sc-modal header>button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sc-card-soft);color:var(--sc-muted);font-size:22px}.sc-ability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:9px 24px 24px}.sc-ability-grid>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:126px;padding:14px;border:1px solid var(--sc-line);border-radius:15px;background:var(--sc-card-soft);text-align:left;transition:.2s}.sc-ability-grid>button:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px #2a231d17}.sc-ability-grid>button>span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:9px;border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,var(--sc-card));color:var(--accent);font-weight:900}.sc-ability-grid strong{font-size:14px}.sc-ability-grid small{margin-top:3px;color:var(--sc-muted);font-size:9px}.sc-ability-grid i{position:absolute;right:9px;top:9px;padding:2px 6px;border-radius:6px;background:var(--accent);color:#fff;font-size:8px;font-style:normal}.sc-ability-grid>button.is-selected{border-color:color-mix(in srgb,var(--accent) 55%,var(--sc-line));background:color-mix(in srgb,var(--accent) 7%,var(--sc-card))}.sc-toast{position:fixed;z-index:1200;left:50%;bottom:28px;transform:translate(-50%);padding:11px 18px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#292524;color:#fff;font-size:12px;font-weight:750;box-shadow:0 14px 42px #0000004d}.sc-toast-enter-active,.sc-toast-leave-active{transition:.22s}.sc-toast-enter-from,.sc-toast-leave-to{transform:translate(-50%,10px);opacity:0}@keyframes sc-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.sc-tree-grid{overflow-x:auto;grid-template-columns:repeat(3,minmax(355px,1fr))}.sc-inspector-grid{grid-template-columns:1fr}.sc-toolbar{top:56px}.sc-hero{align-items:stretch;flex-direction:column}.sc-summary{min-width:0}}@media(max-width:760px){.sc-page{padding:12px 10px 32px}.sc-hero{padding:25px 20px;border-radius:19px}.sc-summary{display:none}.sc-toolbar{position:relative;top:auto;grid-template-columns:1fr auto;margin:10px 0;padding:10px}.sc-level{grid-column:1/-1}.sc-point-orb{padding:7px 12px}.sc-toolbar-actions{gap:6px}.sc-btn{padding:0 10px;font-size:11px}.sc-tree-shell{border-radius:17px}.sc-tree-grid{grid-template-columns:repeat(3,minmax(310px,86vw))}.sc-tree{padding:15px}.sc-skills{gap:6px}.sc-skill{grid-template-columns:43px minmax(0,1fr);min-height:58px}.sc-skill-icon{width:41px;height:41px}.sc-inspector-grid{grid-template-columns:1fr}.sc-detail-content{grid-template-columns:58px 1fr;padding:16px}.sc-detail-icon{width:58px;height:58px;border-radius:14px}.sc-detail-main>p{-webkit-line-clamp:4}.sc-ability-grid{grid-template-columns:repeat(2,1fr);padding:8px 15px 18px}.sc-modal header{padding:18px 17px 10px}}@media(max-width:390px){.sc-tree-grid{grid-template-columns:repeat(3,minmax(292px,88vw))}.sc-skills{grid-template-columns:1fr}.sc-passives{gap:5px}}.sc-hero,.sc-tree-shell,.sc-state,.sc-modal{border-radius:8px}.sc-summary,.sc-toolbar,.sc-detail,.sc-combos{border-radius:7px}.sc-btn,.sc-level strong,.sc-point-orb,.sc-ability-mark,.sc-skill,.sc-passive,.sc-detail-icon,.sc-ability-grid>button,.sc-toast{border-radius:6px}.sc-skill-icon,.sc-skill-icon img,.sc-passive img,.sc-detail-icon img,.sc-combo-row,.sc-combo-row>img,.sc-combo-row>span,.sc-ability-grid>button>span{border-radius:5px}.sc-detail-meta span,.sc-ability-grid i{border-radius:4px}@media(max-width:760px){.sc-hero,.sc-tree-shell{border-radius:8px}.sc-detail-icon{border-radius:6px}}