.status-panel {width:min(600px,90vw);max-height:85vh;overflow-y:auto;}
.growth-combat-details summary {cursor:pointer;padding:11px 3px;color:#bbcdc7;font-size:12px;}
.growth-combat-details[open] summary {color:#eed499;}
#stat-allocation {margin-top:20px;padding-top:16px;border-top:1px solid #c8a95a55;}
#stat-allocation header {display:flex;justify-content:space-between;align-items:center;color:#e7cd8f;}
#stat-allocation header small {letter-spacing:.18em;font-size:9px;color:#89aca7;}
#stat-allocation h3 {margin:5px 0 10px;font-size:21px;}
#stat-allocation header strong {padding:10px 14px;border:1px solid #dfba6855;background:#13282b;}
.growth-guide,.growth-preview {font-size:12px;line-height:1.7;color:#c3d1cd;}
.growth-stats {display:grid;gap:6px;}
.growth-stat {display:grid;grid-template-columns:1fr 30px 30px 30px;gap:5px;align-items:center;padding:10px;border:1px solid #899d9630;background:linear-gradient(100deg,#142b2de0,#142128cc);}
.growth-stat.recommended {border-left:3px solid #d7b875;}
.growth-stat small {display:block;font-size:11px;line-height:1.55;color:#b1c6c2;margin-top:5px;}
.growth-stat em {margin-left:9px;font-size:9px;color:#f2d18f;font-style:normal;}
.growth-stat strong {text-align:center;font-size:17px;color:#f3e0b5;}
.growth-stat button {padding:4px;color:#ffe4a0;background:#223936;border:1px solid #ad955950;}
#stat-allocation footer {display:flex;gap:12px;justify-content:space-between;margin-top:14px;}
#stat-allocation footer button,#tutorial-action {padding:10px 15px;border:1px solid #e5c981;color:#f2dfa6;background:linear-gradient(#40514c,#203638);font-weight:700;}
#stat-allocation button:disabled {opacity:.3;cursor:not-allowed;}
.growth-note {color:#9bafac;font-size:10px;line-height:1.7;}
#tutorial-action {margin:12px 0;width:100%;box-shadow:0 0 22px #f2cc7533;}
#tutorial-action[hidden] {display:none;}
.skill-drop-source {color:#aaaf9d!important;font-size:10px!important;line-height:1.5;}
.creation-stat-help {display:block;color:#a8c0bb;font-size:10px;line-height:1.5;margin-top:4px;}
/* A reserved shortcut is not a freely learned skill. */
.slot.unlearned-skill .skill-icon { opacity: .25; filter: grayscale(1); }
.slot.unlearned-skill .skill-name { opacity: .55; }