#panel-character .workspace-cosmos-frame{min-height:0!important;height:100%;width:100%}
#panel-character .character-cosmos-pane{display:flex;flex-direction:column}
#panel-character .cosmos-constellation{position:relative;flex:1;min-height:235px;width:100%;isolation:isolate}
#panel-character .cosmos-constellation:before{content:'';position:absolute;inset:40px 32px 20px;border:1px solid #869fb421;border-radius:50%;background:radial-gradient(ellipse,#42627f2b,transparent 72%);z-index:-1}
#panel-character .cosmos-character{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:200px;height:200px;display:flex;align-items:center;justify-content:center}
#panel-character .character-cosmos-slot{position:absolute;width:54px;height:54px;padding:4px;border:2px solid #9fb4c5;border-radius:50%;background:radial-gradient(circle at 35% 30%,#34485c,#0e1926 75%);box-shadow:0 0 0 3px #0e1c2a,0 0 0 4px #6c849155;color:#dfeaf4;cursor:pointer;z-index:2}
#panel-character [data-cosmos-slot="0"]{top:10px;left:calc(50% - 27px)}
#panel-character [data-cosmos-slot="1"]{top:116px;left:9px}
#panel-character [data-cosmos-slot="2"]{top:116px;right:9px}
#panel-character .cosmos-symbol{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;font-size:22px;background:radial-gradient(circle,color-mix(in srgb,var(--cosmos-color) 40%,#192537),#0d1724)}
#panel-character .cosmos-symbol img{width:75%;height:75%;object-fit:contain;filter:drop-shadow(0 0 4px var(--cosmos-color))}
#panel-character .character-cosmos-slot>small{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:800;color:#bbcedd}
#panel-character .character-cosmos-slot:hover{border-color:#ead897}
#panel-character .character-cosmos-slot.locked{border-color:#607587;color:#a1b1c1}
#panel-character .cosmos-slot-hint{font-size:10px;line-height:1.6;color:#a5bacd;text-align:center;margin:10px 0 0;flex:none}