/* The main sidebar's portrait geometry, shared by battle and separate profiles.
   The sidebar and uploaded skin files themselves are not changed. */
.character-portrait{--cu:clamp(1px,.1svh,2px);--cw:min(calc(var(--cu)*180.48 + 6mm),calc(var(--cu)*221.76));--ci:max(0px,calc(min(10mm,var(--cw)*.08) - 3mm));--ch:max(calc(var(--cu)*250),calc((100svh - var(--cu)*40)*.43 - var(--cu)*60));position:relative;width:var(--cw);height:calc(var(--ch) + var(--cu)*64);min-width:0;transform-origin:0 0;color:#e2dfd4}
.cp-shell{position:relative;margin:0 auto;min-width:0}
.character-portrait .cp-name{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:calc(var(--cu)*20);margin:0;font:600 calc(var(--cu)*12)/1.2 Arial,sans-serif;text-align:center;white-space:nowrap}
.character-portrait .cp-name .nick{font:inherit;color:#e2dfd4}.character-portrait .cp-name .lvl{font:inherit;color:#a9b5b6}.character-portrait .cp-name .cicon{width:calc(var(--cu)*16);height:calc(var(--cu)*16);object-fit:contain}.character-portrait .cp-name .infoico{display:inline-grid;place-items:center;flex:none;width:calc(var(--cu)*16);height:calc(var(--cu)*18);min-width:0;padding:0;font-size:calc(var(--cu)*12);line-height:1}
.character-portrait .cp-tracks{position:absolute;left:calc(50% + .25mm);transform:translateX(-50%);width:calc(100% - 2*var(--ci) + .5mm);height:calc(var(--cu)*20);display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:0;margin:0}
.character-portrait .cp-tracks-top{top:calc(var(--cu)*22)}.character-portrait .cp-tracks-bottom{bottom:0}
.character-portrait .pool{display:flex;min-height:0;margin:0;padding:0}.character-portrait .pool>div{position:relative;flex:1;height:calc(var(--cu)*10);box-sizing:border-box;overflow:hidden;border:1px solid #91836b;border-radius:2px;background:#06121b}
.character-portrait .pool i{position:absolute;left:0;top:0;bottom:0;min-width:0;max-width:100%;background:linear-gradient(#c94937,#74241e 53%,#a43424)}
.character-portrait .pool.endurance i{background:linear-gradient(#64a050,#2a5935 53%,#367740)}.character-portrait .pool.strength i{background:linear-gradient(#d4a239,#8e5e1e 53%,#b97f26)}.character-portrait .pool.mana i{background:linear-gradient(#5496cf,#265077 53%,#3478a8)}
.character-portrait .pool b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:400 calc(var(--cu)*8)/1 Georgia,serif;text-shadow:0 1px #000;z-index:1}
.character-portrait .cp-equipment{position:absolute;top:calc(var(--cu)*45);left:0;width:100%;height:var(--ch);container-type:inline-size}
.character-portrait .cp-equipment .doll{display:grid!important;position:relative;width:100%!important;max-width:none;height:100%!important;min-height:0;grid-template-columns:19.9% minmax(0,1fr) 19.9%!important;grid-template-rows:minmax(0,1fr) calc(var(--cu)*40)!important;grid-template-areas:'l f r' 'b b b';column-gap:2px!important;row-gap:calc(var(--cu)*7)!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-sizing:border-box}
.character-portrait .cp-equipment .dmid{display:contents!important}.character-portrait .cp-equipment .dtop{display:none!important}
.character-portrait .cp-equipment .dleft,.character-portrait .cp-equipment .dright{display:grid;grid-row:1;min-height:0;height:calc(100% + var(--cu)*18)!important;gap:2px!important}
.character-portrait .cp-equipment .dleft{grid-column:1;transform:translate(var(--ci),calc(var(--cu)*2));grid-template-rows:repeat(5,minmax(0,1fr)) minmax(0,1.5fr) minmax(0,1.5fr)!important}
.character-portrait .cp-equipment .dright{grid-column:3;transform:translate(calc(-1*var(--ci) + .5mm),calc(var(--cu)*2));grid-template-rows:1fr 2.05fr 2.25fr 1fr 1.5fr!important}
.character-portrait .cp-equipment .figure{position:relative;grid-column:2;grid-row:1;justify-self:center;width:calc(100% - 2*var(--ci))!important;height:100%!important;min-height:0;border:0!important;background:none!important;overflow:visible;transform:none!important}
.character-portrait .cp-equipment .figure:before{display:none}
.character-portrait .cp-equipment .figure>img,.character-portrait .cp-equipment .figure>svg{position:absolute!important;left:calc(-1*var(--ci))!important;right:auto!important;top:calc(var(--cu)*40)!important;bottom:auto!important;width:calc(100% + 2*var(--ci))!important;height:calc(100% - var(--cu)*42)!important;max-width:none!important;object-fit:contain;object-position:center;transform:none!important}
.character-portrait .cp-equipment .drow{position:relative;top:calc(var(--cu)*-6);display:grid!important;grid-area:b;grid-template-columns:19.9% minmax(0,1fr) 19.9%!important;grid-template-rows:1fr;gap:2px!important;width:100%;height:100%!important;margin:0!important}
.character-portrait .ring-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;align-self:end;height:calc(var(--cu)*20);min-height:0;grid-row:1}
.character-portrait .ring-pair-left{grid-column:1;transform:translateX(var(--ci))}.character-portrait .ring-pair-right{grid-column:3;transform:translateX(calc(-1*var(--ci) + .5mm))}
.character-portrait .portrait-runes-top{position:absolute;left:0;right:-.5mm;top:calc(var(--cu)*2);bottom:auto;z-index:2;height:auto}
.character-portrait .portrait-runes-bottom{position:static!important;grid-column:2;grid-row:1;align-self:end;justify-self:center;width:calc(100% - 2*var(--ci) + .5mm);height:auto;transform:translateX(.25mm)}
.character-portrait .portrait-runes .rune-belt{width:100%;margin:0!important;padding:0!important;border:0!important;background:none!important}
.character-portrait .portrait-runes .rune-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;height:auto}
.character-portrait .portrait-runes .rune-slot{display:grid;place-items:center;position:relative;width:100%;height:auto!important;aspect-ratio:1;min-width:0;min-height:0;margin:0;padding:0;box-sizing:border-box;overflow:hidden;border:1px solid #a28a59;border-radius:2px;background:#0c1a26e6}
.character-portrait .portrait-runes img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;box-sizing:border-box;padding:2px}.character-portrait .portrait-runes .rune-lock{inset:15% 20%;width:60%;height:70%;padding:0}.character-portrait .rune-empty{font-size:calc(var(--cu)*20);opacity:.45}.character-portrait .rune-index{display:none}.character-portrait .rune-qty{position:absolute;right:2px;bottom:1px;font-size:calc(var(--cu)*8)}
.character-portrait .cp-equipment .slot{position:relative;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;box-sizing:border-box;overflow:hidden;border:1px solid #a28a59;border-radius:2px;background:#0c1a26e6}
.character-portrait .cp-equipment .slot>span{position:absolute;inset:1px;display:flex;align-items:center;justify-content:center;width:auto!important;height:auto!important;overflow:hidden}.character-portrait .cp-equipment .slot .i3d,.character-portrait .cp-equipment .slot img,.character-portrait .cp-equipment .slot svg{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;transform:none!important}.character-portrait .slot.empty{border-style:dashed;opacity:.45}
.asgard-game [data-view=battle] #arena{zoom:1}
.shared-portrait-card{min-width:0;box-sizing:border-box}.shared-portrait-card>.cp-shell{flex:none}
.profile>.profile-doll:has(.shared-portrait-card){padding:0;border:0;background:none;box-shadow:none;width:max-content;max-width:100%;align-self:start}
.profile-doll .shared-portrait-card{width:max-content;max-width:100%;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(var(--surface),var(--surface-soft))}
@media(min-width:761px){.profile:has(.shared-portrait-card){grid-template-columns:max-content minmax(0,1fr)}}
@media(max-width:1024px){.character-portrait{--cu:1px;--cw:min(calc((min(320px,90vw) - 27px)*.752 + 6mm),calc((min(320px,90vw) - 27px)*.88));--ch:max(180px,calc((100svh - 128px)*.43 - 60px))}}
@media(max-width:1024px) and (max-height:520px){.character-portrait{--ch:max(180px,calc((100svh - 80px)*.43 - 60px))}}