/* Shared24item imagegen atlas. Color artwork stays readable across all themes. */
.uo-sprite{display:inline-block;flex:none;width:var(--uo-icon-size,32px);height:var(--uo-icon-size,32px);background-image:url('/static/uo-ui-atlas-clean.a75f3acec0f3.svg');background-size:600% 400%;background-repeat:no-repeat;vertical-align:middle}
.uo-icon-news{background-position:0% 0%}
.uo-icon-events{background-position:20% 0%}
.uo-icon-dashboard{background-position:40% 0%}
.uo-icon-connect{background-position:60% 0%}
.uo-icon-players{background-position:80% 0%}
.uo-icon-guilds{background-position:100% 0%}
.uo-icon-economy{background-position:0% 33.3333%}
.uo-icon-market{background-position:20% 33.3333%}
.uo-icon-autobuy{background-position:40% 33.3333%}
.uo-icon-atlas{background-position:60% 33.3333%}
.uo-icon-wiki{background-position:80% 33.3333%}
.uo-icon-recipes{background-position:100% 33.3333%}
.uo-icon-chat{background-position:0% 66.6667%}
.uo-icon-forum{background-position:20% 66.6667%}
.uo-icon-video{background-position:40% 66.6667%}
.uo-icon-community{background-position:60% 66.6667%}
.uo-icon-account{background-position:80% 66.6667%}
.uo-icon-settings{background-position:100% 66.6667%}
.uo-icon-admin{background-position:0% 100%}
.uo-icon-help{background-position:20% 100%}
.uo-icon-bugs{background-position:40% 100%}
.uo-icon-ideas{background-position:60% 100%}
.uo-icon-trophy{background-position:80% 100%}
.uo-icon-exit{background-position:100% 100%}

/* Real painted navigation and forum illustrations share one transparent atlas. */
html #crm :is(.sb-item[data-tab="news"],.sb-item[data-tab="events"],.sb-item[data-tab="dashboard"],.sb-item[data-tab="connect"],.sb-item[data-tab="players"],.sb-item[data-tab="guilds"],.sb-item[data-tab="world"],.sb-item[data-tab="vendors"],.sb-item[data-tab="machines"],.sb-item[data-tab="atlas"],.sb-item[data-tab="wiki"],.sb-item[data-tab="enchants"],.sb-item[data-tab="chat"],.sb-item[data-tab="forum"],.sb-item[data-tab="video"],.sb-item[data-tab="community"],.sb-item[data-tab="account"],.sb-item[data-tab="character"],.sb-item[data-tab="settings"],.sb-item[data-tab="admin"]) .ic{position:relative;flex:0 0 32px;width:32px;height:34px;border:0;background:none!important;box-shadow:none;filter:none}
html #crm :is(.sb-item[data-tab="news"],.sb-item[data-tab="events"],.sb-item[data-tab="dashboard"],.sb-item[data-tab="connect"],.sb-item[data-tab="players"],.sb-item[data-tab="guilds"],.sb-item[data-tab="world"],.sb-item[data-tab="vendors"],.sb-item[data-tab="machines"],.sb-item[data-tab="atlas"],.sb-item[data-tab="wiki"],.sb-item[data-tab="enchants"],.sb-item[data-tab="chat"],.sb-item[data-tab="forum"],.sb-item[data-tab="video"],.sb-item[data-tab="community"],.sb-item[data-tab="account"],.sb-item[data-tab="character"],.sb-item[data-tab="settings"],.sb-item[data-tab="admin"]) .ic>svg{opacity:0}
html #crm :is(.sb-item[data-tab="news"],.sb-item[data-tab="events"],.sb-item[data-tab="dashboard"],.sb-item[data-tab="connect"],.sb-item[data-tab="players"],.sb-item[data-tab="guilds"],.sb-item[data-tab="world"],.sb-item[data-tab="vendors"],.sb-item[data-tab="machines"],.sb-item[data-tab="atlas"],.sb-item[data-tab="wiki"],.sb-item[data-tab="enchants"],.sb-item[data-tab="chat"],.sb-item[data-tab="forum"],.sb-item[data-tab="video"],.sb-item[data-tab="community"],.sb-item[data-tab="account"],.sb-item[data-tab="character"],.sb-item[data-tab="settings"],.sb-item[data-tab="admin"]) .ic::after{content:"";inset:0;mask:none!important;-webkit-mask:none!important;background:transparent url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") var(--uo-sprite-pos)/600% 400% no-repeat!important;filter:drop-shadow(0 1px 2px #0006)}
.sb-item[data-tab="news"]{--uo-sprite-pos:0% 0%}
.sb-item[data-tab="events"]{--uo-sprite-pos:20% 0%}
.sb-item[data-tab="dashboard"]{--uo-sprite-pos:40% 0%}
.sb-item[data-tab="connect"]{--uo-sprite-pos:60% 0%}
.sb-item[data-tab="players"]{--uo-sprite-pos:80% 0%}
.sb-item[data-tab="guilds"]{--uo-sprite-pos:100% 0%}
.sb-item[data-tab="world"]{--uo-sprite-pos:0% 33.3333%}
.sb-item[data-tab="vendors"]{--uo-sprite-pos:20% 33.3333%}
.sb-item[data-tab="machines"]{--uo-sprite-pos:40% 33.3333%}
.sb-item[data-tab="atlas"]{--uo-sprite-pos:60% 33.3333%}
.sb-item[data-tab="wiki"]{--uo-sprite-pos:80% 33.3333%}
.sb-item[data-tab="enchants"]{--uo-sprite-pos:100% 33.3333%}
.sb-item[data-tab="chat"]{--uo-sprite-pos:0% 66.6667%}
.sb-item[data-tab="forum"]{--uo-sprite-pos:20% 66.6667%}
.sb-item[data-tab="video"]{--uo-sprite-pos:40% 66.6667%}
.sb-item[data-tab="community"]{--uo-sprite-pos:60% 66.6667%}
.sb-item[data-tab="account"]{--uo-sprite-pos:80% 66.6667%}
.sb-item[data-tab="character"]{--uo-sprite-pos:80% 0%}
.sb-item[data-tab="settings"]{--uo-sprite-pos:100% 66.6667%}
.sb-item[data-tab="admin"]{--uo-sprite-pos:0% 100%}
html[data-uo-theme="light"] #crm :is(.sb-item[data-tab="news"],.sb-item[data-tab="events"],.sb-item[data-tab="dashboard"],.sb-item[data-tab="connect"],.sb-item[data-tab="players"],.sb-item[data-tab="guilds"],.sb-item[data-tab="world"],.sb-item[data-tab="vendors"],.sb-item[data-tab="machines"],.sb-item[data-tab="atlas"],.sb-item[data-tab="wiki"],.sb-item[data-tab="enchants"],.sb-item[data-tab="chat"],.sb-item[data-tab="forum"],.sb-item[data-tab="video"],.sb-item[data-tab="community"],.sb-item[data-tab="account"],.sb-item[data-tab="character"],.sb-item[data-tab="settings"],.sb-item[data-tab="admin"]) .ic::after{filter:drop-shadow(0 1px 1px #24394b40)}
html #tab-forum #forum-cat-list .forum-cat-icon{width:58px;height:58px;flex-basis:58px;border:0;background:none!important;box-shadow:none;opacity:1}
html #tab-forum #forum-cat-list .forum-cat-icon:has(svg path[d^="M21 15a2"])::after{inset:0;mask:none!important;-webkit-mask:none!important;background:transparent url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") 20% 66.6667%/600% 400% no-repeat!important;filter:drop-shadow(0 2px 2px #0004)}
html #tab-forum #forum-cat-list .forum-cat-icon:has(svg circle[r="10"])::after{inset:0;mask:none!important;-webkit-mask:none!important;background:transparent url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") 20% 100%/600% 400% no-repeat!important;filter:drop-shadow(0 2px 2px #0004)}
html #tab-forum #forum-cat-list .forum-cat-icon:has(svg path[d^="M8 2l1.88"])::after{inset:0;mask:none!important;-webkit-mask:none!important;background:transparent url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") 40% 100%/600% 400% no-repeat!important;filter:drop-shadow(0 2px 2px #0004)}
html #tab-forum #forum-cat-list .forum-cat-icon:has(svg line[x1="9"][y1="18"])::after{inset:0;mask:none!important;-webkit-mask:none!important;background:transparent url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") 60% 100%/600% 400% no-repeat!important;filter:drop-shadow(0 2px 2px #0004)}
html #tab-forum #forum-cat-list .forum-cat-icon:has(svg line[x1="12"][y1="1"])::after{inset:0;mask:none!important;-webkit-mask:none!important;background:transparent url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") 20% 33.3333%/600% 400% no-repeat!important;filter:drop-shadow(0 2px 2px #0004)}
html #tab-forum #forum-cat-list .forum-cat-icon:has(svg path[d^="M14.5 2H6"])::after{inset:0;mask:none!important;-webkit-mask:none!important;background:transparent url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") 100% 0%/600% 400% no-repeat!important;filter:drop-shadow(0 2px 2px #0004)}
html #tab-forum #forum-cat-list .forum-cat-icon:has(svg path[d^="M12 19l7-7"])::after{inset:0;mask:none!important;-webkit-mask:none!important;background:transparent url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") 0% 66.6667%/600% 400% no-repeat!important;filter:drop-shadow(0 2px 2px #0004)}
html #tab-forum #forum-cat-list .forum-cat-icon:has(svg path[d^="M18 8h1"])::after{inset:0;mask:none!important;-webkit-mask:none!important;background:transparent url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") 60% 66.6667%/600% 400% no-repeat!important;filter:drop-shadow(0 2px 2px #0004)}
.uo-portal-nav [data-portal-tab="news"]{--uo-sprite-pos:0% 0%}
.uo-portal-nav [data-portal-tab="connect"]{--uo-sprite-pos:60% 0%}
.uo-portal-nav [data-portal-tab="wiki"]{--uo-sprite-pos:80% 33.3333%}
.uo-portal-nav [data-portal-tab="world"]{--uo-sprite-pos:0% 33.3333%}
.uo-portal-nav [data-portal-tab="forum"]{--uo-sprite-pos:20% 66.6667%}
.uo-portal-nav [data-portal-tab]::before{content:"";display:inline-block;width:25px;height:25px;margin-right:7px;vertical-align:middle;background:url("/static/uo-ui-atlas-clean.a75f3acec0f3.svg") var(--uo-sprite-pos)/600% 400% no-repeat}
/* Preserve handlers and danger wording; only the action artwork changes. */
html #tab-forum .fp-btn:is(.uo-action-edit,.uo-action-delete,.uo-action-ban){position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 17px;border:0;background:none!important;box-shadow:none;white-space:nowrap}
html #tab-forum .fp-btn:is(.uo-action-edit,.uo-action-delete,.uo-action-ban)::after{content:"";position:absolute;z-index:-1;inset:-5px -3px;background:url('/static/uo-forged-button.webp') center/100% 100% no-repeat;filter:grayscale(.9) brightness(.47);pointer-events:none}
html #tab-forum .fp-btn:is(.uo-action-edit,.uo-action-delete,.uo-action-ban)::before{content:"";width:23px;height:23px;flex:none;background:url('/static/uo-ui-atlas-clean.a75f3acec0f3.svg') var(--uo-sprite-pos)/600% 400% no-repeat;pointer-events:none}
html #tab-forum .fp-btn.uo-action-edit{--uo-sprite-pos:0% 66.6667%;color:#f0dfba!important}
html #tab-forum .fp-btn.uo-action-delete{--uo-sprite-pos:100% 66.6667%;color:#ffc0b9!important}
html #tab-forum .fp-btn.uo-action-ban{--uo-sprite-pos:60% 0%;color:#ffd084!important}
html #tab-forum .fp-btn.uo-action-delete::after{filter:sepia(.65) saturate(1.8) hue-rotate(315deg) brightness(.49)}
html #tab-forum .fp-btn:hover::after{filter:grayscale(.7) brightness(.65)}
html #tab-forum .fp-actions,#fv-op-actions{display:flex;flex-wrap:wrap;gap:9px}
.fctx .fctx-item.danger::before,.fctx .fctx-item.warn::before{content:"";display:inline-block;width:24px;height:24px;margin-right:7px;vertical-align:middle;background:url('/static/uo-ui-atlas-clean.a75f3acec0f3.svg') 100% 66.6667%/600% 400% no-repeat}
.fctx .fctx-item.warn::before{background-position:60% 0%}
@media(max-width:600px){html #tab-forum #forum-cat-list .forum-cat-icon{width:46px;height:46px;flex-basis:46px}.uo-portal-nav [data-portal-tab]::before{width:22px;height:22px;margin-right:5px}.uo-portal-nav button{padding-left:10px;padding-right:10px}html #tab-forum .fp-btn:is(.uo-action-edit,.uo-action-delete,.uo-action-ban){padding:6px 13px;min-height:40px;font-size:11px}html #tab-forum .fp-btn:is(.uo-action-edit,.uo-action-delete,.uo-action-ban)::before{width:21px;height:21px}}
@media(forced-colors:active){.uo-sprite,.uo-portal-nav [data-portal-tab]::before{background-image:none!important}html #crm .sb-item .ic::after,html #tab-forum #forum-cat-list .forum-cat-icon::after,html #tab-forum .fp-btn::before,html #tab-forum .fp-btn::after{content:none!important}html #crm .sb-item .ic>svg,html #tab-forum .forum-cat-icon>svg{opacity:1!important}html #tab-forum .fp-btn:is(.uo-action-edit,.uo-action-delete,.uo-action-ban){border:1px solid ButtonText;color:ButtonText!important;background:ButtonFace!important}}
/* Illustrated vertical menu: large item above its live, selectable label. */
html #crm .sidebar:not(.mini) .sb-nav .sb-item{position:relative;flex-direction:column;justify-content:center;gap:3px;min-height:104px;padding:9px 8px 10px;margin:0 5px;border-radius:1px;border-bottom:1px solid var(--brd);text-align:center;line-height:1.2}
html #crm .sidebar:not(.mini) .sb-nav .sb-item .ic{flex:0 0 70px;width:70px;height:70px;filter:drop-shadow(0 2px 2px #0004)}
html #crm .sidebar:not(.mini) .sb-nav .sb-item>span:not(.ic):not(.chat-unread-badge){display:block!important;width:100%;font-family:Georgia,serif;font-size:12px;font-weight:700;letter-spacing:.025em;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere}
html #crm .sidebar:not(.mini) .sb-nav .sb-item.active{box-shadow:inset 3px 0 var(--g1),inset 0 0 18px #d8bd7512}
html #crm .sidebar:not(.mini) .sb-nav .chat-unread-badge{position:absolute;right:13px;top:9px;margin:0}
html #crm.dock-top .sidebar:not(.mini) .sb-nav .sb-item{min-width:100px;min-height:100px}
@media(min-width:601px) and (max-width:800px){html #crm:not(.dock-top) .sidebar:not(.mini) .sb-nav .sb-item{min-height:94px;margin:0;padding:6px 2px}html #crm:not(.dock-top) .sidebar:not(.mini) .sb-nav .sb-item .ic{flex-basis:44px;width:44px;height:44px}html #crm:not(.dock-top) .sidebar:not(.mini) .sb-nav .sb-item>span:not(.ic):not(.chat-unread-badge){font-size:9px}}
@media(max-width:600px){html #crm .sidebar:not(.mini) .sb-nav .sb-item{min-height:96px;padding:7px 8px}html #crm .sidebar:not(.mini) .sb-nav .sb-item .ic{flex-basis:62px;width:62px;height:62px}}
@media(forced-colors:active){html #crm .sidebar:not(.mini) .sb-nav .sb-item.active{outline:2px solid Highlight;outline-offset:-2px}html #crm .sidebar:not(.mini) .sb-nav .sb-item .ic svg{width:40px;height:40px;margin:15px}}