.ct{color:#e8f1f7;background:#202d38;border:1px solid #4a6474;border-radius:7px;gap:12px;padding:16px;font-family:Arial,Helvetica,sans-serif;display:grid}.ct-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ct-points{color:#f6e6c4;background:#3a3226;border:1px solid #7a6a45;border-radius:7px;justify-items:center;min-width:92px;padding:8px 12px;display:grid}.ct-points strong{font-size:28px;line-height:1}.ct-points span{font-size:11px}.ct-xp{flex:1;gap:3px;min-width:180px;display:grid}.ct-xp>span{color:#c3d4df;font-size:12px}.ct-xp progress{appearance:none;background:#2f4756;border:0;border-radius:4px;width:100%;height:7px;overflow:hidden}.ct-xp progress::-webkit-progress-bar{background:#2f4756}.ct-xp progress::-webkit-progress-value{background:#4bc9f5}.ct-xp progress::-moz-progress-bar{background:#4bc9f5}.ct-xp small{color:#a9c0cd;font-size:11px}.ct-note{color:#a9c0cd;margin:0;font-size:12px;line-height:1.5}.ct-switch{gap:6px;display:none}.ct-switch button{color:#c3d4df;min-height:40px;font:inherit;background:#1b2a35;border:1px solid #3d5261;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:13px;font-weight:700;display:inline-flex}.ct-switch button[aria-pressed=true]{color:#fff;background:#22546c;border-color:#3c8db2}.ct-switch button b{color:#9fe6ff;font-size:11px;font-weight:400}.ct-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ct-branch{background:#1b2a35;border:1px solid #3d5261;border-radius:6px;align-content:start;gap:4px;padding:10px;display:grid}.ct-branch h4{color:#8fdcf8;align-items:center;gap:6px;margin:0 0 6px;font-size:13px;display:flex}.ct-branch h4 small{color:#93aab8;text-align:right;margin-left:auto;font-size:11px;font-weight:400}.ct-node-wrap{justify-items:center;gap:2px;display:grid}.ct-arrow{color:#5f8398}.ct-node{color:#e8f1f7;width:100%;font:inherit;text-align:left;background:#243745;border:1px solid #4a6474;border-radius:5px;align-items:flex-start;gap:9px;min-height:44px;padding:9px;display:flex}.ct-node:hover:not(:disabled){background:#2e4a5c;border-color:#5f8398}.ct-node.is-owned{background:#22546c;border-color:#3c8db2}.ct-node:disabled:not(.is-owned){opacity:.75;cursor:not-allowed}.ct-seal{color:#9fe6ff;background:#14212b;border:1px solid #4a6474;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.ct-node.is-owned .ct-seal{color:#062130;background:#4bc9f5}.ct-copy{gap:2px;min-width:0;display:grid}.ct-copy strong{font-size:13px}.ct-copy span{color:#c3d4df;font-size:12px}.ct-copy em{color:#93aab8;font-size:11px;font-style:italic}.ct-copy small{color:#f0c66b;font-size:11px}.ct-node.is-owned .ct-copy small{color:#9fe6ff}.ct-node.is-native:not(.is-owned) .ct-copy small{color:#a9c0cd}.ct-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ct-foot small{color:#a9c0cd;font-size:11px}.ct-reset{color:#e9f4fa;min-height:34px;font:inherit;background:#2e4a5c;border:1px solid #5f8398;border-radius:5px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.ct-reset:disabled{color:#96a8b4;background:#2a3a45;border-color:#46586a}.ct-badge{color:#c3d4df;font:inherit;white-space:nowrap;background:#1d303c;border:1px solid #4d6b7d;border-radius:12px;align-items:center;gap:5px;min-height:26px;padding:4px 9px;font-size:11px;display:inline-flex}.ct-badge.is-ready{color:#f6e6c4;background:#3a3226;border-color:#7a6a45}.ct-badge:hover{filter:brightness(1.15)}@media (max-width:850px){.ct-switch{display:flex}.ct-branches{grid-template-columns:1fr}.ct-branch{display:none}.ct-branch.is-selected{display:grid}.ct-branch h4 small{text-align:left;margin-left:0}.ct-node{min-height:56px;padding:11px}.ct-copy span,.ct-copy em{font-size:12px}}.pc-customise .ct-note,.pc-customise .ct-copy span,.pc-customise .ct-copy em{font-size:12px}.pc-customise .ct-copy em{font-size:11px}.pc-customise .ct-node.is-owned:disabled{opacity:1}.portrait-creator.is-talents .pc-layout{grid-template-columns:1fr;gap:0}.portrait-creator.is-talents .ct{background:0 0;border:0;padding:12px 0 0}.portrait-creator.is-talents .pc-customise .ct-copy span,.portrait-creator.is-talents .pc-customise .ct-copy em{font-size:12px}
