.ascension-panel{margin:24px 0;padding:24px;border:1px solid #a7b69d3b;background:linear-gradient(145deg,#16272cdd,#101a20f2);color:#ccd3c7;min-width:0;overflow-wrap:anywhere}
.ascension-panel *{box-sizing:border-box}
.ascension-panel h2,.ascension-panel h3,.ascension-panel h4,.ascension-panel p{margin:0}
.ascension-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.ascension-eyebrow{display:block;color:#8ca79f;font-size:10px;line-height:1.8;letter-spacing:2px}
.ascension-heading h2{font:25px/1.5 var(--serif,serif);letter-spacing:3px;color:#ddd5b9;margin-top:7px}
.ascension-count{font-size:11px;color:#b8ab83;border-left:1px solid #9eac9550;padding-left:16px;line-height:1.8}
.ascension-mastery-hero{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;background:radial-gradient(ellipse at 8% 40%,#b5a16d18,transparent 70%),#0c171d;border:1px solid #b4bca02b}
.ascension-path-symbol{display:grid;place-items:center;width:52px;height:62px;border:1px solid color-mix(in srgb,var(--doctrine-color,#cdb574) 45%,transparent);color:var(--doctrine-color,#cdb574);font:32px/1 var(--serif,serif)}
.ascension-mastery-copy{min-width:0}
.ascension-mastery-copy h3{font:22px/1.5 var(--serif,serif);color:#e0d7b8;margin:4px 0}
.ascension-mastery-copy h3 small{font:10px/1.6 sans-serif;color:#abc2b5;border:1px solid #a4c4b34d;display:inline-block;padding:1px 6px;margin-left:10px;vertical-align:middle}
.ascension-mastery-copy p{font-size:11px;color:#93a79e;line-height:1.8}
.ascension-mastery-copy p b{color:#cfbc83;font-weight:500}
.ascension-mastery-number{text-align:right;align-self:center;font-variant-numeric:tabular-nums}
.ascension-mastery-number b{font:29px/1.2 var(--serif,serif);color:#d3c08a;display:block}
.ascension-mastery-number span{font-size:10px;line-height:1.8;color:#8b9e93}
.ascension-progress{height:5px;background:#53655e42;margin-top:18px;overflow:hidden}
.ascension-progress i{display:block;height:100%;background:linear-gradient(90deg,#739c90,#d3bc7c)}
.ascension-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 20px;padding:0;list-style:none}
.ascension-milestones li{font-size:11px;color:#687e76;line-height:1.7;position:relative}
.ascension-milestones li:last-child{text-align:right}
.ascension-milestones li:nth-child(2),.ascension-milestones li:nth-child(3){text-align:center}
.ascension-milestones small{display:block;font-size:10px;font-variant-numeric:tabular-nums;color:#61756b}
.ascension-milestones .is-reached{color:#d0be88}
.ascension-milestones .is-reached small{color:#9aa687}
.ascension-panel .ascension-note{font-size:12px;line-height:1.95;color:#bac4b6;margin:14px 0}
.ascension-panel .ascension-fine{font-size:11px;line-height:1.95;color:#899f95;margin:12px 0}
.ascension-subheading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 13px}
.ascension-subheading h3{font:19px/1.5 var(--serif,serif);color:#cfc6a5}
.ascension-subheading>span{font-size:10px;color:#88a095;line-height:1.8;text-align:right}
.ascension-inheritance-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ascension-inheritance-slot{padding:18px;border:1px dashed #9aac9147;background:#0a151a6b;display:flex;flex-direction:column;min-width:0}
.ascension-inheritance-slot.is-filled{border-style:solid;border-color:#bba7736b;background:linear-gradient(145deg,#bba7730d,#0b171d)}
.ascension-inheritance-slot h4{font:17px/1.7 var(--serif,serif);color:#c6c5ad;margin:8px 0}
.ascension-inheritance-slot p{font-size:11px;line-height:1.9;color:#94a69a;margin-bottom:17px;flex:1}
.ascension-button{appearance:none;min-height:44px;padding:9px 12px;border:1px solid #bba77380;background:#8f89551b;color:#d5c795;font-size:12px;line-height:1.65;font-family:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.ascension-button:hover:not(:disabled){border-color:#dec787;background:#9f95642e;color:#eee0ad}
.ascension-button:focus-visible,.ascension-panel summary:focus-visible{outline:2px solid #b6d9cd;outline-offset:3px}
.ascension-button:disabled{cursor:default;opacity:.43;background:#121e2270;border-color:#72867a45;color:#9caf9f}
.ascension-quiet{border-color:#8fa99b50;background:transparent;color:#9fb7a7;font-size:11px}
.ascension-details{margin:18px 0 0;border:1px solid #8fa99b3b;background:#0b181e5c;min-width:0}
.ascension-panel .ascension-details>summary{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:52px;padding:12px 16px;font-size:12px;line-height:1.8;color:#c1c8ae;list-style:none;user-select:none}
.ascension-panel summary::-webkit-details-marker{display:none}
.ascension-details>summary::after,.ascension-doctrine-row>summary::after{content:'+';color:#baa96f;font-size:17px;margin-left:auto;flex:0 0 auto}
.ascension-details[open]>summary::after,.ascension-doctrine-row[open]>summary::after{content:'−'}
.ascension-details>summary small{margin-left:auto;color:#6f8c80;font-size:10px;line-height:1.8}
.ascension-details>summary small+*{margin-left:0}
.ascension-details>summary:has(small)::after{margin-left:0}
.ascension-details[open]>summary{border-bottom:1px solid #91ab9628}
.ascension-doctrine-list{padding:5px 14px 10px}
.ascension-doctrine-row{border-bottom:1px solid #91ab9624;min-width:0}
.ascension-doctrine-row:last-child{border-bottom:0}
.ascension-panel .ascension-doctrine-row>summary{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 2px;list-style:none;cursor:pointer}
.ascension-row-symbol{font:23px/1 var(--serif,serif);width:26px;text-align:center;flex:0 0 26px}
.ascension-row-name{font-size:12px;line-height:1.8;min-width:0}
.ascension-row-name small{display:block;color:#81988c;font-size:10px}
.ascension-row-progress{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:#a8b194;text-align:right;white-space:nowrap}
.ascension-doctrine-row>summary::after{margin-left:3px}
.ascension-doctrine-content{padding:4px 2px 18px}
.ascension-doctrine-content h4{font:18px/1.7 var(--serif,serif);color:#cbb980}
.ascension-doctrine-content p{font-size:11px;line-height:1.95;color:#a4b5a7;margin:8px 0}
.ascension-inherit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.ascension-disabled-reason{display:block;color:#9b9f83;font-size:10px;line-height:1.8;margin-top:10px}
.ascension-unlocked{padding:14px 16px;font-size:11px;line-height:1.95;color:#a6b5a4}
.ascension-tag{display:inline-block;padding:4px 8px;border:1px solid #a2bc9b40;background:#577b6120;color:#b4c7ac;font-size:10px;margin:3px 6px 3px 0}
.ascension-point-count{display:flex;flex-direction:column;text-align:center;border-left:1px solid #c6ad6c50;padding:0 5px 0 20px;flex:0 0 auto}
.ascension-point-count b{font:34px/1.1 var(--serif,serif);color:#dec787}
.ascension-point-count span{font-size:10px;color:#94aa97;margin-top:7px}
.ascension-budget{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-block:1px solid #9aad9630}
.ascension-budget>span{font-size:11px;line-height:1.8;color:#96a88f}
.ascension-budget>.ascension-button{flex:0 0 auto}
.ascension-lock-note{padding:12px;border-left:2px solid #c1a56f;background:#ae8b4220;color:#c4b492;font-size:11px;line-height:1.9;margin:15px 0!important}
.ascension-attribute-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.ascension-attribute-card{padding:18px;background:#0c191f;border:1px solid #9aae9540;min-width:0}
.ascension-attribute-card:last-child{grid-column:1/-1}
.ascension-attribute-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ascension-attribute-top h3{font:21px/1.7 var(--serif,serif);color:#d3c8a2}
.ascension-attribute-top small{font-size:10px;line-height:1.8;color:#809b8d}
.ascension-attribute-top>b{font:30px/1.2 var(--serif,serif);color:#b8caba;font-variant-numeric:tabular-nums}
.ascension-attribute-card>p{font-size:11px;line-height:1.9;color:#a1b1a1;margin:10px 0 16px;min-height:42px}
.ascension-allocate-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ascension-allocate-actions>.ascension-button{font-size:14px;font-variant-numeric:tabular-nums;min-width:0}
.ascension-combat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:10px 16px}
.ascension-combat-grid>div{padding:14px 5px;border-bottom:1px solid #9aaf9824;min-width:0}
.ascension-combat-grid dt{font-size:10px;line-height:1.8;color:#8ca595}
.ascension-combat-grid dd{font-size:18px;line-height:1.6;color:#c4c49f;margin:6px 0 0;font-variant-numeric:tabular-nums}
.ascension-details>.ascension-fine{padding:0 16px 5px}
.ascension-rule-list{margin:0;padding:10px 18px 18px 31px;font-size:11px;color:#91a698;line-height:1.95}
.ascension-rule-list li{padding-left:3px;margin:12px 0}
.ascension-rule-list b{display:block;color:#bdc6ad;font-weight:500;margin-bottom:4px}
.ascension-realm-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:20px 0}
.ascension-realm-picker button{min-width:0;min-height:54px;padding:8px 4px;background:#0e1b21;border:1px solid #8caa9742;color:#a7b7a6;font-family:inherit;cursor:pointer}
.ascension-realm-picker button span{display:block;font-size:12px;line-height:1.5}
.ascension-realm-picker button small{display:block;font-size:9px;line-height:1.6;margin-top:4px;color:#738e7e}
.ascension-realm-picker button.is-selected{border-color:#c5ad70;background:#9b8a4f21;color:#e0cd92}
.ascension-realm-picker button.is-selected small{color:#c1b588}
.ascension-realm-picker button:focus-visible{outline:2px solid #b7d2c5;outline-offset:2px}
.ascension-energy{padding:19px;border:1px solid #9eb7a04d;background:linear-gradient(120deg,#25413755,#121e24);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;margin:20px 0}
.ascension-energy strong{display:block;font:27px/1.7 var(--serif,serif);color:#d9ca95}
.ascension-energy p{color:#a2b7a6;font-size:12px;line-height:1.9;text-align:right;margin:0}
.ascension-energy>small{grid-column:1/-1;font-size:10px;line-height:1.9;color:#8da391}
.ascension-dungeon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.ascension-dungeon-card{border:1px solid #91aa964a;background:linear-gradient(145deg,#192b2f,#101a21);padding:20px;min-width:0;display:flex;flex-direction:column}
.ascension-dungeon-heading{display:flex;align-items:center;gap:12px}
.ascension-dungeon-heading>span{font:30px/1.5 var(--serif,serif);color:#c9b984}
.ascension-dungeon-heading h3{font:20px/1.6 var(--serif,serif);color:#ded3b0;margin:2px 0}
.ascension-dungeon-heading small{display:block;font-size:10px;line-height:1.7;color:#91a899;font-weight:400}
.ascension-dungeon-heading>b{margin-left:auto;text-align:right;color:#b9c4a7;font-size:16px;font-weight:400}
.ascension-dungeon-card>p{font-size:11px;line-height:1.9;color:#a6b9a7;margin:15px 0;flex:1}
.ascension-dungeon-reward{padding:13px 0;border-block:1px solid #9ba98a32;margin:3px 0 15px}
.ascension-dungeon-reward small{display:block;font-size:10px;line-height:1.8;color:#7f9e89}
.ascension-dungeon-reward strong{display:block;font-size:12px;line-height:1.9;color:#ccbf8f;font-weight:400;margin-top:4px;overflow-wrap:anywhere}
.ascension-dungeon-card>.button{min-height:44px;width:100%;font-size:12px;white-space:normal}
@media(max-width:640px){
 .ascension-panel{padding:17px 14px;margin:18px 0}
 .ascension-heading{gap:12px;margin-bottom:18px}
 .ascension-heading h2{font-size:22px;letter-spacing:2px}
 .ascension-count{font-size:10px;padding-left:12px;max-width:90px}
 .ascension-mastery-hero{grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding:15px 12px}
 .ascension-path-symbol{width:42px;height:54px;font-size:28px}
 .ascension-mastery-copy h3{font-size:20px}
 .ascension-mastery-copy h3 small{margin-left:6px;padding-inline:4px}
 .ascension-mastery-number b{font-size:25px}
 .ascension-inheritance-slots{grid-template-columns:1fr;gap:10px}
 .ascension-inheritance-slot{padding:16px}
 .ascension-attribute-list{grid-template-columns:1fr;gap:10px}
 .ascension-attribute-card{padding:16px}
 .ascension-attribute-card>p{min-height:0}
 .ascension-panel .ascension-details>summary{padding:12px;gap:8px}
 .ascension-doctrine-list{padding-inline:11px}
 .ascension-panel .ascension-doctrine-row>summary{gap:9px}
 .ascension-row-progress{font-size:10px}
 .ascension-combat-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:12px}
 .ascension-subheading{gap:8px}
 .ascension-subheading h3{font-size:18px}
 .ascension-subheading>span{font-size:9px;max-width:130px}
 .ascension-budget{gap:10px}
 .ascension-budget>.ascension-button{padding-inline:9px;font-size:10px}
 .ascension-point-count{padding-left:15px}
 .ascension-realm-picker{gap:5px}
 .ascension-realm-picker button span{font-size:11px}
 .ascension-dungeon-list{grid-template-columns:1fr}
 .ascension-dungeon-card{padding:18px}
 .ascension-energy{padding:16px}
 .ascension-energy p{font-size:11px}
}
@media(max-width:360px){
 .ascension-mastery-hero{grid-template-columns:42px minmax(0,1fr)}
 .ascension-mastery-number{grid-column:2;text-align:left;display:flex;align-items:baseline;gap:6px}
 .ascension-mastery-number b{font-size:21px}
 .ascension-heading h2{font-size:20px}
 .ascension-eyebrow{letter-spacing:1px}
 .ascension-panel .ascension-details>summary small{display:none}
 .ascension-details>summary:has(small)::after{margin-left:auto}
 .ascension-budget{align-items:flex-start;flex-direction:column}
 .ascension-budget>.ascension-button{width:100%}
 .ascension-inherit-actions{grid-template-columns:1fr}
}