.topbar .topbar-heading{min-width:0}.topbar-family-points{flex:0 0 auto;margin-left:auto;min-width:185px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;border:1px solid #5e4a17;border-radius:11px;background:linear-gradient(145deg,#1b1a11,#0c1115);box-shadow:0 8px 24px rgba(0,0,0,.18)}.topbar-family-points span{color:#d7ad38;font-size:10px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.topbar-family-points strong{min-width:30px;color:#fff;font-size:24px;line-height:1;text-align:right}@media(max-width:700px){.topbar-family-points{min-width:auto;padding:8px 10px}.topbar-family-points span{display:none}.topbar-family-points strong{font-size:20px}}
.family-path-map{position:relative;display:grid;grid-template-columns:1fr 240px 1fr;grid-template-rows:270px 240px;gap:18px;align-items:stretch;padding:20px;margin-bottom:20px;border:1px solid #26303a;border-radius:16px;background:radial-gradient(circle at 50% 42%,rgba(226,184,75,.08),transparent 28%),#0b0e11;overflow:hidden}.family-path-map:before,.family-path-map:after{content:'';position:absolute;z-index:0;left:50%;top:44%;width:37%;height:2px;transform-origin:left;background:linear-gradient(90deg,#d6ae3d,#38424c)}.family-path-map:before{transform:rotate(-21deg)}.family-path-map:after{transform:rotate(201deg)}.path-origin{position:relative;z-index:2;grid-column:2;grid-row:1/3;align-self:center;display:flex;flex-direction:column;align-items:center;text-align:center}.path-origin:after{content:'';position:absolute;z-index:-1;inset:42px 8px 72px;border-radius:50%;background:rgba(226,184,75,.12);filter:blur(20px)}.path-origin img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(226,184,75,.2))}.path-origin span{color:#cba333;font-size:9px;letter-spacing:.15em}.path-origin strong{font-size:20px}.path-origin small{color:#8693a2}
.path-branch{position:relative;z-index:2;display:flex;align-items:flex-end;min-width:0;padding:18px;border:1px solid #323b44;border-radius:15px;background:#10151a;cursor:pointer;overflow:hidden;transition:.2s transform,.2s border-color,.2s box-shadow}.path-branch:hover,.path-branch.is-selected{transform:translateY(-3px)}.path-branch img{position:absolute;right:-22px;bottom:-85px;width:245px;height:310px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 16px rgba(0,0,0,.4));opacity:.72}.path-branch .branch-copy{position:relative;z-index:2;max-width:55%}.branch-copy small{font-size:9px;letter-spacing:.12em;font-weight:800}.branch-copy h3{margin:4px 0;font-size:24px}.branch-copy p{margin:0;color:#9ba7b5;font-size:12px}.branch-status{position:absolute;z-index:3;top:12px;right:12px;padding:5px 7px;border-radius:8px;background:#222a31;color:#aeb8c2;font-size:8px;font-weight:800}.branch-red{grid-column:1;grid-row:1;border-color:#5c2c32;background:radial-gradient(circle at 80% 20%,rgba(220,52,64,.15),transparent 36%),#121416}.branch-red.is-selected{border-color:#d94b56;box-shadow:0 0 0 1px rgba(217,75,86,.2)}.branch-red .branch-copy small,.branch-red h3{color:#f26068}.branch-blue{grid-column:1/4;grid-row:2;justify-self:center;width:min(620px,70%);border-color:#245876;background:radial-gradient(circle at 80% 20%,rgba(42,184,242,.16),transparent 38%),#0d151a}.branch-blue.is-selected{border-color:#35c5ff;box-shadow:0 0 0 1px rgba(53,197,255,.22)}.branch-blue .branch-copy small,.branch-blue h3{color:#46cbff}.branch-blue img{right:10px;bottom:-128px;width:300px;height:390px}.branch-green{grid-column:3;grid-row:1;border-color:#2d563d;background:radial-gradient(circle at 82% 20%,rgba(55,193,105,.13),transparent 36%),#111615}.branch-green.is-selected{border-color:#45bf73;box-shadow:0 0 0 1px rgba(69,191,115,.2)}.branch-green .branch-copy small,.branch-green h3{color:#5ed687}.character-placeholder{position:absolute;right:30px;bottom:24px;width:130px;height:160px;display:grid;place-items:center;border:1px dashed #3d684c;border-radius:80px 80px 18px 18px;background:#0c1210;color:#4ca36d}.character-placeholder b{font-size:60px}.character-placeholder span{position:absolute;bottom:10px;font-size:8px}
.path-details{display:none;scroll-margin-top:18px;padding:24px;border:1px solid #29343d;border-radius:16px;background:#10151a}.path-details.is-visible{display:block}.path-details>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.path-details>header small{color:#49c8fa;font-size:9px;letter-spacing:.13em;font-weight:800}.path-details>header h2{margin:5px 0;font-size:25px}.path-details>header p{margin:0;color:#9da9b6}.path-details>header>strong{min-width:135px;text-align:center;font-size:30px;color:#49c8fa}.path-details>header>strong small{display:block;margin-top:4px;color:#8e9aa7;letter-spacing:0}.skill-road{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;padding-top:20px}.skill-road:before{content:'';position:absolute;left:8%;right:8%;top:53px;height:3px;background:linear-gradient(90deg,#46cfff 0 48%,#303940 48%);box-shadow:0 0 12px rgba(70,207,255,.22)}.skill-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.skill-marker{width:66px;height:66px;padding:5px;border:2px solid #36414a;border-radius:50%;background:#0b0f13}.skill-marker span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#1b232a;color:#687681;font-size:22px}.skill-node.is-unlocked .skill-marker{border-color:#42cafa;box-shadow:0 0 0 5px rgba(66,202,250,.1),0 0 20px rgba(66,202,250,.25)}.skill-node.is-unlocked .skill-marker span{background:linear-gradient(145deg,#47cffd,#197ca5);color:#fff}.skill-card{width:100%;min-height:158px;margin-top:13px;padding:14px;border:1px solid #303a43;border-radius:11px;background:#0b0f13}.skill-card small{color:#70808e;font-size:8px;font-weight:800}.skill-card h3{margin:7px 0 5px;font-size:15px}.skill-card p{min-height:34px;margin:0 0 12px;color:#9aa7b4;font-size:11px}.skill-card b{font-size:9px;color:#75818c}.is-unlocked .skill-card{border-color:#25617a;background:linear-gradient(155deg,rgba(47,181,229,.08),#0b0f13 50%)}.is-unlocked .skill-card b{color:#58d79b}.skill-node.is-locked{filter:saturate(.55);opacity:.68}.path-character-finish{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:4px;padding:18px;border:1px solid #295c73;border-radius:14px;background:radial-gradient(circle at 42% 30%,rgba(56,198,248,.14),transparent 30%),#0b1115}.path-character-finish img{width:135px;height:155px;object-fit:contain;object-position:top}.path-character-finish small,.path-character-finish strong,.path-character-finish span{display:block}.path-character-finish small{color:#52cfff;font-size:8px}.path-character-finish strong{font-size:24px}.path-character-finish span{color:#94a3b1}.path-details-red>header small{color:#ef5d67}.path-details-green>header small{color:#58d681}.coming-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.coming-benefits span{padding:22px 12px;border:1px dashed #5b3338;border-radius:12px;background:#0b0f13;text-align:center;color:#ec6972;font-weight:800}.percentage-benefits span{border-color:#315d41;color:#61d98a;font-size:22px}
@media(max-width:1100px){.family-path-map{grid-template-columns:1fr 180px 1fr}.path-origin img{width:140px;height:140px}.skill-road{grid-template-columns:repeat(2,1fr)}.skill-road:before{display:none}.path-branch img{opacity:.42}.path-branch .branch-copy{max-width:75%}}@media(max-width:760px){.family-path-hero{grid-template-columns:1fr;padding:20px}.family-path-map{display:flex;flex-direction:column;padding:14px}.family-path-map:before,.family-path-map:after{display:none}.path-origin{order:-1}.path-origin img{width:120px;height:120px}.path-branch,.branch-blue{width:100%;min-height:190px}.skill-road{grid-template-columns:1fr}.skill-node{align-items:flex-start;padding-left:78px}.skill-marker{position:absolute;left:0}.path-details>header{align-items:flex-start;flex-direction:column}.coming-benefits{grid-template-columns:1fr 1fr}.family-path-hero h2{font-size:23px}}

/* Árvore visual dos três caminhos */
.family-skill-tree{position:relative;min-height:720px;margin-bottom:20px;border:1px solid #29343e;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(229,185,62,.14),transparent 18%),radial-gradient(circle at 80% 75%,rgba(48,187,242,.11),transparent 28%),radial-gradient(circle at 18% 76%,rgba(56,191,104,.1),transparent 27%),radial-gradient(circle at 50% 8%,rgba(226,61,70,.1),transparent 24%),linear-gradient(180deg,#07111b,#090d12 70%);overflow:hidden}.tree-stars{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,#72cfff 1px,transparent 1.5px);background-position:0 0,35px 45px;background-size:78px 78px,115px 115px;mask-image:linear-gradient(180deg,#000,transparent 78%)}
.tree-core{position:absolute;z-index:5;left:50%;top:45%;width:170px;height:170px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #d8ae38;border-radius:50%;background:radial-gradient(circle,#342b12,#0a0e12 68%);box-shadow:0 0 0 10px rgba(221,178,55,.06),0 0 42px rgba(221,178,55,.24);text-align:center}.tree-core img{width:115px;height:115px;object-fit:contain}.tree-core span{position:absolute;top:10px;color:#e1bd55;font-size:8px;letter-spacing:.18em;font-weight:800}.tree-core strong{position:absolute;bottom:11px;font-size:12px;color:#f4dc96}
.tree-line{position:absolute;z-index:1;height:4px;border-radius:5px;transform-origin:left center;filter:drop-shadow(0 0 5px currentColor)}.red-line{color:#ec515a;background:linear-gradient(90deg,#ff9a89,#e84350)}.blue-line{color:#39c8ff;background:linear-gradient(90deg,#b1ecff,#2cbdf4)}.green-line{color:#46d079;background:linear-gradient(90deg,#a3f3bc,#3bc66e)}.red-line-1{left:50%;top:36%;width:10%;transform:rotate(-128deg)}.red-line-2{left:43%;top:28%;width:9%;transform:rotate(-30deg)}.red-line-3{left:50%;top:23%;width:9%;transform:rotate(30deg)}.red-line-4{left:57%;top:28%;width:12%;transform:rotate(-75deg)}.blue-line-1{left:55%;top:50%;width:12%;transform:rotate(26deg)}.blue-line-2{left:65%;top:56%;width:11%;transform:rotate(25deg)}.blue-line-3{left:74%;top:62%;width:10%;transform:rotate(31deg)}.blue-line-4{left:82%;top:69%;width:9%;transform:rotate(34deg)}.blue-line-5{left:88%;top:76%;width:7%;transform:rotate(61deg)}.green-line-1{left:45%;top:50%;width:12%;transform:rotate(154deg)}.green-line-2{left:35%;top:56%;width:11%;transform:rotate(155deg)}.green-line-3{left:26%;top:62%;width:10%;transform:rotate(149deg)}.green-line-4{left:18%;top:69%;width:9%;transform:rotate(146deg)}.green-line-5{left:12%;top:76%;width:7%;transform:rotate(119deg)}
.tree-node{position:absolute;z-index:3;width:66px;height:66px;transform:translate(-50%,-50%);display:grid;place-items:center;padding:0;border:2px solid currentColor;border-radius:50%;background:#0a0e12;color:#69747d;box-shadow:0 0 0 5px rgba(255,255,255,.025);cursor:pointer;transition:.2s transform,.2s box-shadow,.2s filter}.tree-node:hover,.tree-node.is-selected{transform:translate(-50%,-50%) scale(1.12)}.tree-node span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#171d22;font-weight:900}.tree-node small{position:absolute;top:69px;white-space:nowrap;color:#a8b1bb;font-size:8px;font-weight:800}.red-node{color:#df4e58}.blue-node{color:#2b718e;filter:saturate(.45)}.blue-node.is-earned{color:#39c8ff;filter:none;box-shadow:0 0 0 5px rgba(57,200,255,.08),0 0 18px rgba(57,200,255,.35)}.green-node{color:#42c976}.red-node-1{left:50%;top:36%}.red-node-2{left:43%;top:28%}.red-node-3{left:57%;top:28%}.red-node-4{left:50%;top:18%}.blue-node-1{left:58%;top:51%}.blue-node-2{left:67%;top:57%}.blue-node-3{left:76%;top:63%}.blue-node-4{left:84%;top:70%}.blue-node-5{left:90%;top:77%}.green-node-1{left:42%;top:51%}.green-node-2{left:33%;top:57%}.green-node-3{left:24%;top:63%}.green-node-4{left:16%;top:70%}.green-node-5{left:10%;top:77%}
.tree-character{position:absolute;z-index:4;width:205px;height:210px;display:flex;align-items:flex-end;padding:0;border:1px solid currentColor;border-radius:105px 105px 16px 16px;background:#0b1015;color:#999;overflow:hidden;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.42);transition:.2s transform,.2s box-shadow}.tree-character:hover,.tree-character.is-selected{transform:scale(1.035)}.tree-character img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 4px;filter:drop-shadow(0 8px 10px #000)}.tree-character>span{position:relative;z-index:2;width:100%;padding:33px 12px 12px;background:linear-gradient(transparent,rgba(4,7,9,.96) 46%);text-align:left}.tree-character small,.tree-character strong,.tree-character em{display:block}.tree-character small{font-size:8px;letter-spacing:.12em;font-weight:900}.tree-character strong{font-size:18px}.tree-character em{font-size:9px;color:#adb7c0;font-style:normal}.red-character{left:50%;top:2%;transform:translateX(-50%);height:175px;color:#ef5760}.red-character:hover,.red-character.is-selected{transform:translateX(-50%) scale(1.035);box-shadow:0 0 28px rgba(239,87,96,.28)}.blue-character{right:2.5%;bottom:2%;color:#3bc8ff}.blue-character:hover,.blue-character.is-selected{box-shadow:0 0 28px rgba(59,200,255,.28)}.green-character{left:2.5%;bottom:2%;color:#49ce7b}.green-character:hover,.green-character.is-selected{box-shadow:0 0 28px rgba(73,206,123,.25)}.tree-avatar-placeholder{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:118px;height:118px;display:grid;place-items:center;border:2px dashed #438b5d;border-radius:50%;background:#101b14;color:#55c17b;font-size:58px;font-weight:900}.tree-hint{position:absolute;z-index:2;left:50%;bottom:8px;transform:translateX(-50%);margin:0;color:#788691;font-size:9px}
@media(max-width:1050px){.family-skill-tree{min-height:650px}.tree-character{width:165px;height:180px}.tree-node{width:54px;height:54px}.tree-node span{width:35px;height:35px}.tree-node small{top:58px}.tree-core{width:140px;height:140px}.tree-core img{width:94px;height:94px}}
@media(max-width:760px){.family-skill-tree{min-height:900px}.tree-core{top:37%}.red-character{top:1%;width:150px;height:165px}.blue-character{right:3%;bottom:4%;width:150px;height:175px}.green-character{left:3%;bottom:4%;width:150px;height:175px}.red-node-1{top:29%}.red-node-2{left:38%;top:23%}.red-node-3{left:62%;top:23%}.red-node-4{top:16%}.blue-node-1{left:62%;top:44%}.blue-node-2{left:73%;top:51%}.blue-node-3{left:82%;top:59%}.blue-node-4{left:88%;top:67%}.blue-node-5{left:91%;top:75%}.green-node-1{left:38%;top:44%}.green-node-2{left:27%;top:51%}.green-node-3{left:18%;top:59%}.green-node-4{left:12%;top:67%}.green-node-5{left:9%;top:75%}.tree-line{display:none}.tree-hint{display:none}}

.family-skill-tree{min-height:780px}.red-character{top:1%;height:160px}.red-node-1{left:50%;top:36%}.red-node-2{left:43%;top:29%}.red-node-3{left:57%;top:29%}.red-node-4{left:50%;top:21%}.red-line-1{left:50%;top:43%;width:8%;transform:rotate(-90deg)}.red-line-2{left:50%;top:36%;width:9%;transform:rotate(-145deg)}.red-line-3{left:50%;top:36%;width:9%;transform:rotate(-35deg)}.red-line-4{left:43%;top:29%;width:9%;transform:rotate(-32deg)}
.tree-node:after{content:attr(data-level) "\A" attr(data-title) "\A" attr(data-info);position:absolute;z-index:30;left:50%;bottom:calc(100% + 14px);width:220px;padding:11px 12px;transform:translate(-50%,7px);border:1px solid currentColor;border-radius:9px;background:rgba(7,11,14,.97);color:#c8d1da;box-shadow:0 12px 30px rgba(0,0,0,.52);font-size:10px;line-height:1.45;text-align:left;white-space:pre-line;pointer-events:none;opacity:0;visibility:hidden;transition:.18s opacity,.18s transform}.tree-node:hover:after,.tree-node:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0)}.tree-node:hover,.tree-node:focus-visible{z-index:25;outline:none}.tree-node.red-node:after{color:#ffd1d3}.tree-node.blue-node:after{color:#c9f2ff}.tree-node.green-node:after{color:#cff6da}.blue-node-4:after,.blue-node-5:after{left:auto;right:0;transform:translate(0,7px)}.blue-node-4:hover:after,.blue-node-5:hover:after,.blue-node-4:focus-visible:after,.blue-node-5:focus-visible:after{transform:translate(0,0)}.green-node-4:after,.green-node-5:after{left:0;transform:translate(0,7px)}.green-node-4:hover:after,.green-node-5:hover:after,.green-node-4:focus-visible:after,.green-node-5:focus-visible:after{transform:translate(0,0)}
@media(max-width:760px){.family-skill-tree{min-height:900px}.red-node-1{top:29%}.red-node-2{left:38%;top:23%}.red-node-3{left:62%;top:23%}.red-node-4{top:16%}.red-character{top:1%;height:165px}.tree-node:after{position:fixed;left:16px!important;right:16px!important;bottom:18px;width:auto;transform:translateY(8px)!important}.tree-node:hover:after,.tree-node:focus-visible:after{transform:none!important}}

/* Composição final: Distrito na base, Cabelin acima, Zé à esquerda e Pitonho à direita */
.family-skill-tree{min-height:800px}.tree-core{left:50%;top:84%;width:150px;height:150px}.tree-core img{width:102px;height:102px}.red-character{left:50%;top:1.5%;width:190px;height:170px}.green-character{left:2.5%;top:8%;bottom:auto;width:190px;height:205px}.blue-character{right:2.5%;top:8%;bottom:auto;width:190px;height:205px}
.red-node-1{left:50%;top:68%}.red-node-2{left:50%;top:54%}.red-node-3{left:50%;top:40%}.red-node-4{left:50%;top:25%}.green-node-1{left:43%;top:76%}.green-node-2{left:34%;top:65%}.green-node-3{left:25%;top:54%}.green-node-4{left:16%;top:43%}.green-node-5{left:9%;top:32%}.blue-node-1{left:57%;top:76%}.blue-node-2{left:66%;top:65%}.blue-node-3{left:75%;top:54%}.blue-node-4{left:84%;top:43%}.blue-node-5{left:91%;top:32%}
.red-line-1{left:50%;top:78%;width:10%;transform:rotate(-90deg)}.red-line-2{left:50%;top:64%;width:10%;transform:rotate(-90deg)}.red-line-3{left:50%;top:50%;width:10%;transform:rotate(-90deg)}.red-line-4{left:50%;top:36%;width:10%;transform:rotate(-90deg)}.green-line-1{left:48%;top:79%;width:11%;transform:rotate(-143deg)}.green-line-2{left:40%;top:70%;width:11%;transform:rotate(-143deg)}.green-line-3{left:31%;top:59%;width:11%;transform:rotate(-143deg)}.green-line-4{left:22%;top:48%;width:11%;transform:rotate(-143deg)}.green-line-5{left:13%;top:37%;width:9%;transform:rotate(-137deg)}.blue-line-1{left:52%;top:79%;width:11%;transform:rotate(-37deg)}.blue-line-2{left:60%;top:70%;width:11%;transform:rotate(-37deg)}.blue-line-3{left:69%;top:59%;width:11%;transform:rotate(-37deg)}.blue-line-4{left:78%;top:48%;width:11%;transform:rotate(-37deg)}.blue-line-5{left:87%;top:37%;width:9%;transform:rotate(-43deg)}.tree-hint{bottom:2%}
@media(max-width:1050px){.family-skill-tree{min-height:720px}.tree-core{width:130px;height:130px}.tree-core img{width:86px;height:86px}.tree-character{width:155px;height:175px}.red-character{width:160px;height:150px}.tree-node{width:54px;height:54px}}
@media(max-width:760px){.family-skill-tree{min-height:840px}.tree-core{left:50%;top:82%;width:120px;height:120px}.tree-core img{width:78px;height:78px}.red-character{left:50%;top:1%;width:145px;height:145px}.green-character{left:2%;top:8%;width:135px;height:165px}.blue-character{right:2%;top:8%;width:135px;height:165px}.red-node-1{left:50%;top:67%}.red-node-2{left:50%;top:54%}.red-node-3{left:50%;top:41%}.red-node-4{left:50%;top:27%}.green-node-1{left:39%;top:73%}.green-node-2{left:28%;top:62%}.green-node-3{left:18%;top:51%}.green-node-4{left:11%;top:40%}.green-node-5{left:8%;top:29%}.blue-node-1{left:61%;top:73%}.blue-node-2{left:72%;top:62%}.blue-node-3{left:82%;top:51%}.blue-node-4{left:89%;top:40%}.blue-node-5{left:92%;top:29%}.tree-line{display:none}}

/* Cinco etapas completas em cada caminho, sem cortes nas extremidades */
.family-skill-tree{min-height:900px;padding:22px}.tree-core{top:86%}.red-character{top:1%;height:165px}.green-character{left:1.5%;top:2.5%}.blue-character{right:1.5%;top:2.5%}
.red-node-1{left:50%;top:72%}.red-node-2{left:50%;top:61%}.red-node-3{left:50%;top:50%}.red-node-4{left:50%;top:39%}.red-node-5{left:50%;top:28%}
.green-node-1{left:42%;top:76%}.green-node-2{left:34%;top:65%}.green-node-3{left:27%;top:54%}.green-node-4{left:21%;top:43%}.green-node-5{left:16%;top:31%}
.blue-node-1{left:58%;top:76%}.blue-node-2{left:66%;top:65%}.blue-node-3{left:73%;top:54%}.blue-node-4{left:79%;top:43%}.blue-node-5{left:84%;top:31%}
.red-line-1{left:50%;top:80%;width:8%;transform:rotate(-90deg)}.red-line-2{left:50%;top:69%;width:8%;transform:rotate(-90deg)}.red-line-3{left:50%;top:58%;width:8%;transform:rotate(-90deg)}.red-line-4{left:50%;top:47%;width:8%;transform:rotate(-90deg)}.red-line-5{left:50%;top:36%;width:8%;transform:rotate(-90deg)}
.green-line-1{left:48%;top:81%;width:10%;transform:rotate(-143deg)}.green-line-2{left:40%;top:71%;width:10%;transform:rotate(-143deg)}.green-line-3{left:32%;top:60%;width:10%;transform:rotate(-143deg)}.green-line-4{left:25%;top:49%;width:9%;transform:rotate(-143deg)}.green-line-5{left:19%;top:38%;width:8%;transform:rotate(-132deg)}
.blue-line-1{left:52%;top:81%;width:10%;transform:rotate(-37deg)}.blue-line-2{left:60%;top:71%;width:10%;transform:rotate(-37deg)}.blue-line-3{left:68%;top:60%;width:10%;transform:rotate(-37deg)}.blue-line-4{left:75%;top:49%;width:9%;transform:rotate(-37deg)}.blue-line-5{left:81%;top:38%;width:8%;transform:rotate(-48deg)}
@media(max-width:760px){.family-skill-tree{min-height:900px;padding:10px}.tree-core{top:86%}.green-character{left:1%;top:2%;width:130px}.blue-character{right:1%;top:2%;width:130px}.red-node-1{top:71%}.red-node-2{top:60%}.red-node-3{top:49%}.red-node-4{top:38%}.red-node-5{top:27%}.green-node-1{left:39%;top:75%}.green-node-2{left:29%;top:64%}.green-node-3{left:20%;top:53%}.green-node-4{left:14%;top:42%}.green-node-5{left:12%;top:30%}.blue-node-1{left:61%;top:75%}.blue-node-2{left:71%;top:64%}.blue-node-3{left:80%;top:53%}.blue-node-4{left:86%;top:42%}.blue-node-5{left:88%;top:30%}}

/* Casas finais: personagem inteiro e somente o nome */
.tree-character{height:230px;background:linear-gradient(180deg,#10151a,#070b0e);overflow:hidden}.red-character{height:230px}.tree-character img{inset:7px 7px 38px;width:calc(100% - 14px);height:calc(100% - 45px);object-fit:contain;object-position:center bottom}.tree-character>span{display:flex;align-items:flex-end;justify-content:center;height:100%;padding:0 8px 10px;background:linear-gradient(transparent 68%,rgba(4,7,9,.97) 88%);text-align:center}.tree-character strong{font-size:19px;line-height:1.1}.tree-character small,.tree-character em{display:none}
@media(max-width:1050px){.tree-character,.red-character{height:205px}.tree-character img{bottom:36px}}
@media(max-width:760px){.tree-character,.red-character{height:180px}.tree-character strong{font-size:15px}}

/* Mapa de benefícios — visual refinado */
.weekly-delivery{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:16px;padding:9px 12px;border:1px solid rgba(226,184,75,.35);border-radius:10px;background:rgba(226,184,75,.08)}.weekly-delivery b{color:#e9bd45;font-size:9px;letter-spacing:.12em}.weekly-delivery span{color:#cbd2d9;font-size:11px}
.family-skill-tree{border-color:#33404b;background:radial-gradient(ellipse at 50% 93%,rgba(226,184,75,.2),transparent 18%),radial-gradient(ellipse at 12% 25%,rgba(61,205,118,.12),transparent 24%),radial-gradient(ellipse at 88% 25%,rgba(50,193,245,.13),transparent 24%),radial-gradient(ellipse at 50% 25%,rgba(238,70,81,.12),transparent 22%),linear-gradient(180deg,#08131d 0,#070b10 72%)}
.tree-core{border-width:3px;background:radial-gradient(circle at 50% 38%,#352d17,#090d11 69%);box-shadow:0 0 0 8px rgba(223,179,55,.08),0 0 55px rgba(223,179,55,.3)}
.tree-line{height:5px;opacity:.9;box-shadow:0 0 10px currentColor}.tree-node{width:72px;height:72px;border-width:2px;background:linear-gradient(145deg,#182129,#080c10);box-shadow:0 0 0 6px rgba(255,255,255,.025),0 12px 22px rgba(0,0,0,.35)}.tree-node span{width:48px;height:48px;background:linear-gradient(145deg,#212d35,#11171c);font-size:18px}.tree-node small{top:76px;padding:4px 7px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(5,9,12,.9);font-size:9px}.red-node{box-shadow:0 0 0 6px rgba(225,69,80,.06),0 0 22px rgba(225,69,80,.15)}.green-node{box-shadow:0 0 0 6px rgba(62,201,114,.06),0 0 22px rgba(62,201,114,.14)}.blue-node.is-earned{box-shadow:0 0 0 6px rgba(57,200,255,.08),0 0 24px rgba(57,200,255,.24)}
.tree-character{border-width:2px;border-radius:24px;background:linear-gradient(180deg,rgba(17,24,30,.96),#070a0d);box-shadow:0 18px 40px rgba(0,0,0,.48)}.tree-character:before{content:'BENEFÍCIO FINAL';position:absolute;z-index:3;top:10px;left:50%;transform:translateX(-50%);padding:4px 7px;border-radius:10px;background:currentColor;color:#081016;font-size:7px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.tree-character>span{background:linear-gradient(transparent 62%,rgba(4,7,9,.98) 88%)}.tree-character strong{padding:6px 11px;border:1px solid currentColor;border-radius:9px;background:rgba(7,10,13,.86)}
.tree-hint{bottom:1.2%;padding:7px 12px;border:1px solid #2d3943;border-radius:20px;background:rgba(7,11,15,.88);font-size:10px}
@media(max-width:760px){.weekly-delivery{align-items:flex-start;flex-direction:column;gap:3px}.tree-node{width:58px;height:58px}.tree-node span{width:38px;height:38px}.tree-node small{top:62px;font-size:7px}.tree-character:before{font-size:6px}}

/* Mapa astral dos caminhos */
.family-skill-tree{min-height:880px;aspect-ratio:16/9;padding:26px;border:1px solid rgba(191,146,47,.38);border-radius:7px;background:radial-gradient(circle at 50% 84%,rgba(213,165,47,.23),transparent 15%),radial-gradient(circle at 50% 50%,transparent 0 20%,rgba(184,139,42,.10) 20.2% 20.45%,transparent 20.7% 28%,rgba(184,139,42,.08) 28.2% 28.45%,transparent 28.7% 36%,rgba(184,139,42,.06) 36.2% 36.45%,transparent 36.7%),radial-gradient(ellipse at 14% 40%,rgba(87,219,52,.10),transparent 25%),radial-gradient(ellipse at 86% 40%,rgba(48,190,248,.11),transparent 25%),radial-gradient(ellipse at 50% 28%,rgba(238,63,72,.10),transparent 24%),linear-gradient(180deg,#060b10,#070c10 72%,#05080b);box-shadow:inset 0 0 70px rgba(0,0,0,.75),0 18px 45px rgba(0,0,0,.28)}
.family-skill-tree:before{content:'';position:absolute;z-index:0;inset:12px;border:1px solid rgba(183,139,43,.22);pointer-events:none;clip-path:polygon(0 0,12% 0,12% 1px,88% 1px,88% 0,100% 0,100% 100%,88% 100%,88% calc(100% - 1px),12% calc(100% - 1px),12% 100%,0 100%)}.family-skill-tree:after{content:'◆';position:absolute;z-index:0;left:20px;top:15px;color:rgba(201,157,56,.45);font-size:19px;text-shadow:calc(100vw - 340px) 0 rgba(201,157,56,.45),0 810px rgba(201,157,56,.35),calc(100vw - 340px) 810px rgba(201,157,56,.35);pointer-events:none}
.tree-stars{opacity:.52;background-image:radial-gradient(circle,#dbaf4b 1px,transparent 1.4px),radial-gradient(circle,#5ecbff 1px,transparent 1.4px),linear-gradient(28deg,transparent 49.8%,rgba(194,147,46,.035) 50%,transparent 50.2%);background-size:91px 91px,137px 137px,180px 180px;mask-image:linear-gradient(#000,rgba(0,0,0,.72) 75%,transparent)}
.tree-core{top:86%;width:178px;height:178px;border:2px solid #d7a82f;background:radial-gradient(circle at 50% 42%,rgba(83,65,28,.96),#090c0e 69%);box-shadow:0 0 0 5px rgba(219,172,49,.08),0 0 0 13px rgba(219,172,49,.03),0 0 50px rgba(219,172,49,.32)}.tree-core:before,.tree-core:after{content:'◆';position:absolute;top:50%;color:#e0b541;font-size:13px;transform:translateY(-50%)}.tree-core:before{left:-20px}.tree-core:after{right:-20px}.tree-core img{width:118px;height:118px}.tree-core span{top:13px}.tree-core strong{bottom:13px;color:#e9ba42;font-size:13px}
.tree-character{top:2%;width:190px;height:240px;border-radius:12px;border-color:currentColor;background:linear-gradient(180deg,rgba(19,24,28,.98),#05080a);box-shadow:0 0 0 4px rgba(255,255,255,.025),0 0 28px currentColor}.green-character{left:5%}.blue-character{right:5%}.red-character{left:50%}.tree-character:after{content:'';position:absolute;z-index:4;inset:8px;border:1px solid currentColor;border-radius:7px;opacity:.45;pointer-events:none}.tree-character img{inset:11px 10px 43px;width:calc(100% - 20px);height:calc(100% - 54px);filter:drop-shadow(0 7px 9px #000) saturate(1.08)}.tree-character>span{padding-bottom:10px}.tree-character strong{min-width:76%;padding:7px 10px;border-radius:5px;background:rgba(4,7,9,.94);font-size:17px;box-shadow:0 0 12px rgba(0,0,0,.75)}.tree-character:before{top:-14px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:2px solid currentColor;border-radius:50%;background:#0a0e11;color:currentColor;content:'✦';font-size:15px;box-shadow:0 0 14px currentColor}
.tree-line{height:5px;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 5px currentColor,0 0 13px currentColor}.tree-node{width:68px;height:68px;border-radius:50%;background:conic-gradient(from 22.5deg,transparent 0 11%,currentColor 11.5% 13%,transparent 13.5% 24%,currentColor 24.5% 26%,transparent 26.5% 36%,currentColor 36.5% 38%,transparent 38.5% 49%,currentColor 49.5% 51%,transparent 51.5% 62%,currentColor 62.5% 64%,transparent 64.5% 74%,currentColor 74.5% 76%,transparent 76.5% 87%,currentColor 87.5% 89%,transparent 89.5%),#080c0f;box-shadow:0 0 0 4px rgba(255,255,255,.025),0 0 18px currentColor}.tree-node span{width:43px;height:43px;border:1px solid currentColor;background:radial-gradient(circle,#202a31,#080c0f 70%);color:#e8edf1;font-size:19px;box-shadow:inset 0 0 12px rgba(255,255,255,.05)}.tree-node small{top:70px;padding:4px 8px;border-color:currentColor;background:#05080a;color:#e4e9ed;box-shadow:0 4px 12px #000}.tree-node:hover,.tree-node.is-selected{filter:saturate(1.25);box-shadow:0 0 0 5px rgba(255,255,255,.04),0 0 27px currentColor}
.red-node-1{top:72%}.red-node-2{top:61%}.red-node-3{top:50%}.red-node-4{top:39%}.red-node-5{top:28%}.green-node-1{left:42%;top:76%}.green-node-2{left:34%;top:65%}.green-node-3{left:27%;top:54%}.green-node-4{left:21%;top:43%}.green-node-5{left:16%;top:31%}.blue-node-1{left:58%;top:76%}.blue-node-2{left:66%;top:65%}.blue-node-3{left:73%;top:54%}.blue-node-4{left:79%;top:43%}.blue-node-5{left:84%;top:31%}
@media(max-width:1100px){.family-skill-tree{aspect-ratio:auto;min-height:780px}.tree-character{width:160px;height:205px}.green-character{left:2%}.blue-character{right:2%}.tree-core{width:145px;height:145px}.tree-core img{width:95px;height:95px}.tree-node{width:58px;height:58px}.tree-node span{width:37px;height:37px}.tree-node small{top:60px}}
@media(max-width:760px){.family-skill-tree{min-height:900px;padding:10px}.family-skill-tree:after{display:none}.tree-character{width:128px;height:180px}.green-character{left:1%}.blue-character{right:1%}.red-character{width:138px}.tree-core{width:122px;height:122px}.tree-core img{width:78px;height:78px}.tree-node{width:52px;height:52px}.tree-node span{width:33px;height:33px;font-size:15px}.tree-node small{top:54px;padding:3px 5px}.tree-character:before{width:28px;height:28px;top:-10px}}

/* Medalhões proporcionais dos três membros */
.family-skill-tree{min-height:850px}.tree-character,.red-character,.green-character,.blue-character{top:3%;width:188px;height:188px;border-radius:50%;overflow:visible;background:radial-gradient(circle at 50% 38%,#1c242a,#06090c 72%)}.green-character{left:6%}.blue-character{right:6%}.red-character{left:50%}.tree-character:after{inset:7px;border-radius:50%}.tree-character img{inset:12px 16px 35px;width:calc(100% - 32px);height:calc(100% - 47px);object-fit:contain;object-position:center bottom}.tree-character>span{position:absolute;left:50%;bottom:-17px;width:auto;min-width:132px;height:auto;transform:translateX(-50%);padding:0;background:none;overflow:visible}.tree-character strong{display:block;min-width:132px;padding:7px 12px;border:1px solid currentColor;border-radius:8px;background:#06090c;box-shadow:0 5px 16px #000,0 0 10px currentColor;font-size:17px;white-space:nowrap}.tree-character:before{top:-11px;width:34px;height:34px;font-size:13px}.tree-character:hover,.tree-character.is-selected{transform:scale(1.055)}.red-character:hover,.red-character.is-selected{transform:translateX(-50%) scale(1.055)}
.red-node-5{top:29%}.green-node-5{left:17%;top:31%}.blue-node-5{left:83%;top:31%}.tree-hint{bottom:.8%}
@media(max-width:1100px){.family-skill-tree{min-height:760px}.tree-character,.red-character,.green-character,.blue-character{width:155px;height:155px}.tree-character img{inset:10px 13px 31px;width:calc(100% - 26px);height:calc(100% - 41px)}.tree-character strong{min-width:110px;font-size:14px}.green-character{left:3%}.blue-character{right:3%}}
@media(max-width:760px){.family-skill-tree{min-height:850px}.tree-character,.red-character,.green-character,.blue-character{top:3%;width:124px;height:124px}.green-character{left:1%}.blue-character{right:1%}.tree-character img{inset:8px 10px 27px;width:calc(100% - 20px);height:calc(100% - 35px)}.tree-character>span{bottom:-14px}.tree-character strong{min-width:88px;padding:5px 8px;font-size:11px}.tree-character:before{width:25px;height:25px;top:-8px}.red-node-5{top:28%}.green-node-5{left:14%;top:29%}.blue-node-5{left:86%;top:29%}}

/* Progressão individual por pontos */
.red-character{top:1.5%}.tree-core{top:87%;width:150px;height:150px;cursor:pointer;font-family:inherit}.tree-core img{width:94px;height:94px}.tree-core.is-origin-next{animation:originPulse 1.8s ease-in-out infinite}.tree-core.is-origin-next:after{content:'CLIQUE · 10 PONTOS';position:absolute;right:auto;top:auto;bottom:-28px;left:50%;width:max-content;transform:translateX(-50%);padding:5px 9px;border:1px solid #d7a82f;border-radius:12px;background:#080b0e;color:#f1c34a;font-size:8px;font-weight:900}.tree-core.is-origin-unlocked{border-color:#49d887;box-shadow:0 0 0 5px rgba(73,216,135,.08),0 0 36px rgba(73,216,135,.22)}.tree-core.is-origin-unlocked strong{color:#63dc96}
.tree-node.is-path-locked{filter:grayscale(.75) brightness(.47);cursor:not-allowed;opacity:.58}.tree-node.is-path-disabled{filter:grayscale(1) brightness(.30);cursor:not-allowed;opacity:.34}.tree-node.is-next{filter:none;cursor:pointer;animation:nextStepPulse 1.65s ease-in-out infinite}.tree-node.is-next small:after{content:' · 10 pts';color:currentColor}.tree-node.is-unlocked{filter:none;opacity:1}.tree-node.is-unlocked span:after{content:'✓';position:absolute;right:-3px;top:-5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#36c878;color:#07100b;font-size:11px;font-weight:900}.tree-node span{position:relative}
.tree-character.is-selected{box-shadow:0 0 0 5px rgba(255,255,255,.05),0 0 38px currentColor}.tree-character.is-selected strong:after{content:' · ESCOLHIDO';font-size:7px;letter-spacing:.08em}.tree-character:not(.is-selected){cursor:pointer}
@keyframes originPulse{0%,100%{box-shadow:0 0 0 5px rgba(219,172,49,.08),0 0 30px rgba(219,172,49,.23)}50%{box-shadow:0 0 0 11px rgba(219,172,49,.05),0 0 58px rgba(219,172,49,.48)}}@keyframes nextStepPulse{0%,100%{box-shadow:0 0 0 4px rgba(255,255,255,.025),0 0 14px currentColor}50%{box-shadow:0 0 0 9px rgba(255,255,255,.035),0 0 32px currentColor}}
@media(max-width:1100px){.tree-core{width:130px;height:130px}.tree-core img{width:80px;height:80px}.red-character{top:1.5%}}
@media(max-width:760px){.tree-core{top:87%;width:108px;height:108px}.tree-core img{width:66px;height:66px}.tree-core span{font-size:6px}.tree-core strong{font-size:8px}.red-character{top:1.5%}.tree-core.is-origin-next:after{bottom:-24px;font-size:6px}}

/* Aro de 10 espaços: um espaço preenchido para cada ponto aplicado */
.tree-node{isolation:isolate;background:#080c0f}.tree-node:before{content:'';position:absolute;z-index:0;inset:-3px;border-radius:50%;background:repeating-conic-gradient(from -18deg,currentColor 0 25deg,transparent 25deg 36deg);mask:conic-gradient(#000 0 calc(var(--step-progress,0) * 10%),transparent 0 100%);-webkit-mask:conic-gradient(#000 0 calc(var(--step-progress,0) * 10%),transparent 0 100%);filter:drop-shadow(0 0 5px currentColor)}.tree-node>span,.tree-node>small{z-index:2}.tree-node.is-path-locked:before,.tree-node.is-path-disabled:before{opacity:.22}.tree-node.is-next:before{opacity:1}.tree-node.is-unlocked:before{mask:none;-webkit-mask:none}
.tree-core{isolation:isolate}.tree-core:before{content:'';position:absolute;z-index:0;inset:-7px;border-radius:50%;background:repeating-conic-gradient(from -18deg,#e9ba42 0 25deg,rgba(81,67,29,.25) 25deg 36deg);mask:conic-gradient(#000 0 calc(var(--origin-progress,0) * 10%),rgba(0,0,0,.13) 0 100%);-webkit-mask:conic-gradient(#000 0 calc(var(--origin-progress,0) * 10%),rgba(0,0,0,.13) 0 100%);filter:drop-shadow(0 0 5px #d8aa36)}.tree-core>span,.tree-core>img,.tree-core>strong{z-index:2}.tree-core.is-origin-unlocked:before{mask:none;-webkit-mask:none;background:repeating-conic-gradient(from -18deg,#4bdb8b 0 25deg,transparent 25deg 36deg)}.tree-core.is-origin-next:after{content:'CLIQUE · +1 PONTO'}
.tree-core>img{position:relative}.tree-core>span,.tree-core>strong{z-index:2}

/* Aro duplo limpo: dez segmentos somente na borda */
.tree-node{border:2px solid currentColor;background:radial-gradient(circle,#182128 0 58%,#080c0f 59% 100%)}.tree-node:before{inset:-7px;background:conic-gradient(currentColor 0 calc(var(--step-progress,0) * 10%),#263039 0 100%);filter:drop-shadow(0 0 4px currentColor);mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 0),repeating-conic-gradient(#000 0 25deg,transparent 25deg 36deg);mask-composite:intersect;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 0),repeating-conic-gradient(#000 0 25deg,transparent 25deg 36deg);-webkit-mask-composite:source-in}.tree-node:after{z-index:40}.tree-node.is-path-locked{filter:grayscale(.45) brightness(.72);opacity:.78}.tree-node.is-next{filter:none;opacity:1}.tree-node.is-next span{border-color:currentColor;box-shadow:inset 0 0 10px rgba(255,255,255,.06),0 0 8px currentColor}.tree-node.is-unlocked:before{background:currentColor;mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 0),repeating-conic-gradient(#000 0 25deg,transparent 25deg 36deg);mask-composite:intersect;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 0),repeating-conic-gradient(#000 0 25deg,transparent 25deg 36deg);-webkit-mask-composite:source-in}
.tree-core:before{inset:-10px;background:conic-gradient(#4bdb8b 0 calc(var(--origin-progress,0) * 10%),#302c1d 0 100%);filter:drop-shadow(0 0 5px #d8aa36);mask:radial-gradient(farthest-side,transparent calc(100% - 13px),#000 0),repeating-conic-gradient(#000 0 25deg,transparent 25deg 36deg);mask-composite:intersect;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 13px),#000 0),repeating-conic-gradient(#000 0 25deg,transparent 25deg 36deg);-webkit-mask-composite:source-in}.tree-core.is-origin-unlocked:before{background:#4bdb8b;mask:radial-gradient(farthest-side,transparent calc(100% - 13px),#000 0),repeating-conic-gradient(#000 0 25deg,transparent 25deg 36deg);mask-composite:intersect;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 13px),#000 0),repeating-conic-gradient(#000 0 25deg,transparent 25deg 36deg);-webkit-mask-composite:source-in}.tree-core{border:3px solid #d7a82f;background:radial-gradient(circle at 50% 42%,#2f2817 0 64%,#080c0f 65% 100%)}.tree-core.is-origin-unlocked{border-color:#4bdb8b}

/* Aro final: fino, contínuo e preenchido em 10% por ponto */
.tree-node{isolation:isolate;background:radial-gradient(circle,#182128 0 62%,#080c0f 63% 100%)}
.tree-node:before,.tree-node.is-unlocked:before{content:'';position:absolute;z-index:0;inset:-5px;border-radius:50%;background:conic-gradient(from -90deg,currentColor 0 calc(var(--step-progress,0) * 10%),#263039 0 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));-webkit-mask-composite:source-over;mask-composite:add;filter:drop-shadow(0 0 4px currentColor)}
.tree-node.is-unlocked:before{background:currentColor}.tree-node.is-next span{font-size:14px;letter-spacing:-.03em}.tree-node.is-path-locked:before,.tree-node.is-path-disabled:before{opacity:.34}
.tree-core:before,.tree-core.is-origin-unlocked:before{content:'';position:absolute;z-index:0;inset:-7px;border-radius:50%;background:conic-gradient(from -90deg,#4bdb8b 0 calc(var(--origin-progress,0) * 10%),#343426 0 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));-webkit-mask-composite:source-over;mask-composite:add;filter:drop-shadow(0 0 5px #4bdb8b)}
.tree-core.is-origin-unlocked:before{background:#4bdb8b}
.tree-core:after,.tree-core.is-origin-next:after,.tree-core.is-origin-unlocked:after{content:attr(data-title) '\A' attr(data-level) '\A' attr(data-info);position:absolute;z-index:60;left:50%;right:auto;top:auto;bottom:calc(100% + 13px);width:230px;padding:10px 12px;transform:translate(-50%,6px);border:1px solid #d7a82f;border-radius:10px;background:#080c10;color:#dce4ea;font-size:10px;font-weight:600;line-height:1.45;text-align:left;white-space:pre-line;box-shadow:0 12px 30px rgba(0,0,0,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.16s ease}
.tree-core:hover:after,.tree-core:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.tree-core strong{bottom:12px;color:#e9ba42}.tree-core.is-origin-unlocked strong{color:#63dc96}

/* Distrito: somente a logo, sem aro, fundo, porcentagem ou legenda */
.tree-core,.tree-core.is-origin-unlocked,.tree-core.is-origin-next{width:112px;height:112px;border:0;background:transparent;box-shadow:none;animation:none}
.tree-core:before,.tree-core.is-origin-unlocked:before,.tree-core.is-origin-next:before{display:none}
.tree-core img{width:108px;height:108px;filter:drop-shadow(0 8px 15px rgba(0,0,0,.7))}
.tree-core strong,.tree-core span{display:none}
@media(max-width:1100px){.tree-core,.tree-core.is-origin-unlocked,.tree-core.is-origin-next{width:96px;height:96px}.tree-core img{width:92px;height:92px}}
@media(max-width:760px){.tree-core,.tree-core.is-origin-unlocked,.tree-core.is-origin-next{width:82px;height:82px}.tree-core img{width:78px;height:78px}}

/* Remove a pequena bolinha decorativa acima dos três personagens */
.tree-character:before,.red-character:before,.green-character:before,.blue-character:before{display:none}

/* Confirmação personalizada da evolução */
.path-confirm[hidden]{display:none}.path-confirm{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px}.path-confirm__backdrop{position:absolute;inset:0;background:rgba(2,5,8,.78);backdrop-filter:blur(7px)}.path-confirm__dialog{position:relative;width:min(440px,100%);padding:29px;border:1px solid rgba(226,184,75,.55);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(226,184,75,.15),transparent 35%),#11171c;box-shadow:0 28px 80px rgba(0,0,0,.68),0 0 32px rgba(226,184,75,.1);animation:pathConfirmIn .2s ease-out}.path-confirm__close{position:absolute;right:14px;top:13px;width:32px;height:32px;border:0;border-radius:9px;background:#202830;color:#aeb9c3;font-size:22px;cursor:pointer}.path-confirm__icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:15px;border:1px solid #e2b84b;border-radius:14px;background:rgba(226,184,75,.13);color:#e9bd45;font-size:20px;box-shadow:0 0 20px rgba(226,184,75,.13)}.path-confirm__dialog>small{color:#d9ae3c;font-size:9px;font-weight:900;letter-spacing:.14em}.path-confirm__dialog h2{margin:6px 0 7px;font-size:24px}.path-confirm__dialog>p{margin:0 0 18px;color:#a8b4bf}.path-confirm__benefit{padding:14px;border:1px solid #303b44;border-radius:12px;background:#0a0f13}.path-confirm__benefit span,.path-confirm__cost span{display:block;color:#7f8d99;font-size:8px;font-weight:800;letter-spacing:.12em}.path-confirm__benefit strong{display:block;margin:5px 0;color:#f1c652;font-size:17px}.path-confirm__benefit p{margin:0;color:#aeb8c1;font-size:12px;line-height:1.45}.path-confirm__cost{display:flex;align-items:center;justify-content:space-between;margin:12px 0 20px;padding:11px 13px;border-radius:10px;background:rgba(73,216,135,.08)}.path-confirm__cost span{color:#91a09a}.path-confirm__cost strong{color:#55d98d}.path-confirm footer{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.path-confirm footer .btn{min-height:44px;border-radius:10px;font-weight:800}.path-confirm__cancel{background:#242c33;color:#e1e6ea}.path-confirm__apply{border-color:#e2b84b;background:#e2b84b;color:#080b0e;box-shadow:0 8px 22px rgba(226,184,75,.2)}@keyframes pathConfirmIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:520px){.path-confirm__dialog{padding:23px 18px}.path-confirm footer{grid-template-columns:1fr}.path-confirm__cancel{order:2}}
.tree-line{opacity:.72}.tree-node.is-next{animation:nextStepPulse 1.8s ease-in-out infinite}.tree-node.is-unlocked{animation:none}.tree-character.is-selected strong:after{content:' · EM PROGRESSO'}

/* Premiação exibida nas casas finais */
.character-prize{position:absolute;z-index:7;left:50%;bottom:-54px;transform:translate(-50%,7px);width:max-content;max-width:210px;padding:7px 10px;border:1px solid currentColor;border-radius:9px;background:#070b0e;color:#eef3f6;font-size:10px;line-height:1.2;text-align:center;white-space:nowrap;box-shadow:0 7px 18px rgba(0,0,0,.65),0 0 10px currentColor;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.character-prize i{margin-right:4px;font-style:normal}.tree-character:hover .character-prize,.tree-character:focus-visible .character-prize,.tree-character.is-viewing .character-prize{opacity:1;visibility:visible;transform:translate(-50%,0)}.tree-character.is-complete .character-prize{background:currentColor;color:#07100c;font-weight:900}.tree-character>span{bottom:-12px}.tree-hint{bottom:0}
@media(max-width:760px){.character-prize{bottom:-47px;max-width:145px;padding:5px 7px;font-size:8px}.tree-character>span{bottom:-10px}}
.tree-character.is-complete{cursor:pointer;box-shadow:0 0 0 3px rgba(226,184,75,.28),0 0 34px currentColor}.tree-character.is-claimed{box-shadow:0 0 0 3px rgba(226,184,75,.5),0 0 42px #e2b84b}.tree-character.is-claimed:after{content:'✓ CONQUISTADO';position:absolute;z-index:8;right:7px;top:9px;padding:5px 7px;border-radius:12px;background:#e2b84b;color:#111;font-size:8px;font-weight:1000;letter-spacing:.05em}.tree-character .path-champion{display:block!important;position:absolute;z-index:9;left:50%;bottom:-29px;transform:translateX(-50%);width:max-content;max-width:210px;padding:5px 9px;border:1px solid #e2b84b;border-radius:12px;background:#171307;color:#f5ce64;font-size:9px!important;font-style:normal;font-weight:900;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.55)}

/* Estados claros: concluído com certo, próximo com número e futuro bloqueado */
.tree-character.is-selected strong:after{content:none}.tree-node.is-unlocked span{font-size:0;color:currentColor}.tree-node.is-unlocked span:before{content:'✓';display:grid;place-items:center;font-size:25px;font-weight:1000;color:currentColor}.tree-node.is-unlocked span:after{display:none}.tree-node.is-path-locked span,.tree-node.is-path-disabled span{font-size:0}.tree-node.is-path-locked span:before,.tree-node.is-path-disabled span:before{content:'🔒';font-size:15px;filter:grayscale(1);opacity:.65}.tree-node.is-next span{font-size:19px}.tree-node.is-next span:before{content:none}.tree-node.is-unlocked{border-color:currentColor;box-shadow:0 0 0 5px rgba(255,255,255,.04),0 0 26px currentColor}.tree-node.is-unlocked small{color:currentColor}

/* Ramificações extras liberadas a partir do nível 3 */
.bonus-node{position:absolute;z-index:6;width:48px;height:48px;display:grid;place-items:center;padding:0;border:2px solid currentColor;border-radius:50%;background:#091016;color:#7d8992;box-shadow:0 0 0 4px rgba(255,255,255,.025),0 0 14px currentColor;cursor:pointer;transition:.18s ease}.bonus-node span{font-size:18px}.bonus-node small{position:absolute;top:51px;width:max-content;max-width:125px;padding:3px 6px;border:1px solid currentColor;border-radius:6px;background:#060a0d;color:#e8edf1;font-size:8px;line-height:1.2}.bonus-node:after{content:attr(data-level) '\A' attr(data-title) '\A' attr(data-info);position:absolute;z-index:40;left:50%;bottom:calc(100% + 12px);width:205px;padding:10px 11px;transform:translate(-50%,6px);border:1px solid currentColor;border-radius:9px;background:#070c10;color:#dce4ea;font-size:10px;line-height:1.45;text-align:left;white-space:pre-line;opacity:0;visibility:hidden;pointer-events:none;transition:.16s ease}.bonus-node:hover:after,.bonus-node:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0)}.bonus-node.is-path-locked{filter:grayscale(1) brightness(.45);opacity:.45;cursor:not-allowed}.bonus-node.is-next{animation:nextStepPulse 1.8s ease-in-out infinite}.bonus-node.is-unlocked span{color:currentColor;font-size:23px;font-weight:1000}.red-bonus{color:#ef5760}.blue-bonus{color:#3bc8ff}.green-bonus{color:#49ce7b}
.bonus-red_alicate{left:44%;top:48%}.bonus-red_mascara{left:56%;top:48%}.bonus-blue_pe_cabra{left:79%;top:58%}.bonus-blue_lockpick{left:84%;top:63%}.bonus-green_reparo{left:21%;top:58%}.bonus-green_bolso{left:16%;top:63%}.bonus-green_cartao{left:11%;top:68%}
.bonus-red_alicate:before,.bonus-red_mascara:before,.bonus-blue_pe_cabra:before,.bonus-blue_lockpick:before,.bonus-green_reparo:before,.bonus-green_bolso:before,.bonus-green_cartao:before{content:'';position:absolute;z-index:-1;right:100%;top:50%;width:55px;height:2px;background:currentColor;box-shadow:0 0 7px currentColor;transform-origin:right}.bonus-red_alicate:before{transform:rotate(25deg)}.bonus-red_mascara:before{left:100%;right:auto;transform:rotate(-25deg)}
@media(max-width:900px){.bonus-node{width:40px;height:40px}.bonus-node small{top:43px;max-width:90px;font-size:7px}.bonus-red_alicate{left:42%}.bonus-red_mascara{left:58%}.bonus-blue_pe_cabra{left:82%}.bonus-blue_lockpick{left:88%}.bonus-green_reparo{left:18%}.bonus-green_bolso{left:12%}.bonus-green_cartao{left:7%}}

/* Duas junções compartilhadas: verde+vermelho e vermelho+azul */
.branch-junction{position:absolute;z-index:5;width:25px;height:25px;border:3px solid #e8bd4e;border-radius:50%;background:#0a0e12;box-shadow:0 0 15px rgba(232,189,78,.55)}.branch-junction i,.branch-junction:before,.branch-junction:after{content:'';position:absolute;z-index:-1;height:3px;background:linear-gradient(90deg,currentColor,#e8bd4e);box-shadow:0 0 7px currentColor;transform-origin:right center}.branch-junction-left{left:37.5%;top:51%;color:#49ce7b}.branch-junction-right{right:37.5%;top:51%;color:#3bc8ff}.branch-junction-left:before{right:18px;top:8px;width:165px;transform:rotate(10deg)}.branch-junction-left:after{left:18px;top:8px;width:185px;transform:rotate(-2deg);transform-origin:left center;background:linear-gradient(90deg,#e8bd4e,#ef5760)}.branch-junction-right:before{right:18px;top:8px;width:185px;transform:rotate(2deg);background:linear-gradient(90deg,#ef5760,#e8bd4e)}.branch-junction-right:after{left:18px;top:8px;width:165px;transform:rotate(-10deg);transform-origin:left center;background:linear-gradient(90deg,#e8bd4e,#3bc8ff)}
.bonus-green_reparo{left:32%;top:44%}.bonus-green_bolso{left:25%;top:38%}.bonus-green_cartao{left:30%;top:59%}.bonus-red_alicate{left:68%;top:44%}.bonus-red_mascara{left:75%;top:38%}.bonus-blue_pe_cabra{left:68%;top:59%}.bonus-blue_lockpick{left:75%;top:65%}
.bonus-node:before{height:3px;box-shadow:0 0 7px currentColor}.bonus-green_reparo:before{left:100%;right:auto;width:88px;transform:rotate(28deg);transform-origin:left}.bonus-green_bolso:before{left:100%;right:auto;width:96px;transform:rotate(24deg);transform-origin:left}.bonus-green_cartao:before{left:100%;right:auto;width:105px;transform:rotate(-20deg);transform-origin:left}.bonus-red_alicate:before,.bonus-blue_pe_cabra:before{right:100%;left:auto;width:88px;transform-origin:right}.bonus-red_alicate:before{transform:rotate(-28deg)}.bonus-blue_pe_cabra:before{transform:rotate(20deg)}.bonus-red_mascara:before,.bonus-blue_lockpick:before{right:100%;left:auto;width:96px;transform-origin:right}.bonus-red_mascara:before{transform:rotate(-24deg)}.bonus-blue_lockpick:before{transform:rotate(24deg)}
@media(max-width:900px){.branch-junction-left{left:36%}.branch-junction-right{right:36%}.branch-junction:before,.branch-junction:after{opacity:.7}.bonus-green_reparo{left:28%}.bonus-green_bolso{left:18%}.bonus-green_cartao{left:25%}.bonus-red_alicate{left:72%}.bonus-red_mascara{left:82%}.bonus-blue_pe_cabra{left:72%}.bonus-blue_lockpick{left:82%}}

/* Ramificações premium compactas: dois núcleos laterais sem cruzar a árvore */
.branch-junction{width:34px;height:34px;border:2px solid #d8ad43;background:radial-gradient(circle,#242018 0 38%,#090d11 40% 100%);box-shadow:0 0 0 5px rgba(216,173,67,.06),0 0 18px rgba(216,173,67,.32)}
.branch-junction:before,.branch-junction:after,.branch-junction i{display:none}
.branch-junction:after{display:block;content:'✦';position:absolute;z-index:2;inset:0;width:auto;height:auto;background:none;color:#e8bd4e;font-size:15px;line-height:30px;text-align:center;box-shadow:none;transform:none}
.branch-junction-left{left:34%;top:51%}.branch-junction-right{right:34%;top:51%}
.bonus-node{width:52px;height:52px;border-width:2px;background:radial-gradient(circle at 50% 42%,#182129,#070b0e 72%);box-shadow:0 0 0 4px rgba(255,255,255,.025),0 0 16px color-mix(in srgb,currentColor 55%,transparent)}
.bonus-node span{font-size:19px}.bonus-node small{top:56px;max-width:116px;padding:4px 7px;border-color:color-mix(in srgb,currentColor 70%,#323a40);background:rgba(5,9,12,.96);font-size:8px;box-shadow:0 5px 12px rgba(0,0,0,.55)}
.bonus-node:before{content:'';position:absolute;z-index:-2;top:50%;height:2px;background:linear-gradient(90deg,currentColor,rgba(216,173,67,.7));box-shadow:0 0 5px currentColor;transform-origin:center}

/* Núcleo esquerdo: nível 3 verde + nível 3 vermelho */
.bonus-green_reparo{left:27%;top:43%}.bonus-green_bolso{left:21.5%;top:50%}.bonus-green_cartao{left:27%;top:58%}
.bonus-green_reparo:before{left:82%;width:112px;transform:rotate(27deg)}
.bonus-green_bolso:before{left:88%;width:150px;transform:rotate(2deg)}
.bonus-green_cartao:before{left:82%;width:112px;transform:rotate(-29deg)}

/* Núcleo direito: nível 3 vermelho + nível 3 azul */
.bonus-red_alicate{left:73%;top:43%}.bonus-red_mascara{left:78.5%;top:49%}.bonus-blue_pe_cabra{left:73%;top:57%}.bonus-blue_lockpick{left:78.5%;top:63%}
.bonus-red_alicate:before{right:82%;left:auto;width:112px;transform:rotate(-27deg)}
.bonus-red_mascara:before{right:88%;left:auto;width:150px;transform:rotate(-3deg)}
.bonus-blue_pe_cabra:before{right:82%;left:auto;width:112px;transform:rotate(27deg)}
.bonus-blue_lockpick:before{right:88%;left:auto;width:150px;transform:rotate(18deg)}
.bonus-node.is-path-locked{opacity:.3;filter:grayscale(.8) brightness(.62)}
.bonus-node.is-next{opacity:1;filter:none}.bonus-node.is-unlocked{opacity:1;filter:none;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,currentColor 24%,#172026),#070b0e 74%)}

@media(max-width:1100px){.branch-junction-left{left:35%}.branch-junction-right{right:35%}.bonus-green_reparo{left:25%}.bonus-green_bolso{left:18%}.bonus-green_cartao{left:25%}.bonus-red_alicate{left:75%}.bonus-red_mascara{left:82%}.bonus-blue_pe_cabra{left:75%}.bonus-blue_lockpick{left:82%}.bonus-node:before{opacity:.7}}
@media(max-width:760px){.branch-junction{display:none}.bonus-node{width:42px;height:42px}.bonus-node small{top:46px;max-width:82px;font-size:6px}.bonus-node:before{display:none}.bonus-green_reparo{left:24%;top:43%}.bonus-green_bolso{left:15%;top:50%}.bonus-green_cartao{left:24%;top:58%}.bonus-red_alicate{left:76%;top:43%}.bonus-red_mascara{left:85%;top:49%}.bonus-blue_pe_cabra{left:76%;top:57%}.bonus-blue_lockpick{left:85%;top:64%}}

/* Consulta e comparação segura entre membros */
.view-only-badge{display:inline-flex;margin-top:12px;padding:6px 10px;border:1px solid #d3a93d;border-radius:20px;background:rgba(211,169,61,.1);color:#e5bb4c;font-size:9px;font-weight:900;letter-spacing:.1em}
.is-readonly-tree .tree-node,.is-readonly-tree .tree-character,.is-readonly-tree .tree-core{cursor:default}.is-readonly-tree .tree-node.is-next{animation:none}.is-readonly-tree .tree-node.is-next:hover{transform:translate(-50%,-50%)}
.family-member-switcher{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.25fr);align-items:end;gap:28px;margin-top:18px;padding:22px 24px}.family-member-switcher small{color:#d6aa3b;font-size:9px;font-weight:900;letter-spacing:.13em}.family-member-switcher h3{margin:5px 0;font-size:20px}.family-member-switcher p{margin:0;color:#8fa0ae;font-size:12px}.family-member-switcher form>label{display:block;margin-bottom:7px;color:#9fb1c0;font-size:11px}.family-member-switcher form>div{display:flex;gap:10px}.family-member-switcher select{flex:1;min-width:180px}.family-member-switcher .btn{white-space:nowrap}
@media(max-width:900px){.family-member-switcher{grid-template-columns:1fr}.family-member-switcher form>div{flex-wrap:wrap}.family-member-switcher select{width:100%;flex-basis:100%}}