/* Classic character sheet: portrait-led header, framed equipment, fixed modal footprint. */
html body .layout>.panel#characterPanel.show-character.is-open{
 display:flex!important;flex-direction:column!important;
 width:min(760px,calc(100vw - 32px))!important;
 height:min(94dvh,820px)!important;max-height:calc(100dvh - 16px)!important;
 padding:7px 19px 14px!important;overflow:hidden!important;overscroll-behavior:none!important;
 border:28px solid transparent!important;
 border-style:solid!important;
 border-image-source:url('assets/ui/forge-panel-frame.webp')!important;
 border-image-slice:145 fill!important;
 border-image-width:28px!important;
 border-image-outset:0!important;
 border-image-repeat:round!important;
 background:#100b08 url('assets/ui/character-modal-interior.jpg') center/cover no-repeat!important;
 box-shadow:0 18px 65px #000e!important;
}
#characterPanel.show-character .drawer-top{display:none!important}
#characterPanel.show-character .drawer-top #drawerEyebrow{font-size:0!important}
#characterPanel.show-character .drawer-top #drawerEyebrow::after{content:'CHARACTER';font-size:13px!important}
#characterPanel.show-character .drawer-top #closeDrawer{position:absolute;right:23px;top:8px;width:25px;height:25px;padding:0;border:1px solid #dbac4e!important;border-radius:0;background:linear-gradient(#714117,#2c170c)!important;color:#fff1c9!important;font:700 19px/20px Georgia,serif}
#characterPanel.show-character #panelTitle,#characterPanel.show-character #panelSubtitle,#characterPanel.show-character #characterList{display:none!important}
#characterPanel.show-character #details{display:flex!important;flex:1 1 auto!important;min-height:0!important;margin:0!important;overflow:hidden!important}
#characterPanel.show-character .detail{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;width:100%!important;margin:0!important;padding:7px 7px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
#characterPanel.show-character .detail .player-head{position:relative;flex:0 0 57px;min-height:57px;gap:12px!important;margin:0 0 4px!important;padding:0 31px 7px 2px!important;border:0!important;border-bottom:1px solid #a77d3b66!important;background:transparent!important}
#characterPanel.show-character .detail .player-head>.class-portrait{width:47px!important;height:47px!important;flex:none;border:3px solid #d49a35!important;border-radius:50%!important;box-shadow:0 0 0 2px #17110a,0 0 8px #efbd5c66}
#characterPanel.show-character .detail .player-head>.class-portrait img{border-radius:50%!important}
#characterPanel.show-character .detail .player-name .name{display:block!important;margin:0!important;color:#ffdda0!important;font:700 16px Georgia,serif!important;letter-spacing:.25px;text-shadow:0 2px 2px #000}
#characterPanel.show-character .detail .player-name .name #closeDetails{
 position:absolute;top:7px;right:0;display:grid;place-items:center;width:28px;height:28px;padding:0;
 border:0!important;outline:none!important;border-radius:0!important;
 background:url('assets/ui/character-close-v1.png') center/100% 100% no-repeat!important;
 color:transparent!important;font-size:0!important;text-shadow:none!important;
 box-shadow:0 2px 4px #0007!important;
}
#characterPanel.show-character #closeDetails:hover{filter:brightness(1.25)}
#characterPanel.show-character .detail .player-name .name #closeDetails:focus-visible{box-shadow:inset 0 0 8px #eee1c477,0 2px 4px #0007!important}
#characterPanel.show-character #closeDetails:active{transform:translateY(1px)}
#characterPanel.show-character .detail .player-caption{margin-top:2px;color:#d9c293!important;font:700 11px Georgia,serif!important;letter-spacing:.2px;text-shadow:0 1px 2px #000}
#characterPanel.show-character .character-shortcuts{position:relative!important;flex:0 0 38px!important;top:auto!important;margin:4px -3px 6px!important;padding:2px!important;border:0!important;background:transparent!important;box-shadow:none!important}
#characterPanel.show-character .character-shortcut{min-height:34px!important;font-size:10px!important}
#characterPanel.show-character .location-status{flex:0 0 39px!important;min-height:39px!important;margin:0 0 4px!important;padding:4px 9px!important;border-color:#71562e!important;border-radius:0!important;background:linear-gradient(90deg,#1d1b18,#111318)!important;font:10px Georgia,serif!important}
#characterPanel.show-character .location-status small{font-size:9px!important}
#characterPanel.show-character .advanced-tools{display:none!important}
#characterPanel.show-character .wow-character-sheet{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;margin:4px 0 0!important;padding:6px 7px 5px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
#characterPanel.show-character .profession-section h3{height:27px!important;min-height:27px!important;margin:0 0 4px!important;padding:0 10px!important;border:6px solid transparent!important;border-width:6px 34px!important;border-image-source:url('assets/ui/character-title-plaque.png')!important;border-image-slice:260 240 fill!important;border-image-width:6px 34px!important;border-image-outset:0!important;border-image-repeat:stretch!important;background:transparent!important;color:#f5d184!important;font:700 10px Georgia,serif!important;letter-spacing:.6px!important;text-shadow:0 1px 3px #000!important}
#characterPanel.show-character .paper-doll{flex:1 1 auto!important;min-height:258px!important;grid-template-columns:minmax(118px,.95fr) minmax(180px,1.1fr) minmax(118px,.95fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:5px!important;padding-top:4px!important}
#characterPanel.show-character .gear-column{min-height:0!important;justify-content:space-between!important;gap:0!important}
#characterPanel.show-character .gear-column .gear-slot{background:url('assets/ui/forge-gear-slot.png') center/100% 100% no-repeat!important}
#characterPanel.show-character .gear-slot{flex:0 0 31px!important;height:31px!important;filter:drop-shadow(0 1px 2px #000)!important}
#characterPanel.show-character .gear-slot-item,#characterPanel.show-character .gear-slot-empty{grid-template-columns:26px minmax(0,1fr)!important;column-gap:4px!important;padding:2px 5px!important}
#characterPanel.show-character .gear-slot-item img,#characterPanel.show-character .gear-slot-item .iconsmall,#characterPanel.show-character .gear-slot-item .gear-glyph,#characterPanel.show-character .gear-slot-empty .gear-glyph{width:24px!important;height:24px!important}
#characterPanel.show-character .gear-slot-item .gear-label,#characterPanel.show-character .gear-slot-empty .gear-label{font-size:8px!important}
#characterPanel.show-character .gear-slot-item b,#characterPanel.show-character .gear-slot-empty b{font-size:9px!important}
#characterPanel.show-character .doll-stage{height:100%!important;min-height:0!important;border:2px solid #65502e!important;background:radial-gradient(ellipse at 50% 33%,#46423a 0,#222326 47%,#090b0e 100%)!important;box-shadow:inset 0 0 35px #000d,0 0 0 1px #100d09!important}
#characterPanel.show-character .doll-halo{top:18px!important;width:144px!important;height:min(205px,70%)!important;border-color:#d4ac5666!important;box-shadow:0 0 30px #c49a5030,inset 0 0 22px #c49a5022!important}
#characterPanel.show-character .doll-stage .doll-portrait{position:absolute;inset:8px 4px 27px;z-index:1;display:grid!important;place-items:center}
#characterPanel.show-character .doll-stage .doll-portrait .class-portrait{width:min(138px,100%)!important;height:auto!important;aspect-ratio:1;border:4px solid #c39445!important;border-radius:12px!important;overflow:hidden!important;background:radial-gradient(circle,#31302b,#090b0e 80%)!important;box-shadow:0 0 0 2px #120e08,0 0 22px #e6bb6955!important}
#characterPanel.show-character .doll-stage .doll-portrait .class-portrait img{border:1px solid #e8c57b;border-radius:6px!important}
#characterPanel.show-character .doll-stage .doll-portrait .portrait-fallback{font:700 64px Georgia,serif!important;text-shadow:0 2px 5px #000}
#characterPanel.show-character .doll-stage .doll-portrait .portrait-level{display:none!important}
#characterPanel.show-character .doll-stage::after{content:none!important}
#characterPanel.show-character .doll-stage>strong{bottom:14px!important;padding:2px 8px!important;background:#0a0a0bbb;color:#f0d58d!important;font:10px Georgia,serif!important;letter-spacing:.6px!important}
#characterPanel.show-character .doll-stage>small{position:absolute;bottom:2px;z-index:2;color:#b5a782;font:7px Georgia,serif;letter-spacing:.7px}
#characterPanel.show-character .gear-bottom{flex:0 0 45px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin:4px auto 0!important;max-width:390px}
#characterPanel.show-character .gear-bottom .gear-slot{height:auto!important;aspect-ratio:1!important;max-height:43px;background:url('assets/ui/forge-gear-socket.png') center/100% 100% no-repeat!important}
#characterPanel.show-character .gear-bottom .gear-slot-item img,#characterPanel.show-character .gear-bottom .gear-slot-item .iconsmall,#characterPanel.show-character .gear-bottom .gear-slot-item .gear-glyph,#characterPanel.show-character .gear-bottom .gear-slot-empty .gear-glyph{width:29px!important;height:29px!important}
#characterPanel.show-character .gear-bottom .gear-slot-item,
#characterPanel.show-character .gear-bottom .gear-slot-empty{
 grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;
 gap:0!important;padding:0!important;place-items:center;overflow:hidden;
}
#characterPanel.show-character .gear-bottom .gear-slot-item>span:not(.iconsmall):not(.gear-glyph){display:none!important}
#characterPanel.show-character .gear-bottom .gear-slot-item .iconsmall{position:relative;margin:0!important}
#characterPanel.show-character .gear-bottom .gear-slot-item .iconsmall ins{
 inset:0!important;width:100%!important;height:100%!important;background-size:cover!important;
}
#characterPanel.show-character .gear-bottom .gear-slot-item .iconsmall del{display:none!important}
#characterPanel.show-character .gear-slot-empty .gear-glyph{
 border:0!important;background-color:transparent!important;background-image:url('assets/ui/gear-slot-art-sheet.png')!important;
 background-size:400% 500%!important;background-repeat:no-repeat!important;color:transparent!important;font-size:0!important;
 filter:drop-shadow(0 1px 2px #000c)
}
#characterPanel.show-character .gear-slot[data-gear-slot="head"] .gear-slot-empty .gear-glyph{background-position:0% 0%}
#characterPanel.show-character .gear-slot[data-gear-slot="neck"] .gear-slot-empty .gear-glyph{background-position:33.333% 0%}
#characterPanel.show-character .gear-slot[data-gear-slot="shoulder"] .gear-slot-empty .gear-glyph{background-position:66.667% 0%}
#characterPanel.show-character .gear-slot[data-gear-slot="shirt"] .gear-slot-empty .gear-glyph{background-position:100% 0%}
#characterPanel.show-character .gear-slot[data-gear-slot="chest"] .gear-slot-empty .gear-glyph{background-position:0% 25%}
#characterPanel.show-character .gear-slot[data-gear-slot="waist"] .gear-slot-empty .gear-glyph{background-position:33.333% 25%}
#characterPanel.show-character .gear-slot[data-gear-slot="legs"] .gear-slot-empty .gear-glyph{background-position:66.667% 25%}
#characterPanel.show-character .gear-slot[data-gear-slot="hands"] .gear-slot-empty .gear-glyph{background-position:100% 25%}
#characterPanel.show-character .gear-slot[data-gear-slot="wrist"] .gear-slot-empty .gear-glyph{background-position:0% 50%}
#characterPanel.show-character .gear-slot[data-gear-slot="back"] .gear-slot-empty .gear-glyph{background-position:33.333% 50%}
#characterPanel.show-character .gear-slot[data-gear-slot="tabard"] .gear-slot-empty .gear-glyph{background-position:66.667% 50%}
#characterPanel.show-character .gear-slot[data-gear-slot="feet"] .gear-slot-empty .gear-glyph{background-position:100% 50%}
#characterPanel.show-character .gear-slot[data-gear-slot="finger1"] .gear-slot-empty .gear-glyph{background-position:0% 75%}
#characterPanel.show-character .gear-slot[data-gear-slot="trinket1"] .gear-slot-empty .gear-glyph{background-position:33.333% 75%}
#characterPanel.show-character .gear-slot[data-gear-slot="mainhand"] .gear-slot-empty .gear-glyph{background-position:66.667% 75%}
#characterPanel.show-character .gear-slot[data-gear-slot="offhand"] .gear-slot-empty .gear-glyph{background-position:100% 75%}
#characterPanel.show-character .gear-slot[data-gear-slot="ranged"] .gear-slot-empty .gear-glyph{background-position:0% 100%}
#characterPanel.show-character .gear-slot[data-gear-slot="trinket2"] .gear-slot-empty .gear-glyph{background-position:33.333% 100%}
#characterPanel.show-character .gear-slot[data-gear-slot="finger2"] .gear-slot-empty .gear-glyph{background-position:66.667% 100%}
/* Bottom-slot symbols have equal cells and no embedded frame or background. */
#characterPanel.show-character .gear-bottom .gear-slot-empty{opacity:1}
#characterPanel.show-character .gear-bottom .gear-slot-empty .gear-glyph{
 background-image:url('assets/ui/empty-equipment-symbols-v1.png')!important;
 background-size:500% 100%!important;filter:none!important;
}
#characterPanel.show-character .gear-bottom .gear-slot[data-gear-slot="trinket1"] .gear-slot-empty .gear-glyph{background-position:0% 50%}
#characterPanel.show-character .gear-bottom .gear-slot[data-gear-slot="trinket2"] .gear-slot-empty .gear-glyph{background-position:25% 50%}
#characterPanel.show-character .gear-bottom .gear-slot[data-gear-slot="mainhand"] .gear-slot-empty .gear-glyph{background-position:50% 50%}
#characterPanel.show-character .gear-bottom .gear-slot[data-gear-slot="offhand"] .gear-slot-empty .gear-glyph{background-position:75% 50%}
#characterPanel.show-character .gear-bottom .gear-slot[data-gear-slot="ranged"] .gear-slot-empty .gear-glyph{background-position:100% 50%}
#characterPanel.show-character .profession-section{display:grid!important;flex:1 1 auto!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px 10px;min-height:0!important;margin:4px 0 0!important;padding:12px!important;overflow:auto!important;scrollbar-width:none!important}
#characterPanel.show-character .profession-section::-webkit-scrollbar,#characterPanel.show-character .journey-panel::-webkit-scrollbar,#characterPanel.show-character .activity-list::-webkit-scrollbar{display:none!important}
#characterPanel.show-character .profession-section h3{grid-column:1/-1;margin:0 0 4px!important}
#characterPanel.show-character .profession-row{min-width:0;margin:0!important;padding:8px 7px!important;border:1px solid #594421!important;background:linear-gradient(145deg,#1b1711,#0d0e11)!important}
#characterPanel.show-character .journey-panel{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;margin:4px 0 0!important;padding:10px!important;overflow:auto!important;scrollbar-width:none!important;border:1px solid #594421!important;background:linear-gradient(165deg,#1b1711,#0d0e11 42%,#15120e)!important}
#characterPanel.show-character .journey-panel>.sub,#characterPanel.show-character .journey-panel .activity-heading{flex:0 0 auto!important}
#characterPanel.show-character .activity-list{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;scrollbar-width:none!important}
#characterPanel.show-character .activity-card,#characterPanel.show-character .event-card{margin-bottom:5px!important}
#characterPanel.show-character::-webkit-scrollbar,#characterPanel.show-character .detail::-webkit-scrollbar,#characterPanel.show-character #details::-webkit-scrollbar,#characterPanel.show-character .wow-character-sheet::-webkit-scrollbar,#characterPanel.show-character .activity-list::-webkit-scrollbar{display:none!important}
@media(max-width:540px){
 html body .layout>.panel#characterPanel.show-character.is-open{width:calc(100vw - 8px)!important;padding:4px 7px 7px!important;border-width:12px!important;border-image-width:12px!important;border-image-slice:145 fill!important}
 #characterPanel.show-character .detail{padding:4px 3px 5px!important}
 #characterPanel.show-character .detail .player-head{flex-basis:50px;min-height:50px!important}
 #characterPanel.show-character .detail .player-head>.class-portrait{width:41px!important;height:41px!important}
 #characterPanel.show-character .profession-section h3{padding:0 5px!important;border-width:4px 22px!important;border-image-width:4px 22px!important}
 #characterPanel.show-character .paper-doll{min-height:224px!important;grid-template-columns:minmax(0,1fr) minmax(88px,.94fr) minmax(0,1fr)!important;gap:3px!important}
 #characterPanel.show-character .gear-slot{flex-basis:27px!important;height:27px!important}
 #characterPanel.show-character .gear-slot-item,#characterPanel.show-character .gear-slot-empty{grid-template-columns:20px minmax(0,1fr)!important;column-gap:3px!important;padding:2px!important}
 #characterPanel.show-character .gear-slot-item img,#characterPanel.show-character .gear-slot-item .iconsmall,#characterPanel.show-character .gear-slot-item .gear-glyph,#characterPanel.show-character .gear-slot-empty .gear-glyph{width:19px!important;height:19px!important}
 #characterPanel.show-character .gear-slot-item .gear-label,#characterPanel.show-character .gear-slot-empty .gear-label{font-size:7px!important}
 #characterPanel.show-character .gear-slot-item b,#characterPanel.show-character .gear-slot-empty b{font-size:8px!important}
 #characterPanel.show-character .doll-stage{min-height:0!important}
 #characterPanel.show-character .location-status{flex-basis:35px!important;min-height:35px!important}
 #characterPanel.show-character .character-shortcuts{flex-basis:34px!important}
 #characterPanel.show-character .character-shortcut{min-height:30px!important;font-size:9px!important}
 #characterPanel.show-character .gear-bottom{flex-basis:38px!important}
 #characterPanel.show-character .gear-bottom .gear-slot{max-height:36px!important}
}

@media(max-width:850px){
 html body .layout>.panel#characterPanel.show-character.is-open{height:calc(100dvh - 94px)!important;max-height:calc(100dvh - 94px)!important}
}

@media(max-width:480px){
 html body .layout>.panel#characterPanel.show-character.is-open{height:calc(100dvh - 84px)!important;max-height:calc(100dvh - 84px)!important}
}

@media(max-height:700px){
 html body .layout>.panel#characterPanel.show-character.is-open{height:calc(100dvh - 12px)!important;padding-top:3px!important;padding-bottom:7px!important}
 #characterPanel.show-character .detail{padding-top:3px!important;padding-bottom:4px!important}
 #characterPanel.show-character .detail .player-head{flex-basis:48px;min-height:48px!important}
 #characterPanel.show-character .paper-doll{min-height:220px!important}
 #characterPanel.show-character .gear-slot{flex-basis:27px!important;height:27px!important}
 #characterPanel.show-character .gear-bottom{flex-basis:39px!important}
 #characterPanel.show-character .gear-bottom .gear-slot{max-height:37px!important}
}

@media(max-height:520px){
 html body .layout>.panel#characterPanel.show-character.is-open{border-width:9px!important;border-image-width:9px!important;border-image-slice:145 fill!important;padding:1px 5px 4px!important}
 #characterPanel.show-character .detail{padding:2px!important}
 #characterPanel.show-character .detail .player-head{flex-basis:40px;min-height:40px!important;margin-bottom:2px!important;padding-bottom:2px!important}
 #characterPanel.show-character .detail .player-head>.class-portrait{width:34px!important;height:34px!important}
 #characterPanel.show-character .character-shortcuts{flex-basis:28px!important;margin:2px 0 3px!important}
 #characterPanel.show-character .character-shortcut{min-height:26px!important;padding:2px!important;font-size:8px!important}
 #characterPanel.show-character .location-status{flex-basis:29px!important;min-height:29px!important;margin-bottom:2px!important;padding:2px 7px!important}
 #characterPanel.show-character .location-status small{font-size:8px!important}
 #characterPanel.show-character .wow-character-sheet{margin-top:2px!important;padding:3px!important}
 #characterPanel.show-character .profession-section h3{min-height:21px!important;height:21px!important;padding:0 6px!important;border-width:4px 24px!important;border-image-width:4px 24px!important;font-size:8px!important}
 #characterPanel.show-character .paper-doll{min-height:150px!important;gap:2px!important;padding-top:2px!important}
 #characterPanel.show-character .gear-column{gap:0!important}
 #characterPanel.show-character .gear-slot{flex-basis:19px!important;height:19px!important}
 #characterPanel.show-character .gear-slot-item,#characterPanel.show-character .gear-slot-empty{grid-template-columns:15px minmax(0,1fr)!important;gap:2px!important;padding:1px!important}
 #characterPanel.show-character .gear-slot-item img,#characterPanel.show-character .gear-slot-item .iconsmall,#characterPanel.show-character .gear-slot-item .gear-glyph,#characterPanel.show-character .gear-slot-empty .gear-glyph{width:14px!important;height:14px!important;font-size:8px!important}
 #characterPanel.show-character .gear-slot-item .gear-label,#characterPanel.show-character .gear-slot-empty .gear-label{font-size:6px!important}
 #characterPanel.show-character .gear-slot-item b,#characterPanel.show-character .gear-slot-empty b{font-size:7px!important}
 #characterPanel.show-character .gear-bottom{flex-basis:26px!important;gap:2px!important;margin-top:2px!important}
 #characterPanel.show-character .gear-bottom .gear-slot{max-height:25px!important}
 #characterPanel.show-character .gear-bottom .gear-slot-item img,#characterPanel.show-character .gear-bottom .gear-slot-item .iconsmall,#characterPanel.show-character .gear-bottom .gear-slot-item .gear-glyph,#characterPanel.show-character .gear-bottom .gear-slot-empty .gear-glyph{width:17px!important;height:17px!important}
}

/* Full-height painted character art replaces the 3D mannequin in its stage. */
#characterPanel.show-character .doll-stage .doll-portrait{inset:0!important;overflow:hidden!important;}
#characterPanel.show-character .doll-stage .doll-portrait .class-portrait-illustrated{
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
 aspect-ratio:auto!important;border:0!important;border-radius:0!important;overflow:hidden!important;
 background:transparent!important;box-shadow:none!important;
}
#characterPanel.show-character .doll-stage .doll-portrait .class-portrait-illustrated:has(img) .portrait-fallback{display:none!important}
#characterPanel.show-character .doll-stage .doll-portrait .class-portrait-illustrated img{
 position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;transform:scale(1.18)!important;transform-origin:center bottom!important;
 border:0!important;border-radius:0!important;
}
#characterPanel.show-character .doll-stage>strong{z-index:2!important;}

/* Keep map-source and zone-position overlays off the map. */
#mapSourceBadge,.zone-position-summary{display:none!important;}

/* Keep tab panels mutually exclusive; the layout rules above must not override the hidden state. */
#characterPanel.show-character .character-tab-panel[hidden]{display:none!important}
#characterPanel.show-character .wow-character-sheet,
#characterPanel.show-character .profession-section,
#characterPanel.show-character .journey-panel{
 border-color:transparent!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
}
#characterPanel.show-character .wow-character-sheet{padding-right:2px!important;padding-left:2px!important}
@media(max-width:850px) and (max-height:700px){
 html body .layout>.panel#characterPanel.show-character.is-open{height:calc(100dvh - 94px)!important;max-height:calc(100dvh - 94px)!important}
}
@media(max-width:480px) and (max-height:700px){
 html body .layout>.panel#characterPanel.show-character.is-open{height:calc(100dvh - 84px)!important;max-height:calc(100dvh - 84px)!important}
}

/* Keep live location telemetry on the map and roster, not in the character sheet. */
#characterPanel.show-character .detail>.location-status,#characterPanel.show-character .detail>.guild-update-note{display:none!important}


/* Embedded Classic 3D character model; portrait remains the load/error fallback. */
#characterPanel.show-character .doll-stage .wow-model-host{
 position:absolute!important;inset:0!important;z-index:1;display:none;width:100%!important;height:100%!important;overflow:hidden;
}
#characterPanel.show-character .doll-stage.is-3d-loading .wow-model-host,
#characterPanel.show-character .doll-stage.is-3d-ready .wow-model-host{display:block}
#characterPanel.show-character .doll-stage .wow-model-host canvas{
 display:block;width:100%!important;height:100%!important;touch-action:none;cursor:grab;
}
#characterPanel.show-character .doll-stage.is-3d-ready .doll-portrait{display:none!important}
#characterPanel.show-character .doll-stage .wow-model-message{
 position:absolute;left:5px;right:5px;bottom:2px;z-index:3;padding:2px 4px;
 color:#c9b78d;background:#090a0bc9;text-align:center;font:8px/1.2 Georgia,serif;
 text-shadow:0 1px 2px #000;pointer-events:none
}
#characterPanel.show-character .doll-stage.is-3d-loading .wow-model-message{color:#e5ce99}
#characterPanel.show-character .doll-stage .doll-halo{display:none!important}
#characterPanel.show-character .doll-stage.is-3d-loading .wow-model-host{visibility:hidden}
#characterPanel.show-character .doll-stage .wow-model-message{display:none}
#characterPanel.show-character .doll-stage.is-3d-loading .wow-model-message,
#characterPanel.show-character .doll-stage.is-3d-unavailable .wow-model-message{
 display:grid;place-items:center;inset:0;padding:18px;background:transparent;
 font:11px/1.5 Georgia,serif;color:#c9b78d;text-wrap:balance;
}
#characterPanel.show-character .doll-stage.is-3d-loading>strong{display:none!important}

/* Shared inset tray: tabs and equipment slots use the same bronze plate. */
#characterPanel.show-character .character-shortcuts{
 margin:4px 0 0!important;padding:5px 6px 4px!important;
 border:1px solid #80643b!important;border-bottom:0!important;
 border-radius:3px 3px 0 0!important;
 background:linear-gradient(180deg,#48311bab,#160f09b8),url('assets/ui/character-modal-interior.jpg') center top/420px auto repeat!important;
 box-shadow:inset 0 1px #e6c98355,inset 3px 0 #08060488,inset -3px 0 #08060488!important;
}
#characterPanel.show-character .character-shortcut{
 border:0!important;border-radius:0!important;
 background:url('assets/ui/forge-gear-slot.png') center/100% 100% no-repeat!important;
 color:#e7d4ad!important;text-shadow:0 1px 2px #000!important;
}
#characterPanel.show-character .character-shortcuts::before,
#characterPanel.show-character .character-shortcuts::after{
 content:'';position:absolute;top:50%;width:4px;height:4px;border-radius:50%;
 background:radial-gradient(circle at 35% 25%,#f0ce82,#95703c 48%,#302011 75%);
 box-shadow:0 1px 2px #000;pointer-events:none;
}
#characterPanel.show-character .character-shortcuts::before{left:1px}
#characterPanel.show-character .character-shortcuts::after{right:1px}
#characterPanel.show-character .character-shortcut[aria-selected="true"]{
 background:transparent!important;
 border:6px solid transparent!important;border-width:6px 14px!important;padding:0 3px!important;
 border-image-source:url('assets/ui/character-tab-selected-v1.png')!important;
 border-image-slice:22% 12% fill!important;
 border-image-width:6px 14px!important;border-image-repeat:stretch!important;
 filter:none!important;
 box-shadow:none!important;
 color:#ffe6a7!important;
}
#characterPanel.show-character .wow-character-sheet{
 margin:0!important;border:1px solid #80643b!important;border-top:0!important;
 border-radius:0 0 3px 3px!important;
 background:linear-gradient(180deg,#160f0999,#080604b3),url('assets/ui/character-modal-interior.jpg') center top/420px auto repeat!important;
 box-shadow:inset 3px 0 #08060488,inset -3px 0 #08060488,inset 0 -3px #080604aa,inset 0 -4px #c3974533!important;
}

/* Profession ledger shares the attached tab tray and uses generated raster art. */
#characterPanel.show-character #character-professions{
 display:flex!important;flex-direction:column!important;gap:20px!important;
 margin:0!important;padding:20px!important;border:1px solid #80643b!important;border-top:0!important;
 background:linear-gradient(180deg,#160f0999,#080604b3),url('assets/ui/character-modal-interior.jpg') center top/420px auto repeat!important;
 box-shadow:inset 3px 0 #08060488,inset -3px 0 #08060488,inset 0 -3px #080604aa,inset 0 -4px #c3974533!important;
}
#characterPanel.show-character #character-professions[hidden]{display:none!important}
#character-professions>h3{display:none!important}
.profession-intro{padding:0 0 16px;border-bottom:1px solid #94724455}
.profession-intro>span{color:#a78b5d;font:9px Georgia,serif;letter-spacing:2px}
.profession-intro h4{margin:5px 0;color:#f4d598;font:24px Georgia,serif;text-shadow:0 2px 3px #000}
.profession-intro p{margin:0;color:#aaa18e;font:12px/1.5 Georgia,serif}
.profession-group-title{display:flex;justify-content:space-between;gap:8px;margin:0 0 10px;color:#d6ba82;font:small-caps 14px Georgia,serif;letter-spacing:.6px}
.profession-group-title>span{color:#8e8779;font:10px Georgia,serif;letter-spacing:0}
.profession-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profession-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.profession-card{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:114px;padding:16px 12px 22px;border:1px solid #94703c;background:linear-gradient(135deg,#62421c66,#0e0a07c9),url('assets/ui/character-modal-interior.jpg') center/320px auto;box-shadow:inset 0 0 0 2px #080604,inset 0 3px #d5ac5833,inset 0 0 22px #0008,0 3px 7px #0006}
.profession-art{flex:none;display:block;width:64px;height:64px;border:2px ridge #b58b45;background-image:url('assets/ui/profession-atlas-v1.png');background-size:400% 300%;background-repeat:no-repeat;box-shadow:0 0 0 2px #100c08,0 3px 8px #000a}
.profession-art img{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
/* Preserve the original slot frame while showing actual WoW item art when resolved. */
.gear-slot-item img.gear-wow-icon{padding:2px;object-fit:cover}
.profession-card-copy{min-width:0}
.profession-kind{color:#a68c61;font:8px Georgia,serif;text-transform:uppercase;letter-spacing:.8px}
.profession-card h4{margin:4px 0 8px;color:#f3d89f;font:700 14px Georgia,serif;overflow-wrap:anywhere}
.profession-skill{color:#a59c88;font:11px Georgia,serif}
.profession-skill strong{color:#f4e5c3;font:20px Georgia,serif}
.profession-meter{position:absolute;bottom:10px;left:12px;right:12px;height:6px;border:1px solid #785c32;background:#07090d;box-shadow:inset 0 1px 3px #000}
.profession-meter>span{display:block;height:100%;background:linear-gradient(90deg,#71512c,#d3ae59,#f2d68c);box-shadow:0 0 6px #c09b4655}
.profession-meter.is-unknown{opacity:.3}
.profession-secondary-grid .profession-card{flex-direction:column;align-items:flex-start;gap:9px;min-height:160px;padding:14px 12px 22px}
.profession-secondary-grid .profession-art{width:46px;height:46px}
.profession-card.is-unreported .profession-art{filter:grayscale(.85);opacity:.45}
.profession-card.is-unreported h4{color:#b7a88b}
.profession-empty-card{grid-column:1/-1;padding:26px 16px;border:1px dashed #735b37;color:#d1bc92;font:14px Georgia,serif;background:#080b1166}
.profession-empty-card small{display:block;margin-top:8px;color:#968c7b;font:11px/1.5 Georgia,serif}
.profession-art-unknown{display:grid;place-items:center;background-image:none;color:#c7ac78;font:24px Georgia,serif}
@media(max-width:540px), (max-height:650px){
 #characterPanel.show-character #character-professions{padding:12px!important;gap:12px!important}
 .profession-intro{padding-bottom:10px}.profession-intro h4{font-size:19px}
 .profession-card{gap:8px;min-height:92px;padding:10px 8px 20px}.profession-art{width:38px;height:38px}
 .profession-card h4{font-size:11px}.profession-kind{font-size:7px;letter-spacing:0}.profession-skill strong{font-size:16px}
 .profession-primary-grid,.profession-secondary-grid{gap:7px}
 .profession-secondary-grid .profession-card{padding:10px 8px 20px;min-height:130px}.profession-secondary-grid .profession-art{width:36px;height:36px}
}

/* Journey entries form a compact leather ledger within the shared tab frame. */
#characterPanel.show-character #character-journey{
 margin:0!important;padding:16px!important;border:1px solid #80643b!important;border-top:0!important;
 background:linear-gradient(180deg,#160f0999,#080604b3),url('assets/ui/character-modal-interior.jpg') center top/420px auto repeat!important;
 box-shadow:inset 3px 0 #08060488,inset -3px 0 #08060488,inset 0 -4px #c3974533!important;
}
#characterPanel.show-character #character-journey[hidden]{display:none!important}
#character-journey>.sub{color:#a99a7c;font:11px/1.5 Georgia,serif}
#character-journey .activity-heading{margin:12px 0!important;padding:0 0 12px;border-bottom:1px solid #a67e3e66;color:#edd09a;font:small-caps 17px Georgia,serif;letter-spacing:1px}
#character-journey .activity-count{color:#aa9673;font:10px Georgia,serif;letter-spacing:0}
#characterPanel.show-character #character-journey .activity-list{align-content:start;grid-auto-rows:max-content;gap:8px;max-height:none;padding:0 0 6px}
#characterPanel.show-character #character-journey .event-card{
 grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;margin:0!important;padding:12px!important;
 border:1px solid #765a34!important;border-left:1px solid #765a34!important;border-radius:0!important;
 background:linear-gradient(120deg,#69462144,#0c0907a8),url('assets/ui/character-modal-interior.jpg') center/360px auto!important;
 box-shadow:inset 0 1px #e3bf7133,inset 0 -1px #080503,0 2px 5px #0006!important;
}
#characterPanel.show-character #character-journey .event-emblem{
 width:34px;height:34px;border:0!important;border-radius:0!important;
 background:url('assets/ui/forge-gear-socket.png') center/100% 100% no-repeat!important;
 color:#d9b86d!important;font:17px Georgia,serif;
}
#character-journey .event-tier{color:#bb9b62;font:small-caps 10px Georgia,serif;letter-spacing:1px}
#character-journey .event-time{color:#a08e70;font:9px/1.4 Georgia,serif}
#character-journey .event-title{margin:5px 0;color:#f1d69c;font:700 13px Georgia,serif}
#character-journey .event-detail{color:#c3b392;font:12px/1.5 Georgia,serif}
#character-journey .feed-empty{border:1px solid #765a34;border-radius:0;background:#160f0988;color:#b9a787;font:12px/1.6 Georgia,serif}
@media(max-width:540px){
 #characterPanel.show-character #character-journey{padding:10px!important}
 #character-journey .activity-heading{font-size:15px;align-items:flex-start;flex-wrap:wrap}
 #character-journey .event-top{align-items:flex-start;gap:4px}
 #characterPanel.show-character #character-journey .event-card{padding:9px!important;gap:8px}
}