/* Compact reading area; full chat keeps its regular touch controls. */
#chatPanel>header button svg{width:18px;height:18px;display:block;margin:auto;pointer-events:none}
.rebirth-painted-v3{display:block;width:100%;height:100%;background-image:url('assets/skills/engineer-rebirth-v3.webp');background-size:300% 200%;background-repeat:no-repeat;border-radius:4px;box-shadow:inset 0 0 0 1px #d8b16d70}
.skill-painted-v2{box-sizing:border-box;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--skill-color) 70%,#334654);border-radius:7px!important;box-shadow:inset 0 0 0 1px #081520,0 1px 4px #0008;background-color:#07131f;background-repeat:no-repeat}
.actiondock .skills button .skill-painted-v2{width:38px;height:38px;margin:2px auto;filter:none;opacity:1}
.actiondock .skills button.skill-lock .skill-painted-v2{filter:grayscale(.7);opacity:.55}
.talent-icon:has(.skill-painted-v2){border:0!important;border-radius:8px!important}
@media(max-width:900px),(pointer:coarse) and (max-width:1200px),(max-height:600px) and (max-width:1200px){
 body #game #socialDock[data-mobile-chat=compact] #chatPanel>header{flex:0 0 24px!important;min-height:24px!important;height:24px!important;padding:0 3px!important;background:transparent!important;border:0!important;box-sizing:border-box;gap:1px!important}
 body #game #socialDock[data-mobile-chat=compact] #chatPanel>header button{display:flex!important;align-items:center;justify-content:center;flex:0 0 26px!important;width:26px!important;min-width:26px!important;height:24px!important;min-height:24px!important;border-radius:4px!important;color:#d4eaf1!important}
 body #game #socialDock[data-mobile-chat=compact] #chatPanel>header button svg{width:13px;height:13px}
 body #game #socialDock[data-mobile-chat=compact] #chatPanel>header button:active{background:#80ccdf35!important}
 body #game #socialDock[data-mobile-chat=compact] #chatHistory{height:calc(var(--chat-compact-height,145px) - 58px)!important;min-height:calc(var(--chat-compact-height,145px) - 58px)!important;max-height:calc(var(--chat-compact-height,145px) - 58px)!important;padding:0 6px!important}
 body #game #socialDock[data-mobile-chat=compact] #chatForm{flex:0 0 32px!important;min-height:32px!important;height:32px!important;padding:0 5px!important}
 body #game #socialDock[data-mobile-chat=compact] #chatInput{min-height:30px!important;height:30px!important;padding:2px 0!important;line-height:24px!important;font-size:16px!important}
 body #game #socialDock[data-mobile-chat=compact][data-compact-dense=true] #chatHistory{height:calc(var(--chat-compact-height,104px) - 26px)!important;min-height:calc(var(--chat-compact-height,104px) - 26px)!important;max-height:calc(var(--chat-compact-height,104px) - 26px)!important}
 body #game .actiondock .skills button .skill-painted-v2{position:absolute!important;inset:2px!important;width:auto!important;height:auto!important;margin:0!important;border-radius:5px!important;box-shadow:inset 0 0 0 1px #081520}
 body #game .actiondock .skills button kbd{z-index:2;text-shadow:0 1px 3px #000,0 0 2px #000}
 body #game .actiondock .skills button .cooldown{z-index:3}
}
