/* Warfront v4.10 — 48 unit avatar picker, Royal Fantasy UI; no gameplay overrides. */
#wf409-account .wf410-current{display:flex;align-items:center;gap:12px;background:#160f2acc;border:1px solid #a78558;border-radius:10px;padding:9px 12px;margin-bottom:10px}
#wf409-account .wf410-current-name{font:700 17px Georgia,serif;color:#f4d9a1}
#wf409-account .wf410-current small{font:12px system-ui;color:#d8c5df}
#wf409-account .wf410-filter{display:flex;gap:5px;overflow-x:auto;padding:3px 0 9px;scrollbar-width:thin}
#wf409-account .wf410-filter button{flex:none;min-height:31px;padding:5px 10px!important;font-size:12px!important}
#wf409-account .wf410-filter button[aria-pressed="true"]{border-color:#f0ce7c!important;background:linear-gradient(#8846aa,#4d2664)!important}
#wf409-account .wf410-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px;padding:2px 0 11px}
#wf409-account .wf410-card{display:flex!important;flex-direction:column;align-items:center;gap:5px;min-height:106px;padding:8px 5px!important;background:linear-gradient(#2f203d,#181525)!important;border:1px solid #8d6b71!important;border-radius:8px!important;position:relative}
#wf409-account .wf410-card:hover,#wf409-account .wf410-card:focus-visible{border-color:#efc582!important}
#wf409-account .wf410-card[aria-pressed="true"]{border:2px solid #f0cc87!important;background:linear-gradient(#72448b,#322044)!important}
#wf409-account .wf410-card[aria-pressed="true"]:after{content:"✓";position:absolute;right:5px;top:3px;color:#fce3a4;font:800 16px system-ui}
#wf409-account .wf410-card span.wf410-card-label{font:700 11px/1.15 Georgia,serif!important;color:#f2dbbd!important;text-align:center;overflow-wrap:anywhere}
.wf410-avatar-art{display:inline-block;flex-shrink:0;vertical-align:middle;aspect-ratio:1/1;background-image:url('/wf410-avatar-atlas.webp?v=4.10');background-size:800% 600%;background-repeat:no-repeat;background-color:#392044;box-shadow:inset 0 0 0 1px #dec183;border-radius:20%;width:48px;height:48px}
#wf409-account .wf410-current .wf410-avatar-art{width:48px;height:48px;border:2px solid #e0bc7b}
#wf409-account .wf410-card .wf410-avatar-art{width:58px;height:58px;border:1px solid #dec183}
#wf409-account .wf410-avatar-sub{font:12px/1.45 system-ui;color:#ddcbdc;margin:3px 0 8px}
#wf409-account .wf410-state{min-height:18px;font:12px/1.4 system-ui;color:#eed29b;margin:0 0 5px}
#wf409-account .wf410-state[data-error="true"]{color:#ffabab}
.wf410-name-avatar{display:inline-block!important;width:25px!important;height:25px!important;border-radius:50%!important;border:1px solid #e0c07a!important;box-shadow:0 1px 7px #0009;vertical-align:middle;margin:0 6px 0 0;overflow:hidden;flex-shrink:0;background:#23112d!important}
.wf410-name-avatar .wf410-avatar-art{width:100%!important;height:100%!important;display:block;border-radius:50%;box-shadow:none}
#wf409-account .wf409-emblem.wf410-has-avatar{font-size:0;overflow:hidden;padding:0}
#wf409-account .wf409-emblem.wf410-has-avatar .wf410-avatar-art{width:100%;height:100%;border-radius:50%;box-shadow:none}
#wf409-account .wf409-pane[data-wf409-pane="avatar"]{padding-bottom:14px}
@media(max-height:430px){#wf409-account .wf410-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}#wf409-account .wf410-card{min-height:83px;padding:5px 3px!important}#wf409-account .wf410-card .wf410-avatar-art{height:43px;width:43px}#wf409-account .wf410-current{padding:5px 9px;margin:0 0 6px}#wf409-account .wf410-current .wf410-avatar-art{width:33px;height:33px}#wf409-account .wf410-filter{padding:2px 0 5px}#wf409-account .wf410-filter button{min-height:26px!important}}

/* v4.10.1: pristine 1448x1086 HD portrait atlas, replaces original 3.9KB blurred art */
.wf410-avatar-art{background-image:url('/wf411-avatar-atlas-hd.png?v=4.10.1')!important;image-rendering:auto;}