#talents-page{background:radial-gradient(ellipse at 40% 0%,#18202188,transparent 50%),#080a0e;color:#e5e9ed}
.talent-app{position:relative;z-index:3;max-width:2500px;margin:0 auto;padding:24px clamp(16px,2.4vw,64px) 48px;font-family:inherit}
.talent-app .panel{border:1px solid #30353d;border-radius:14px;background:linear-gradient(145deg,#171b22ee,#101319f2);box-shadow:0 12px 36px #0002}
.talent-app h1:where(:not(.character-import *)),.talent-app h2:where(:not(.character-import *)),.talent-app p:where(:not(.character-import *)){margin:0}.talent-app h2:where(:not(.character-import *)){font-size:15px;font-weight:700}.talent-app button:where(:not(.character-import *)),.talent-app input:where(:not(.character-import *)),.talent-app select:where(:not(.character-import *)),.talent-app textarea:where(:not(.character-import *)){font:inherit;color:inherit;border:1px solid #343b48;background:#151a22;border-radius:7px}.talent-app button:where(:not(.character-import *)){cursor:pointer;padding:10px 12px;transition:border-color .15s,background .15s}.talent-app button:where(:not(.character-import *)):hover{border-color:#b1945c;background:#252832}.talent-app button:where(:not(.character-import *)):focus-visible,.talent-app input:where(:not(.character-import *)):focus-visible,.talent-app select:where(:not(.character-import *)):focus-visible,.talent-app textarea:where(:not(.character-import *)):focus-visible{outline:2px solid #e0b969;outline-offset:3px}.talent-app button:where(:not(.character-import *)):disabled{cursor:wait;opacity:.6}
.talent-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.talent-heading>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.talent-heading img{width:180px;height:65px;object-fit:contain}.talent-heading h1{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.talent-heading p{color:#9da6b4;font-size:14px}.talent-badge{font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid #826b4233;color:#d7b576;background:#b5913f0c;padding:10px 14px;border-radius:99px;white-space:nowrap}
.talent-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:20px;align-items:start}.talent-setup{padding:18px 14px}.talent-setup h2{margin-bottom:14px}.talent-classes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.talent-classes button{display:flex;align-items:center;gap:7px;padding:7px;font-size:10px;text-align:start;color:var(--class-color);min-height:47px;line-height:1.4}.talent-classes img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.talent-classes button[aria-pressed=true]{border-color:var(--class-color);background:color-mix(in srgb,var(--class-color) 12%,#151a22)}
.talent-specs{display:grid;grid-template-columns:1fr;gap:6px;margin:14px 0}.talent-specs button{display:flex;gap:10px;align-items:center;text-align:start;font-size:11px;color:var(--class-color)}.talent-specs img{width:30px;height:30px;object-fit:contain}.talent-specs button[aria-pressed=true]{border-color:var(--class-color);background:color-mix(in srgb,var(--class-color) 13%,#151a22)}.talent-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #303744;padding-top:14px}.talent-modes button{display:flex;flex-direction:column;gap:6px;align-items:center;padding:11px 5px;font-size:10px}.talent-modes button>span{font-size:18px;color:#a1acbb}.talent-modes button[aria-pressed=true]{border-color:#d0ac65;background:#ae8a351a;color:#e8c785}.talent-modes button[aria-pressed=true]>span{color:#e8c785}.talent-help{font-size:10px;line-height:1.7;color:#97a2af;margin:16px 0!important}.talent-import{display:grid;gap:8px;border-top:1px solid #303744;padding-top:14px}.talent-import label{font-size:11px;color:#b2bbc7}.talent-import textarea{width:100%;resize:vertical;padding:8px;font-size:10px;word-break:break-all}.talent-import button{font-size:11px}
.talent-build-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 16px}.talent-build-heading h2{font-size:23px;color:var(--class-color,#dec388);font-family:'Cormorant Garamond',serif}.talent-build-heading p{font-size:11px;color:#9aa6b5;margin-top:5px}.talent-actions{display:flex;gap:6px;flex-wrap:wrap}.talent-actions button{padding:8px 10px;font-size:11px}.talent-columns{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start}.talent-trees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.talent-tree{border:1px solid #303943;border-radius:12px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--class-color) 7%,#141a23),#0d1118 65%);overflow:hidden;min-width:0}.talent-tree-header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #303944;padding:14px}.talent-tree-header h3{font-size:12px;margin:0}.talent-tree-header .points{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;color:#debe7a}.talent-tree-header select{max-width:75%;font-size:11px;padding:6px}.talent-tree.hero{grid-column:1/-1}.talent-tree-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#596170 #111721}.talent-tree-canvas{position:relative;min-width:280px;margin:12px auto 20px;direction:ltr}.talent-tree-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.talent-tree-canvas line{stroke:#333e4d;stroke-width:1.3}.talent-tree-canvas line.selected{stroke:#a38b50;stroke-width:1.8}.talent-gate{position:absolute;left:0;right:0;border-top:1px dashed #a3824538;text-align:end;color:#b19866;font-size:8px;pointer-events:none;padding-inline:7px}
.talent-node{position:absolute;transform:translate(-50%,-50%);width:38px;min-height:38px;display:flex;direction:ltr;z-index:1;background:#0a0f17;outline:1px solid #344151;border-radius:7px;box-shadow:0 3px 9px #0007}.talent-node.passive{border-radius:50%}.talent-node.choice{width:43px;border-radius:8px;transform:translate(-50%,-50%) rotate(-0deg)}.talent-node button{width:100%;height:38px;padding:0;border:0;overflow:hidden;background:transparent;border-radius:inherit;position:relative}.talent-node button+button{border-radius:0 7px 7px 0;border-inline-start:1px solid #63605a}.talent-node.choice button:first-child{border-radius:7px 0 0 7px}.talent-node img{width:38px;height:38px;max-width:none;object-fit:cover;filter:saturate(.2) brightness(.5);pointer-events:none}.talent-node.choice img{position:absolute;top:0;left:50%;transform:translateX(-50%)}.talent-node.available{outline-color:#718093}.talent-node.available img{filter:saturate(.55) brightness(.8)}.talent-node.selected{outline:2px solid #d8b568}.talent-node.selected img{filter:none}.talent-node.choice.selected button:not([aria-pressed=true]) img{filter:brightness(.35)}.talent-node .talent-rank{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);padding:1px 4px;min-width:22px;text-align:center;border-radius:3px;color:#9cabbc;background:#111721;font-size:8px;line-height:1.3;pointer-events:none;border:1px solid #364150}.talent-node.selected .talent-rank{color:#ead197;border-color:#9b8150}.talent-node:focus-within{z-index:5}.talent-node .talent-tooltip{display:none;position:absolute;inset-inline-start:50%;bottom:51px;transform:translateX(-50%);width:200px;padding:10px;background:#080d16;border:1px solid #b69c62;border-radius:7px;pointer-events:none;font-size:11px;line-height:1.5;box-shadow:0 8px 24px #000b;text-align:center;z-index:6}.talent-node:hover,.talent-node:focus-within{z-index:7}.talent-node:hover .talent-tooltip,.talent-node:focus-within .talent-tooltip{display:block}.talent-node .talent-tooltip small{display:block;color:#8996a8}.talent-builds{padding:17px 14px}.talent-builds h2{margin-bottom:9px}.talent-builds p{font-size:10px;line-height:1.7;color:#97a4b5;margin:5px 0}.talent-builds #talent-build-list{display:grid;gap:9px;margin:15px 0}.talent-build-card{width:100%;text-align:start;display:grid;gap:7px;padding:13px!important}.talent-build-card strong{font-size:12px}.talent-build-card small{font-size:10px;color:#95a4b8}.talent-build-card .build-share{font-size:21px;color:#dbc083;font-weight:800}.talent-build-card.active{border-color:var(--class-color);background:color-mix(in srgb,var(--class-color) 7%,#151a22)}.talent-build-meter{height:3px;background:#303947;border-radius:3px;overflow:hidden}.talent-build-meter span{display:block;height:100%;background:var(--class-color);width:var(--build-share)}.talent-builds details{border-top:1px solid #303744;padding-top:12px;font-size:10px;color:#8997a9}.talent-builds details summary{cursor:pointer;line-height:1.7}.talent-builds a{color:#ddbd78}.talent-attribution{font-size:10px;color:#8390a0;margin-top:20px!important;text-align:center}.talent-attribution a{color:#bba16d}
@media(min-width:2100px){.talent-layout{grid-template-columns:270px minmax(0,1fr);gap:28px}.talent-columns{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.talent-trees{grid-template-columns:1fr 1fr .85fr}.talent-tree.hero{grid-column:auto}.talent-classes button{font-size:11px}.talent-tree-canvas{margin-top:24px}.talent-node{width:44px;min-height:44px}.talent-node button{height:44px}.talent-node img{height:44px;width:44px}.talent-node.choice{width:50px}.talent-node .talent-rank{font-size:10px}}
@media(max-width:1450px){.talent-layout{grid-template-columns:1fr}.talent-setup{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px 20px}.talent-setup h2{grid-column:1/-1;margin:0}.talent-classes{grid-template-columns:repeat(7,minmax(0,1fr));grid-column:1}.talent-specs{grid-column:1;display:flex;margin:0;flex-wrap:wrap}.talent-specs button{flex:1}.talent-modes{grid-column:2;grid-row:2;border-top:0;padding-top:0}.talent-help{grid-column:1;margin:0!important}.talent-import{grid-column:2;grid-row:3/5;padding-top:0;border-top:0}.talent-trees{grid-template-columns:1fr 1fr .85fr}.talent-tree.hero{grid-column:auto}}
@media(max-width:1050px){.talent-classes{grid-template-columns:repeat(5,minmax(0,1fr))}.talent-columns{grid-template-columns:minmax(0,1fr) 210px}.talent-trees{grid-template-columns:1fr 1fr}.talent-tree.hero{grid-column:1/-1}}
@media(max-width:720px){.talent-app{padding:12px 12px 32px}.talent-heading>div{gap:0;display:block}.talent-heading img{width:130px;height:48px}.talent-heading p{font-size:11px;max-width:230px}.talent-badge{font-size:8px;padding:7px 8px}.talent-setup{display:block;padding:14px}.talent-setup h2{margin-bottom:13px}.talent-classes{grid-template-columns:repeat(4,minmax(0,1fr))}.talent-classes button{flex-direction:column;font-size:9px;text-align:center;gap:4px;padding:7px 3px}.talent-specs{display:flex;margin:14px 0}.talent-specs button{flex:1;font-size:10px;flex-direction:column;gap:5px;padding:7px}.talent-modes{border-top:1px solid #303744;padding-top:13px}.talent-modes button{flex-direction:row;justify-content:center;font-size:12px}.talent-help{margin:12px 0!important}.talent-import{display:grid;grid-template-columns:1fr auto;gap:8px}.talent-import label{grid-column:1/-1}.talent-import textarea{resize:none;min-height:40px}.talent-import button{align-self:stretch}.talent-build-heading{align-items:start;flex-direction:column}.talent-actions{width:100%}.talent-actions button{flex:1;font-size:10px}.talent-columns{display:flex;flex-direction:column}.talent-trees{display:flex;flex-direction:column;width:100%}.talent-tree{width:100%}.talent-builds{width:100%;order:-1}.talent-builds #talent-build-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.talent-build-card{min-width:180px;flex:1;scroll-snap-align:start}.talent-builds details{display:none}.talent-tree-canvas{max-width:470px}.talent-help{font-size:11px}.talent-node button{height:40px}.talent-node{width:40px;min-height:40px}.talent-node img{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.talent-app button:where(:not(.character-import *)){transition:none}}

.talent-app h2:where(:not(.character-import *)),.talent-app h3:where(:not(.character-import *)){font-family:Inter,sans-serif}.talent-tree.hero{display:block}
@media(min-width:1550px){.talent-trees{grid-template-columns:1fr 1fr .9fr}.talent-tree.hero{grid-column:auto}}

.talent-classes span,.talent-specs strong{color:color-mix(in srgb,var(--class-color) 72%,white)}.talent-node .talent-rank{font-size:10px}
.talent-inspector[hidden]{display:none}.talent-inspector{position:fixed;z-index:1100;bottom:18px;inset-inline-end:20px;width:310px;padding:18px!important;box-shadow:0 12px 50px #000b!important;background:#121820!important}.talent-inspector strong{display:block;color:#dec386;padding-inline-end:20px;font-size:13px}.talent-inspector p{font-size:11px;line-height:1.6;margin:8px 0;max-height:180px;overflow:auto;white-space:pre-line}.talent-inspector small{font-size:11px;color:#9faec1}.talent-inspector>div{display:flex;gap:7px;align-items:center;margin-top:12px}.talent-inspector>div button{font-size:11px;padding:9px}.talent-inspector a{color:#dec386;font-size:11px;margin-inline-start:auto}.talent-inspector>button{position:absolute;inset-inline-end:8px;top:8px;padding:4px 7px;border:0}.talent-inspector button:disabled{cursor:default}
@media(max-width:720px){.talent-inspector{inset-inline:12px;bottom:12px;width:auto;padding:13px!important}.talent-inspector p{max-height:80px}.talent-inspector>div button{min-height:40px}}

.talent-workbench,.talent-columns,.talent-trees{min-width:0}@media(max-width:1450px){.talent-layout{grid-template-columns:minmax(0,1fr)}}.talent-specs button{min-width:0}

.talent-guide{margin:36px auto 0;padding:28px 32px;max-width:1450px}.talent-guide h2{font-family:'Cormorant Garamond',serif!important;font-size:27px;line-height:1.3;color:#ddc7f5}.talent-guide p{font-size:13px;line-height:1.85;color:#a8b2c2;margin:12px 0}.talent-guide-intro{max-width:1000px}.talent-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px}.talent-guide h3{font-size:13px;line-height:1.6;color:#d3dbe7}.talent-guide-links{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #303744;margin-top:18px;padding-top:18px}.talent-guide-links a{color:#c5a2eb;font-size:13px;text-decoration:underline;text-underline-offset:4px}.talent-guide-links a:hover{color:#eee0fc}.talent-guide-links a:focus-visible{outline:2px solid #b798db;outline-offset:4px}.talent-badge{letter-spacing:.04em}
@media(max-width:1050px){.talent-guide-grid{grid-template-columns:1fr;gap:12px;margin-top:20px}}@media(max-width:720px){.talent-guide{padding:22px 18px;margin-top:24px}.talent-guide h2{font-size:23px}.talent-guide p{font-size:12px}.talent-badge{white-space:normal;max-width:135px;text-align:center}}

/* Trees fit their panel instead of introducing an internal horizontal viewport. */
.talent-trees{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.talent-tree.hero{grid-column:auto}.talent-tree-scroll{overflow:hidden}.talent-tree-canvas{width:100%;min-width:0;margin:18px auto 24px}
.talent-node,.talent-node.choice{width:var(--node-size,38px);min-height:var(--node-size,38px)}
.talent-node button{height:var(--node-size,38px)}.talent-node img{width:100%;height:100%}
.talent-node.choice button:first-child{border-radius:inherit}.talent-node.choice img{position:static;transform:none}
.talent-node.choice::after{content:'';position:absolute;inset:-1px;border:1px solid #9b865c;border-radius:8px;pointer-events:none;transform:rotate(45deg);opacity:.65}
.talent-node .talent-rank{font-size:clamp(7px,calc(var(--node-size,38px)*.26),11px);bottom:calc(var(--node-size,38px)*-.26)}
.talent-builds #talent-build-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));overflow:visible}.talent-build-card{min-width:0}
/* Prominent game-mode cards follow the region-card color and active-state treatment. */
.talent-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;padding:0;margin-bottom:28px}
.talent-app .talent-modes button{position:relative;min-width:0;min-height:160px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:22px 16px;overflow:hidden;border-radius:14px;border:1px solid #3e4550;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--mode-color) 13%,transparent),transparent 65%),linear-gradient(135deg,#171c25f5,#0a0f17f5);box-shadow:inset 0 1px 0 #ffffff0a,0 10px 24px #0003;filter:saturate(.55);color:#bac4d3}
.talent-modes img{width:72px;height:72px;border:2px solid color-mix(in srgb,var(--mode-color) 50%,#393e4b);border-radius:12px;box-shadow:0 5px 20px #0008;object-fit:cover}
.talent-modes strong{font-family:'Cormorant Garamond',serif;font-size:25px;line-height:1.2;overflow-wrap:anywhere}
.talent-app .talent-modes button[aria-pressed=true]{filter:none;color:var(--mode-color);border-color:var(--mode-color);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--mode-color) 23%,transparent),transparent 75%),linear-gradient(135deg,#1b2029,#0c111a);box-shadow:0 0 24px color-mix(in srgb,var(--mode-color) 15%,transparent),inset 0 1px 0 #fff2}
.talent-app .talent-modes button:hover{filter:none;border-color:var(--mode-color)}
.talent-choice[hidden]{display:none}.talent-choice{position:fixed;z-index:1200;width:min(380px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:14px!important;background:#10151ffb!important;border-color:#ab9563!important;box-shadow:0 12px 48px #000b!important;direction:inherit;animation:none!important;transition:none!important;transform:none!important;opacity:1!important;filter:none!important}
.talent-choice>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;color:#e7cf9a;font-size:13px}
.talent-choice>header button{padding:3px 7px}.talent-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.talent-choice-options button{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;text-align:center;padding:12px 8px!important;color:#9aa4b3;background:#0c111a!important}
.talent-choice-options img{width:64px;height:64px;border-radius:7px;border:2px solid #4c515c;filter:grayscale(1) brightness(.55)}
.talent-choice-options .selected{border-color:#e2bc6f!important;color:#eddbb1}.talent-choice-options .selected img{filter:none;border-color:#e2bc6f;box-shadow:0 0 15px #d4a45633}
.talent-choice-options strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.talent-choice-options small{font-size:10px;line-height:1.5;max-height:110px;overflow-y:auto;overflow-wrap:anywhere;color:#a4adbb;white-space:pre-line}
.talent-hover[hidden]{display:none}.talent-hover{position:fixed;z-index:1190;width:min(240px,calc(100% - 24px));padding:12px;border:1px solid #a48c58;border-radius:9px;background:#0c121cfb;box-shadow:0 8px 30px #0009;pointer-events:none;text-align:center;font-size:12px;line-height:1.5}.talent-hover small{display:block;color:#a4adbb;font-size:11px;margin-top:4px}
@media(max-width:1450px){.talent-setup{grid-template-columns:minmax(0,1fr) 240px}.talent-import{grid-row:2/5}.talent-help{grid-row:4}}
@media(max-width:1050px){.talent-columns{grid-template-columns:1fr}.talent-builds{order:0}.talent-builds #talent-build-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.talent-trees{display:grid}.talent-setup{display:block}.talent-modes{gap:8px;margin-bottom:20px}.talent-app .talent-modes button{min-height:130px;padding:16px 8px;gap:12px}.talent-modes img{width:58px;height:58px}.talent-modes strong{font-size:20px}.talent-builds #talent-build-list{grid-template-columns:1fr}.talent-choice-options img{width:56px;height:56px}}

/* Cached spell effects use the game's dark frame, gold title and warm effect text. */
.talent-hover{width:min(360px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden;pointer-events:auto;text-align:start;padding:14px;background:linear-gradient(135deg,#121827fa,#080c14fc);border:1px solid #a28d63;box-shadow:inset 0 0 0 1px #000b,0 12px 40px #000c;overflow-wrap:anywhere}
.talent-hover>header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.talent-hover>header img{width:42px;height:42px;border:1px solid #a28d63;border-radius:4px}.talent-hover>header strong{color:#ffdc79;font-size:15px;line-height:1.25}.talent-hover>header small{color:#eee0bd;font-size:11px}
.talent-tooltip-effect{display:block;margin-top:10px}.talent-tooltip-description{display:block;white-space:pre-line;color:#ffda8a;font-size:12px;line-height:1.55}.talent-tooltip-stats{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 12px;color:#f0f1f4;font-size:11px;margin-bottom:5px}.talent-tooltip-tier{color:#f1e0bd!important;font-weight:700;margin-bottom:5px}.talent-tooltip-requirement{font-size:11px;color:#f2e4c5;margin:12px 0 0}.talent-tooltip-locked{font-size:11px;color:#ff8787;margin:5px 0}.talent-hover footer{font-size:10px;color:#929dad;border-top:1px solid #ffffff14;margin-top:12px;padding-top:8px}
.talent-choice-description{display:block;max-height:190px;overflow-y:auto;text-align:start;width:100%}.talent-choice-options .talent-tooltip-description{font-size:10px;color:#929aa6}.talent-choice-options .selected .talent-tooltip-description{color:#ffda8a}.talent-choice-options .talent-tooltip-stats{font-size:10px;color:#abb2be}.talent-choice-options .selected .talent-tooltip-stats{color:#eee}.talent-choice-options .talent-tooltip-effect{margin-top:0}
#talent-character-build[hidden]{display:none}#talent-character-build{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #a58ce32a;min-width:0}.talent-character-label{color:#bba4ec;font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 0 10px}.talent-app .talent-character-card{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:14px 12px;text-align:start;background:radial-gradient(ellipse at 0% 50%,color-mix(in srgb,var(--character-color) 11%,transparent),transparent 80%),#0c121c;border:1px solid #424858;border-radius:10px}.talent-character-card>span{min-width:0}.talent-character-card .recent-character-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:10px;border:2px solid var(--character-color);object-fit:cover;box-shadow:0 5px 16px #0008}.talent-character-card strong{display:block;font-family:'Cormorant Garamond',serif;font-size:25px;line-height:1.1;color:var(--character-color);overflow-wrap:anywhere}.talent-character-card small{display:block;font-size:10px;line-height:1.6;color:#a6b1c2;overflow-wrap:anywhere}.talent-app .talent-character-card.active,.talent-app .talent-character-card:hover{border-color:var(--character-color);box-shadow:0 0 16px color-mix(in srgb,var(--character-color) 12%,transparent)}.talent-character-date{display:block;color:#8590a1;font-size:10px;margin-top:8px}