@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080610;--panel:#141020;--line:#49335f;--purple:#ad80ff;--red:#d9445b;--text:#eee8fa;--muted:#a79ab7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#42215b 0,transparent 55%),repeating-linear-gradient(120deg,transparent 0 130px,#ae71ff08 131px 132px),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}body:before{content:'ᚷ ᛟ ᚱ ᛉ ᛋ ᚨ ᛞ ᛟ ᚷ';position:fixed;top:0;right:20px;writing-mode:vertical-rl;letter-spacing:30px;color:#b55bff18;font-size:32px;pointer-events:none}.wrap{max-width:1250px;margin:auto;padding:32px 22px}header{border-bottom:1px solid #67417b;padding-bottom:25px;display:flex;align-items:center;gap:22px}.seal{height:78px;width:78px;border:2px solid #aa76ea;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 24px #9e50d644}.seal span{transform:rotate(-45deg);font-size:37px;color:#d3a2ff}h1,h2,h3{font-family:Cinzel,Georgia,serif}h1{font-size:clamp(24px,4vw,42px);margin:0;letter-spacing:3px}header p{color:var(--muted);letter-spacing:2px;font-size:11px;text-transform:uppercase}.accent{color:#c293ff}.intro{margin:30px 0;color:#b9abc7;line-height:1.7}.toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:22px}input{background:#130f1c;border:1px solid #5a4071;border-radius:6px;color:white;padding:14px;min-width:260px;flex:1;font:inherit}button{font:inherit;cursor:pointer}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 28px}.tab{background:#171021;border:1px solid #503362;color:#c7b8d7;border-radius:5px;padding:10px 13px;font-size:12px}.tab.active,.tab:hover{background:#402354;border-color:#bc7aff;color:white;box-shadow:0 0 15px #a557ff22}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #4d335e;margin-bottom:20px}.heading h2{font-size:22px}.count{color:#a99cb7;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:15px}.power{background:linear-gradient(145deg,#1d1429,#110d1a);border:1px solid #483059;border-top:2px solid #9a65da;border-radius:7px;padding:18px;min-height:150px;text-align:left;color:inherit;transition:.2s;position:relative;overflow:hidden}.power:after{content:'ᛟ';position:absolute;right:10px;bottom:-24px;font-size:92px;color:#b16cfb0c}.power:hover{transform:translateY(-3px);border-color:#bd8dff;box-shadow:0 10px 35px #8f42ce22}.power.sith{border-top-color:#d94259}.power h3{font-size:16px;margin:12px 0 18px;line-height:1.4}.meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.tag{color:#e9c7ff;border:1px solid #6c4a8a;padding:5px 7px;border-radius:3px}.sith .tag{color:#ff8796;border-color:#883a4b}.acquired{color:#b1e0b9;font-weight:700;letter-spacing:1px}.empty{color:var(--muted);padding:25px}.modal{position:fixed;inset:0;background:#030206d9;display:none;place-items:center;padding:20px;z-index:10}.modal.show{display:grid}.dialog{width:min(550px,100%);background:linear-gradient(145deg,#23152f,#100c17);border:1px solid #8c56af;padding:28px;border-radius:9px;box-shadow:0 0 90px #8f3fd22b;position:relative}.dialog h2{margin-top:0}.close{position:absolute;right:15px;top:12px;background:none;border:0;color:white;font-size:25px}.details{color:#c1b4cf;line-height:1.8}.details b{color:#e8d2ff}.foot{margin:45px 0 5px;text-align:center;color:#806e90;font-size:11px;letter-spacing:3px}@media(max-width:550px){.wrap{padding:20px 14px}.seal{height:54px;width:54px;flex-shrink:0}.seal span{font-size:25px}header{gap:17px}.power{min-height:125px}}

[hidden]{display:none!important}.welcome{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at center,#371548 0%,#13091f 42%,#06040c 85%)}.welcome-inner{text-align:center;max-width:720px;border:1px solid #75448c;padding:clamp(32px,6vw,80px) clamp(22px,6vw,65px);background:linear-gradient(145deg,#2b163854,#0d0717c9);box-shadow:0 0 100px #7e25a328,inset 0 0 50px #9c4adb0d;position:relative}.welcome-inner:before,.welcome-inner:after{content:'ᚷ ᛟ ᚱ ᛉ ᛋ';position:absolute;left:10px;right:10px;text-align:center;letter-spacing:16px;color:#b77bf866;font-size:15px}.welcome-inner:before{top:10px}.welcome-inner:after{bottom:10px}.welcome-sigil{font-size:88px;color:#c287ff;text-shadow:0 0 35px #9d46ed}.eyebrow{font-size:11px;letter-spacing:4px;color:#b888d8}.welcome-inner h1{font-size:clamp(29px,5vw,49px);margin:26px 0}.welcome-inner>p:not(.eyebrow){line-height:1.9;color:#c2afce}.enter{margin:28px auto;background:linear-gradient(100deg,#5b297c,#862b58);color:#fff;border:1px solid #b77ce7;padding:17px 28px;letter-spacing:2px;font-size:12px}.enter:hover{box-shadow:0 0 25px #a450d077}.welcome-inner small{display:block;margin-top:22px;color:#9564b0;letter-spacing:7px}.tree{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:24px}.discipline{background:#120b1bc9;border:1px solid #543263;padding:20px;border-radius:8px}.discipline-title{font-size:18px;margin:0 0 20px;color:#d3a6ff;border-bottom:1px solid #633c73;padding-bottom:13px}.branch{display:flex;flex-direction:column;align-items:center}.tree-item{width:min(100%,330px);position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:22px}.tree-item:not(:last-child):after{content:'';position:absolute;bottom:0;height:22px;width:1px;background:linear-gradient(#ac74ec,#b62c58)}.tree-rank{font-size:9px;color:#947da5;letter-spacing:2px;margin-bottom:7px}.tree-item .power{width:100%;min-height:110px}.tree-item .power h3{margin:10px 0}.tree-item .power .meta{font-size:11px}@media(min-width:1000px){.tree:has(>.discipline:only-child){grid-template-columns:minmax(0,1fr)}.tree:has(>.discipline:only-child) .discipline{max-width:740px;width:100%;margin:auto}}/* V3 — arbres runiques et ramifications */
.tree{display:block}.arbor{max-width:none!important;width:100%!important;margin:0 0 28px!important;background:radial-gradient(ellipse at 50% 90%,#3b1a563d,transparent 65%),linear-gradient(145deg,#160d21,#0b0812);border:1px solid #674080;padding:22px 16px 14px;overflow:hidden}.tree-hint{font-size:11px;color:#bba1d1;letter-spacing:1px;margin:0 0 12px;text-align:center}.tree-viewport{overflow-x:auto;overflow-y:hidden;border:1px solid #5b386b60;border-radius:8px;background:radial-gradient(ellipse at bottom,#30144775,transparent 70%),repeating-linear-gradient(90deg,transparent 0 139px,#8b5dc20b 140px),repeating-linear-gradient(0deg,transparent 0 139px,#8b5dc20b 140px);scrollbar-color:#8952ae #1a1027}.tree-canvas{position:relative;margin:0 auto;max-width:none}.tree-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tree-lines path{fill:none;stroke-width:2.2;opacity:.8}.tree-lines .mix-line{stroke:url(#lineRune)}.tree-lines .sith-line{stroke:#a83254}.rune-node{position:absolute;transform:translate(-50%,-50%);width:152px;min-height:94px;border:1px solid #8c5eb3;border-radius:7px;background:linear-gradient(145deg,#3b2357,#1a102a);color:#f4eaff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:9px;box-shadow:0 0 0 4px #120b1b,0 0 22px #8d3cbe36;transition:transform .2s,box-shadow .2s;z-index:2}.rune-node:hover{transform:translate(-50%,-50%) scale(1.07);z-index:5;box-shadow:0 0 25px #b667ef8a}.rune-node.sith{border-color:#d54b72;background:linear-gradient(145deg,#5b1a38,#220c20)}.rune-node .glyph{font-size:19px;line-height:1;color:#d9a9ff}.rune-node.sith .glyph{color:#ff8ba7}.rune-node strong{font-size:12px;line-height:1.25}.rune-node small{font-size:9px;letter-spacing:.4px;color:#cbb0df}.rune-node.dim{opacity:.22}.tree-root{position:absolute;transform:translateX(-50%);font-size:12px;letter-spacing:3px;color:#cf9cff;text-shadow:0 0 15px #9f57ed;white-space:nowrap}.arbor .discipline-title{margin-bottom:12px}@media(max-width:650px){.arbor{padding:12px 7px}.tree-hint{font-size:10px;line-height:1.6}}

/* V4 - arbre complet, lisible de la racine aux sommets */
.wrap{max-width:1550px}.tree-viewport{max-height:78vh;overflow:auto;scrollbar-color:#8c52bc #120a1b}.tree-canvas{background:radial-gradient(ellipse at 50% 100%,#5d27703b,transparent 48%),repeating-linear-gradient(0deg,transparent 0 143px,#a85aff0a 144px),#0c0813}.lane{position:absolute;top:20px;border:1px solid #633d764f;border-radius:20px;background:linear-gradient(180deg,#4a275118,transparent);color:#b892d6;text-align:center;padding-top:12px;letter-spacing:2px;font-family:Cinzel,serif;font-size:15px;pointer-events:none}.rune-node{width:150px;min-height:82px;z-index:2}.rune-node.locked{opacity:.55;background:linear-gradient(145deg,#21192b,#100d16);border-style:dashed}.rune-node.locked:hover{opacity:1}.rune-node.root-node{width:235px;background:linear-gradient(130deg,#653a89,#321744);border:2px solid #d6a7ff;box-shadow:0 0 34px #ae54ff66}.tree-lines .power-connection{fill:none;stroke-width:2.2;opacity:.72;filter:url(#glow)}.tree-hint{line-height:1.7}.arbor{padding:16px}.tree-viewport{border-color:#80509a66}

/* V5 — lecture épurée, sans réseau de lignes croisées */
.clean-tree{max-width:1050px!important;margin:0 auto!important;padding:clamp(18px,3vw,34px)!important;background:#110c1b;border:1px solid #443053;border-radius:14px}.origin{display:flex;gap:22px;align-items:center;max-width:700px;margin:10px auto 35px;padding:24px;border:1px solid #8151a0;border-radius:12px;background:linear-gradient(115deg,#392049,#171021)}.origin>span{font-size:54px;color:#d0a0ff}.origin small,.origin p{color:#b9a9c9}.origin small{font-size:10px;letter-spacing:2px}.origin h3{margin:8px 0}.origin p{line-height:1.6;margin-bottom:0}.discipline-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}.discipline-choice{text-align:left;display:flex;flex-direction:column;gap:13px;padding:23px;background:#1c1329;border:1px solid #4e3665;border-radius:10px;color:#e8d9f4;transition:.2s}.discipline-choice:hover{border-color:#b880ec;background:#2c1a3e;transform:translateY(-2px)}.discipline-choice strong{font-family:Cinzel,serif;font-size:17px}.discipline-choice small{color:#b5a4c6}.discipline-choice span{font-size:12px;color:#ca96f4}.clean-tip{text-align:center;color:#ad9cbd;font-size:12px;line-height:1.7;margin:8px 0 26px}.rank-stack{max-width:920px;margin:auto}.rank-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;align-items:center}.rank-label{font-size:10px;letter-spacing:1px;color:#8f7aa2;text-align:right}.rank-items{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:15px;background:#1b1326;border:1px solid #34243f;border-radius:9px}.clean-power{flex:0 1 190px;min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:13px;border:1px solid #765293;border-left:3px solid #ac7de2;border-radius:7px;background:#2b1c3d;color:#f4eafa;text-align:left}.clean-power strong{font-size:12px;line-height:1.4}.clean-power small{font-size:10px;color:#c2b0d4}.clean-power.sith{border-left-color:#d95270;background:#321724}.clean-power.locked{opacity:.58;background:#1b1523}.clean-power:hover,.clean-power.focused{outline:1px solid #dfb0ff;opacity:1}.clean-power.related{box-shadow:0 0 0 2px #ab7edb}.clean-power.dim{opacity:.17}.rank-divider{height:39px;margin-left:120px;display:flex;align-items:center;justify-content:center;color:#806092;font-size:9px;letter-spacing:2px}.rank-divider:before,.rank-divider:after{content:'';height:1px;background:#493454;flex:1}.rank-divider span{padding:0 15px}.tree-base{cursor:pointer;max-width:360px;margin:35px auto 12px;display:flex;align-items:center;flex-direction:column;gap:7px;border:1px solid #ad78d6;border-radius:9px;background:#3a2050;padding:20px;color:#e8ccff}.tree-base span{font-size:28px}.tree-base small{color:#c2a4d8}@media(max-width:600px){.rank-row{display:block}.rank-label{text-align:center;margin:15px}.rank-divider{margin-left:0}.clean-power{flex:1 1 135px}.origin{flex-direction:column;text-align:center}}