/* English and Korean independent mascot progress, with growth stages only. */
.jgc-slot{max-width:1060px;margin:0 0 18px}
.jgc-card{width:100%;display:flex;align-items:center;gap:20px;min-height:189px;text-align:left;border:1px solid #dedafa;border-radius:18px;padding:16px 21px;background:linear-gradient(112deg,#f1efff 0%,#faf9ff 65%,#f4f6ff 100%);font:inherit;cursor:pointer;color:#272443;transition:box-shadow .18s,border-color .18s}
.jgc-card:hover{border-color:#a99df2;box-shadow:0 7px 19px #6053cf18}
.jgc-card-art{width:165px;min-width:165px;height:165px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#fffdfa 4%,#faf5ff 73%);border-radius:22px}
.jgc-card-art .jgc-mascot{width:100%;height:100%;display:block}
.jgc-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.jgc-label,.jgc-kicker{font-weight:800;letter-spacing:.8px;font-size:10px;color:#6e5ce0}
.jgc-name{font-size:16px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:9px}
.jgc-name strong{font-size:13px;white-space:nowrap;color:#6755cd}
.jgc-tier{font-size:12px;font-weight:750;color:#8470ae}
.jgc-track,.jgc-large-track{display:block;width:100%;height:9px;background:#dedaf4;border-radius:99px;overflow:hidden}
.jgc-track>span,.jgc-large-track>span{display:block;height:100%;background:linear-gradient(90deg,#6b58e9,#a18cff);border-radius:inherit;transition:width .4s}
.jgc-meter{font-size:11px;color:#77738e}
.jgc-card-arrow{font-size:12px;white-space:nowrap;font-weight:800;color:#715fd6;padding-left:8px}
.jgc-fallback{font-size:60px}
#jini-character-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(94vw,645px);max-height:min(93dvh,900px);overflow-y:auto;border:1px solid #e5defe;border-radius:25px;padding:0;color:#272443;background:#fff;box-shadow:0 20px 75px #21184550;font:inherit}
#jini-character-dialog::backdrop{background:#211b43a6;backdrop-filter:blur(3px)}
.jgc-dialog-content{padding:24px 29px 28px}
.jgc-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.jgc-close{width:36px;height:36px;border:0;border-radius:11px;background:#f3f2fa;color:#615a79;font-size:16px;cursor:pointer}
.jgc-portrait{text-align:center;padding:8px 8px 17px}
.jgc-portrait-art{width:min(78vw,325px);height:min(78vw,325px);margin:0 auto 11px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 65%,#fffdfb 0%,#f8f2ff 66%,#f5f3ff 100%);border-radius:25px}
.jgc-portrait-art .jgc-mascot{width:100%;height:100%;display:block}
.jgc-level{display:inline-block;padding:4px 11px;border-radius:100px;background:#6652d8;color:#fff;font-weight:800;font-size:12px}
.jgc-portrait h2{font-size:23px;margin:8px 0 5px;line-height:1.4}
.jgc-portrait p{max-width:350px;margin:0 auto;font-size:12px;color:#77778d;line-height:1.7}
.jgc-xp-section{margin:13px 0 15px;padding:16px;border:1px solid #e5e0fd;background:#f9f8ff;border-radius:14px}
.jgc-xp-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;font-size:13px}
.jgc-xp-heading span{color:#6958d8;font-weight:800}
.jgc-large-track{height:12px}
.jgc-xp-section p{margin:10px 0 0;color:#76758c;font-size:12px;line-height:1.7}
.jgc-choices{display:flex;flex-direction:column;gap:13px;margin-top:19px}
.jgc-choices label,.jgc-choice-title{font-size:13px;font-weight:800}
#jgc-name-input{width:100%;box-sizing:border-box;border:1px solid #dedaf2;border-radius:11px;padding:12px;color:#272443;background:#fff;font:inherit;font-size:15px}
.jgc-choice-title{display:block;margin-top:11px}
.jgc-avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.jgc-avatar-option{min-width:0;border:1px solid #e7e4f1;background:#fff;border-radius:14px;padding:8px 4px 11px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font:inherit;color:#77738c}
.jgc-avatar-option small{font-size:12px}
.jgc-avatar-option.is-selected{background:#f3efff;border-color:#8b7de0;color:#5848bc;font-weight:800}
.jgc-animal-art{display:flex;align-items:center;justify-content:center;width:100%;height:87px}
.jgc-animal-art .jgc-mascot{width:92px;height:92px;max-width:100%}
.jgc-tip{margin:15px 0 0;font-size:11px;line-height:1.8;color:#8c899d}
#jini-level-up-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:1000;padding:13px 20px;border-radius:13px;background:#5343bd;color:#fff;font-weight:800;box-shadow:0 12px 24px #3b32844d;text-align:center;max-width:90vw}
#jini-level-up-toast[hidden]{display:none!important}
.jgc-card:focus-visible,#jini-character-dialog button:focus-visible,#jini-character-dialog input:focus-visible{outline:3px solid #9687f5;outline-offset:3px}
@media(max-width:760px){
.jgc-slot{margin-bottom:13px}
.jgc-card{min-height:140px;padding:10px 12px;gap:10px}
.jgc-card-art{width:118px;min-width:118px;height:118px}
.jgc-label{font-size:10px}
.jgc-name{font-size:14px}
.jgc-name strong{font-size:12px}
.jgc-meter{font-size:10px}
.jgc-tier{font-size:11px}
.jgc-card-arrow{display:none}
.jgc-dialog-content{padding:15px 15px 20px}
.jgc-portrait-art{width:min(80vw,295px);height:min(80vw,295px)}
.jgc-animal-art{height:75px}
.jgc-animal-art .jgc-mascot{width:80px;height:80px}
}
@media(max-width:380px){.jgc-card-art{width:105px;min-width:105px;height:105px}.jgc-name{font-size:12px}.jgc-portrait-art{width:235px;height:235px}}
@media(prefers-reduced-motion:reduce){.jgc-track>span,.jgc-large-track>span,.jgc-card{transition:none}}