#modal.skills-dialog{width:min(94vw,52dvh,560px);height:min(88dvh,720px);max-height:none;padding:0;overflow:hidden;border:3px solid #292743;border-radius:23px;color:#fff;background:linear-gradient(145deg,#65548f,#373f70);box-shadow:inset 0 0 0 2px #ac96d366,0 8px 30px #17213f88}
.skills-dialog #modal-content{height:100%;overflow:hidden}.hero-skills-panel{position:relative;display:flex;flex-direction:column;height:100%;gap:12px;padding:20px 14px 14px}.skills-overview{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-right:18px}.skills-hero-portrait{width:64px;height:81px;flex-shrink:0;border:2px solid #cebd83;border-radius:15px;background:radial-gradient(ellipse at center,#9d88be,#494577);box-shadow:inset 0 2px #decaf944}.skills-hero-portrait>img{width:100%;height:100%;object-fit:contain}.skills-eyebrow{color:#d1c4ea;font-size:8px;letter-spacing:1.5px;font-weight:900}#modal .skills-overview h2{font-size:27px;margin:6px 0;text-align:left;color:#fff1be}#modal .skills-overview p{font-size:12px;color:#d9d6ed;margin:0}.skills-overview p strong{color:#ffe6a4}
#modal .skills-close{position:absolute;right:9px;top:9px;width:28px;height:28px;display:grid;place-items:center;padding:0;margin:0;border:2px solid #302642;border-radius:9px;background:linear-gradient(#f3a0a2,#b95076);box-shadow:inset 0 2px #ffcaba;color:#fff;font-size:23px;line-height:1;z-index:2}.skills-xp{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;color:#c9cbe5;font-size:9px;flex-shrink:0}.skills-xp>strong{font-size:9px;color:#e8dba8}.skills-xp>progress{grid-column:1/-1;width:100%;height:8px;border:0;border-radius:9px;accent-color:#58d9cf;overflow:hidden}.skills-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;min-height:0;flex:1;padding:3px 2px 7px}.skills-card-list::-webkit-scrollbar{display:none}.hero-skill-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:10px 8px;border:2px solid #a7d3d2;border-radius:13px;background:linear-gradient(140deg,#4a859b,#414873);box-shadow:inset 0 2px #d0e8ec44,0 3px #24274c55;text-align:center}.hero-skill-card.green{border-color:#acc98d;background:linear-gradient(140deg,#5f917b,#454f73)}.hero-skill-art{position:relative;width:52px;height:49px;flex-shrink:0}.hero-skill-art .skill-art{width:100%;height:100%;filter:drop-shadow(0 2px #1a274444)}.hero-skill-art>strong{position:absolute;bottom:-1px;right:-14px;border:2px solid #3a3049;border-radius:7px;background:linear-gradient(#ffe7a0,#dba353);padding:2px 5px;color:#64432f;font-size:11px;line-height:1}.hero-skill-card h3{font-size:12px;line-height:1.2;color:#fff3ce;margin:8px 0 6px}.hero-skill-effect{display:flex;flex-direction:column;gap:2px}.hero-skill-effect>strong{font-size:23px;color:#c0f8d0;text-shadow:0 2px #263e52}.hero-skill-effect>span{font-size:8px;color:#d8e6ec;font-weight:900}#modal .hero-skill-card>p{font-size:8px;line-height:1.35;margin:7px 0;color:#cadbe3}.hero-skill-ranks{display:flex;gap:3px;width:100%;margin-top:auto;padding-top:4px}.hero-skill-ranks>i{height:4px;flex:1;min-width:0;border-radius:2px;background:#28314c}.hero-skill-ranks>i.filled{background:#ffe2a4;box-shadow:0 0 3px #fff0ab55}.hero-skills-footer{flex-shrink:0;text-align:center}.hero-skills-footer>span{font-size:8px;color:#bec3df}#modal .hero-skills-footer>.toy-button{margin-top:9px;min-height:42px;padding:9px;font-size:16px}.skills-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 15px;text-align:center}.skills-empty>.skill-art{width:85px;height:85px}.skills-empty>h3{font-size:17px;color:#ffe9b3}#modal .skills-empty>p{font-size:11px;color:#cdd4e8}.skills-dialog button:focus-visible{outline:2px solid #ffe5a9;outline-offset:2px}
@media(max-height:650px){.hero-skills-panel{padding:14px 10px 10px;gap:8px}.skills-hero-portrait{width:48px;height:61px}#modal .skills-overview h2{font-size:23px}.hero-skill-card{padding:8px 5px}.hero-skill-art{width:39px;height:37px}.hero-skill-card h3{font-size:10px}.hero-skill-effect>strong{font-size:20px}#modal .hero-skill-card>p{font-size:7px}.hero-skills-footer>span{font-size:7px}}
@media(max-height:480px) and (min-width:540px){#modal.skills-dialog{width:min(94vw,720px);height:93dvh}.hero-skills-panel{display:grid;grid-template-columns:150px 1fr;grid-template-rows:1fr auto auto;gap:8px 15px}.skills-overview{grid-column:1;grid-row:1;flex-direction:column;align-items:center;justify-content:center;padding:0;text-align:center}#modal .skills-overview h2{text-align:center}.skills-xp{grid-column:1;grid-row:2}.skills-card-list{grid-column:2;grid-row:1/4;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-skills-footer{grid-column:1;grid-row:3}.skills-close{display:none!important}}
#save-warning{position:absolute;z-index:80;left:5%;right:5%;top:8px;padding:7px 10px;border:2px solid #c89b64;border-radius:9px;background:#543b4ef2;font-size:10px;color:#ffe2ad;text-align:center;pointer-events:none}
/* The effect label carries the detail; keep common six-skill builds fully visible. */
#modal .hero-skill-card>p{display:none}