/* Canonical Wonder components. Existing artwork, typography and colors. */
.ana-ui{--ana-page-title-size:24px}
.ana-ui main .ajax-container .ana-page-title{font:400 var(--ana-page-title-size)/1.4 'Philosopher',sans-serif!important;color:#cc7954!important;letter-spacing:normal!important}
.ana-ui .ana-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.ana-ui .ana-panel{display:flex;flex-direction:column;min-width:0;margin:0;border:1px solid #39303a;background:url('../images/block-top-bg.png') center top/100% 50% no-repeat,url('../images/block-bottom-bg.png') center bottom/100% 50% no-repeat,#12141f;box-shadow:0 10px 15px 4px rgba(0,0,0,.3);font:14px/1.6 'Open Sans',sans-serif;color:#fcedc0;box-sizing:border-box}
.ana-ui .ana-panel__header{display:flex;align-items:center;gap:8px;margin:0 20px;padding:20px 0;border-bottom:1px solid #39303a}
.ana-ui .ana-panel__header>img{flex:0 0 26px;filter:drop-shadow(0 0 10px #ff2a00)}
.ana-ui .ana-panel .ana-panel__title{margin:0;padding:0;color:#cc7954;font:400 18px/1.4 'Philosopher',sans-serif;text-transform:uppercase;letter-spacing:0}
.ana-ui .ana-panel__body{flex:1;min-width:0;margin:20px 16px 0;max-height:none;overflow:visible}
.ana-ui .ana-data{width:100%;border-collapse:collapse;font:inherit;color:inherit;table-layout:auto}
.ana-ui .ana-data :is(th,td){padding:9px 8px;border-bottom:1px solid #22252d;text-align:left;vertical-align:middle;line-height:20px;font-size:14px;font-weight:400;overflow-wrap:break-word}
.ana-ui .ana-data thead th{background:#1b1b27;color:#ffdda9;font-size:12px;font-weight:600;white-space:nowrap}
.ana-ui .ana-data .ana-data__numeric{text-align:right;font-variant-numeric:tabular-nums}
.ana-ui .ana-data__value{display:flex;align-items:center;gap:6px;min-width:0}
.ana-ui .ana-data__numeric>.ana-data__value{justify-content:flex-end}
.ana-ui .ana-data__value>img{flex:0 0 20px;width:20px;height:20px;object-fit:contain}
.ana-ui .ana-data__guild-image,.ana-ui .ana-champion__image--guild{image-rendering:pixelated}
.ana-ui .ana-data a,.ana-ui .ana-champion a{color:inherit;text-decoration:none}
.ana-ui .ana-data a:hover,.ana-ui .ana-champion a:hover{color:#ffdda9;text-decoration:underline}
.ana-ui .ana-data__value--online{color:#00aa00}.ana-ui .ana-data__value--offline{color:#ff4b60}
.ana-ui .ana-data__countdown{white-space:nowrap;font-variant-numeric:tabular-nums}
.ana-ui .ana-panel__footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;margin-top:auto}
.ana-ui .ana-panel__button,.ana-ui .ana-form input[type=submit].ana-panel__button{display:inline-flex;width:auto;justify-content:center;align-items:center;min-height:44px;min-width:147px;padding:0 16px;background:url('../images/button.png') center/100% 100% no-repeat;color:#fcedc0;font:400 12px/1.4 'Philosopher',sans-serif;text-transform:uppercase;letter-spacing:1px;text-decoration:none;box-sizing:border-box;transition:filter .3s ease;box-shadow:0 0 22px 5px rgba(59,36,151,.2),0 10px 15px 4px rgba(0,0,0,.3)}
.ana-ui .ana-panel__button:hover{filter:brightness(120%)}
.ana-ui .ana-panel :is(a,button):focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-panel__caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ana-ui .ana-panel__message{white-space:normal;overflow-wrap:anywhere;margin:0;text-align:center;color:#aaa3ac;font:14px/1.6 'Open Sans',sans-serif}

.ana-ui .ana-panel__body:focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-panel__body--champion{margin:24px 20px;overflow:visible;max-height:none}
.ana-ui .ana-champion{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start;margin:12px 0 18px}
.ana-ui .ana-champion__portrait{position:relative;width:64px;height:64px;margin-top:12px}
.ana-ui .ana-champion__image{width:64px;height:64px;object-fit:contain}
.ana-ui .ana-champion__crown{position:absolute;top:-25px;left:18px;width:28px;height:28px;object-fit:contain}
.ana-ui .ana-champion__details{margin:0;min-width:0}
.ana-ui .ana-champion__details>div{display:grid;grid-template-columns:minmax(48px,auto) minmax(0,1fr);gap:10px;align-items:baseline;padding:3px 0}
.ana-ui .ana-champion__details dt,.ana-ui .ana-champion__details dd{margin:0;font:inherit;overflow-wrap:anywhere}
.ana-ui .ana-champion__details dt{color:#aaa3ac}.ana-ui .ana-champion__details dd{color:#fcedc0}
.ana-ui .ana-separator{height:44px;margin:20px 0;background:url('../images/line.png') center/100% auto no-repeat;pointer-events:none}
@media(max-width:1199px){.ana-ui .ana-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ana-ui .ana-panel-grid>.ana-panel:last-child{grid-column:1/-1}}
@media(max-width:767px){.ana-ui .ana-panel-grid{grid-template-columns:minmax(0,1fr);gap:20px}.ana-ui .ana-panel-grid>.ana-panel:last-child{grid-column:auto}.ana-ui .ana-panel__body{max-height:none}.ana-ui .ana-panel__header{padding:18px 0}.ana-ui .ana-panel__body{margin-top:18px}.ana-ui .ana-separator{margin:16px 0}}
@media(prefers-reduced-motion:reduce){.ana-ui .ana-panel__button{transition:none}}

/* Same interaction for every data table; keep status colors meaningful. */
.ana-ui .ana-data tbody tr{transition:background-color .2s ease,color .2s ease}
.ana-ui .ana-data tbody tr:is(:hover,:focus-within){background-color:#211c25;background-image:url('../images/hover-table.png');background-position:center;background-size:100% 100%;background-repeat:no-repeat;color:#ffdda9}
.ana-ui .ana-data tbody tr:is(:hover,:focus-within) a{text-shadow:0 0 10px rgba(204,121,84,.55)}
@media(prefers-reduced-motion:reduce){.ana-ui .ana-data tbody tr{transition:none}}

/* Document pages reuse the same panel, header and table as Home. */
.ana-ui .ana-document-page{font:14px/1.6 'Open Sans',sans-serif;color:#fcedc0;min-width:0}
.ana-ui .ana-document-page__intro{margin:0 0 24px}
.ana-ui .ana-document-page__intro:not(:first-child){margin-top:32px}
.ana-ui .ana-document-page__intro :is(h1,h2){font:400 24px/1.4 'Philosopher',sans-serif;color:#cc7954;margin:0 0 14px}
.ana-ui .ana-document-page__intro p{margin:0;max-width:850px}
.ana-ui .ana-document-stack{display:grid;gap:24px;margin-bottom:24px}
.ana-ui .ana-document-resources{margin-bottom:24px}
.ana-ui .ana-panel__body--content{margin:20px;max-height:none;overflow:visible}
.ana-ui .ana-panel__body--content>:first-child{margin-top:0}
.ana-ui .ana-panel__body--content>:last-child{margin-bottom:0}
.ana-ui .ana-document-info{grid-template-columns:repeat(2,minmax(0,1fr))}
.ana-ui .ana-document-info+.ana-offattack-summary{margin-top:24px}
.ana-ui .ana-document-table{table-layout:fixed;margin:18px 0}
.ana-ui .ana-document-table :is(th,td){white-space:normal;overflow-wrap:anywhere}
.ana-ui .ana-document-table th:first-child{width:40%}
.ana-ui .ana-document-subtitle{font:400 18px/1.4 'Philosopher',sans-serif;color:#cc7954;margin:24px 0 14px}
.ana-ui .ana-document-text,.ana-ui .ana-document-note{white-space:pre-line;margin:16px 0;overflow-wrap:anywhere}
.ana-ui .ana-document-note{border-left:3px solid #cc7954;padding:10px 14px;background:#211c25}
.ana-ui .ana-document-list{padding-left:22px;margin:16px 0;list-style:disc}
.ana-ui .ana-document-rule{border:0;border-top:1px solid #39303a;margin:20px 0}
.ana-ui .ana-resource-meta{color:#aaa3ac;margin:0 0 18px}
.ana-ui .ana-resource-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:18px 0}
.ana-ui .ana-resource-link{display:flex;align-items:center;justify-content:center;gap:12px;min-height:80px;padding:12px;background:#12141f;border:1px solid #39303a;color:#ffdda9;text-decoration:none;box-sizing:border-box;overflow-wrap:anywhere}
.ana-ui .ana-resource-link img{width:48px;height:48px;object-fit:contain;flex:0 0 48px}
.ana-ui .ana-resource-link:hover{color:#fcedc0;filter:brightness(1.15)}
.ana-ui .ana-resource-image{display:flex;align-items:center;justify-content:center;min-height:110px;margin-bottom:18px}
.ana-ui .ana-resource-image img{max-width:187px;width:100%;max-height:100px;object-fit:contain}
.ana-ui .ana-resource-description{overflow-wrap:anywhere}
.ana-ui .ana-resource-description :is(img,video){max-width:100%;height:auto}
@media(max-width:767px){.ana-ui .ana-document-info{grid-template-columns:minmax(0,1fr)}.ana-ui .ana-panel__body--content{margin:18px 16px}.ana-ui .ana-resource-links{grid-template-columns:minmax(0,1fr)}}

/* Footer control shares the content alignment; only the arrow artwork rotates. */
.ana-ui>footer{position:relative;padding-top:28px}
.ana-ui .ana-footer-tools{display:flex;justify-content:flex-start;margin:0 0 24px}
.ana-ui .toTop{position:static;inset:auto;display:inline-flex;align-items:center;gap:8px;width:auto;min-width:0;height:auto;min-height:48px;margin:0;padding:0 16px 0 0;border:0;box-shadow:none;background:none;transform:none;color:#fcedc0!important;cursor:pointer;z-index:auto;text-transform:none;letter-spacing:0}
.ana-ui .toTop span{opacity:1;color:inherit;font:16px/1.3 'Philosopher',serif;transition:none}
.ana-ui .toTop .ana-footer-top__arrow{display:block;flex:0 0 48px;width:48px;height:48px;background:url('../images/totop-img.png') calc(50% - 12px) center/90px 90px no-repeat;transform:rotate(-90deg)}
.ana-ui .toTop:focus-visible{outline:2px solid #ffdda9;outline-offset:4px}
.ana-ui .toTop:hover{color:#ffdda9!important;filter:brightness(1.15)}
/* Rankings and public profiles share canonical headings, panels and rows. */
.ana-ui .ana-ranking-nav{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}
.ana-ui .ana-ranking-nav .ana-panel__button{display:flex;align-items:center;justify-content:center;min-height:44px;height:auto;min-width:120px;padding:10px 16px;box-sizing:border-box;white-space:normal;text-align:center}
.ana-ui .ana-ranking-nav .active{outline:1px solid #ffdda9;color:#ffdda9}
.ana-ui .ana-table-scroll{overflow-x:auto;max-width:100%;min-width:0}
.ana-ui .ana-table-scroll:focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-ranking-table{min-width:700px}
.ana-ui .ana-ranking-table :is(th,td){white-space:normal}
.ana-ui .ana-ranking-table img{max-width:32px;max-height:32px;object-fit:contain;vertical-align:middle}
.ana-ui .ana-ranking-class-icon{width:22px;height:22px;margin-right:8px;vertical-align:middle}
.ana-ui .ana-ranking-table :is(.ana28-player,.ana28-guild,.ana28-num,.ana28-position){font:inherit;color:inherit}
.ana-ui .ana-table-help{display:none;font-size:12px;color:#aaa3ac;margin:0 0 12px}
.ana-ui .ana-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
.ana-ui .ana-profile-portrait{margin:0 0 16px}
.ana-ui .ana-profile-portrait img{width:80px;height:80px;object-fit:contain}
.ana-ui .ana-profile-online{color:#44f59a}
.ana-ui .ana-profile-offline{color:#ff4b60}
.ana-ui .ana-document-page .equipments{display:flex;justify-content:center;max-width:100%;overflow:visible}
@media(max-width:767px){.ana-ui .ana-profile-grid{grid-template-columns:minmax(0,1fr)}.ana-ui .ana-table-help{display:block}.ana-ui .ana-ranking-nav .ana-panel__button{flex:1 1 120px}}
.ana-ui .ana-document-page .equipments .mapping{flex:0 0 400px}
.ana-ui .ana-document-page .equipments .mapping>img{display:block}
@media(max-width:993px){.ana-ui .ana-profile-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.ana-ui .ana-document-page .equipments .mapping{zoom:.8}}
@media(max-width:374px){.ana-ui .ana-document-page .equipments .mapping{zoom:.7}}



/* Profile sales and public content reuse the canonical panel. */
.ana-ui .ana-sale-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px}
.ana-ui .ana-sale-item{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px;border:1px solid #39303a;min-width:0;box-sizing:border-box;text-align:center}
.ana-ui .ana-sale-name{overflow-wrap:anywhere;line-height:1.6}
.ana-ui .ana-sale-image{display:flex;align-items:center;justify-content:center;min-height:120px;width:100%}
.ana-ui .ana-sale-image img{max-width:100%;max-height:150px;object-fit:contain}
.ana-ui .ana-sale-price{overflow-wrap:anywhere}.ana-ui .ana-sale-item .buy{margin-top:auto}
.ana-ui .ana-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
.ana-ui .ana-content-links{list-style:none;padding:0;margin:0}
.ana-ui .ana-content-links li+li{border-top:1px solid #22252d}
.ana-ui .ana-content-links a{display:flex;align-items:center;min-height:44px;padding:8px;color:#fcedc0;overflow-wrap:anywhere;text-decoration:none}
.ana-ui .ana-content-links a:is(:hover,:focus-visible){color:#ffdda9;background:#211c25}
.ana-ui .ana-article-body{overflow-wrap:anywhere;line-height:1.8}
.ana-ui .ana-article-body :is(img,video,iframe){max-width:100%;height:auto}
.ana-ui .ana-article-body pre{overflow-x:auto;max-width:100%}
.ana-ui .ana-article-body table{width:100%;table-layout:fixed;border-collapse:collapse}
.ana-ui .ana-article-body :is(td,th){white-space:normal;overflow-wrap:anywhere;padding:8px;border-bottom:1px solid #22252d}
.ana-ui .ana-event-table{table-layout:fixed}.ana-ui .ana-event-table :is(th,td){white-space:normal;overflow-wrap:anywhere}
.ana-ui .ana-event-schedule [hidden]{display:none}
.ana-ui .ana-event-schedule [aria-pressed=true]{outline:1px solid #ffdda9}
.ana-ui .ana-event-schedule button{cursor:pointer}
@media(max-width:767px){.ana-ui .ana-content-grid{grid-template-columns:minmax(0,1fr)}.ana-ui .ana-event-table :is(th,td){padding:9px 5px}}

.ana-ui .ana-document-page>.ana-panel+.ana-panel{margin-top:24px}

.ana-ui .ana-article-body p{margin:16px 0}
.ana-ui .ana-article-body :is(h2,h3,h4){font:400 18px/1.4 'Philosopher',sans-serif;color:#cc7954;margin:24px 0 14px}
.ana-ui .ana-article-body ul{list-style:disc;padding-left:22px;margin:16px 0}
.ana-ui .ana-article-body ol{list-style:decimal;padding-left:22px;margin:16px 0}
.ana-ui .ana-event-table th:first-child{width:60%}
.ana-ui .ana-event-table--categories th:first-child{width:45%}
/* Existing item imagery and canonical tooltip surface. */
.ana-ui button.ana-item-trigger{margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:default;box-shadow:none}
.ana-ui button.ana-item-trigger:focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-item-details{position:fixed;z-index:1000;width:340px;max-width:calc(100vw - 24px);box-sizing:border-box;overflow-y:auto;padding:16px;border:1px solid #39303a;background:url('../images/block-top-bg.png') center top/100% 50% no-repeat,url('../images/block-bottom-bg.png') center bottom/100% 50% no-repeat,#12141f;color:#fcedc0;font:14px/1.6 'Open Sans',sans-serif;box-shadow:0 10px 15px 4px rgba(0,0,0,.3);overflow-wrap:anywhere}
.ana-ui .ana-item-details[hidden]{display:none}
.ana-ui .ana-item-details img{max-width:100%;height:auto}
.ana-ui .ana-vip-plans,.ana-ui .ana-payment-methods{margin-bottom:24px}
.ana-ui .ana-vip-catalog .vip-tier{display:block;color:#aaa3ac;font-size:12px;margin-bottom:12px}
.ana-ui .ana-vip-catalog .vip-duration,.ana-ui .ana-vip-catalog .vip-caption{margin:12px 0}
.ana-ui .ana-vip-catalog .vip-price{font:400 24px/1.4 'Philosopher',sans-serif;color:#ffdda9;margin:16px 0}
.ana-ui .ana-vip-catalog .vip-price small{font:14px/1.6 'Open Sans',sans-serif}
.ana-ui .ana-vip-catalog .vip-benefits{margin:18px 0;padding-left:20px;list-style:disc}
.ana-ui .ana-vip-catalog .vip-benefits li{margin:8px 0}
.ana-ui :is(.vip-unavailable,.ana-payment-unavailable){display:block;padding:12px;border:1px solid #39303a;color:#aaa3ac;text-align:center;overflow-wrap:anywhere}
.ana-ui .ana-vip-catalog details{border-bottom:1px solid #39303a;padding:12px 0}
.ana-ui .ana-vip-catalog summary{min-height:44px;display:list-item;cursor:pointer;color:#ffdda9}
.ana-ui .ana-vip-catalog details p{margin:12px 0;overflow-wrap:anywhere}
.ana-ui .ana-payments .ana-payment-image{display:block;max-width:100%;width:auto;height:54px;object-fit:contain;margin:0 0 18px}
.ana-ui .ana-payments .ana-payment-details{margin:18px 0}
.ana-ui .ana-payments .ana-payment-details dt{color:#aaa3ac;font-size:12px;margin-top:12px}
.ana-ui .ana-payments .ana-payment-details dd{margin:4px 0;overflow-wrap:anywhere}
.ana-ui .ana-payments .ana-payment-icon{display:block;margin-bottom:18px}
.ana-ui .ana-payments .ana-payment-history{min-width:650px}
.ana-ui .ana-payments form label{display:block;margin:14px 0 8px}
.ana-ui .ana-payments form input[type=number]{box-sizing:border-box;display:block;width:100%;max-width:400px;min-height:44px;margin-bottom:16px;padding:10px;background:#10121b;border:1px solid #514257;color:#fcedc0}
.ana-ui .ana-vip-catalog :is(a,summary):focus-visible,.ana-ui .ana-payments :is(a,button,input):focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
@media(max-width:993px){.ana-ui .ana-vip-plans,.ana-ui .ana-payment-methods{grid-template-columns:minmax(0,1fr)}}
.ana-ui :is(.ana-vip-plans,.ana-payment-methods)>.ana-panel>.ana-panel__body--content{display:flex;flex-direction:column}
.ana-ui .ana-vip-plans .vip-benefits{flex:1}
.ana-ui .ana-payment-methods :is(.ana-panel__button,.ana-payment-unavailable){margin-top:auto}

/* Account and support forms use the canonical typography and button artwork. */
.ana-ui .ana-form{margin:0;min-width:0;font:14px/1.6 'Open Sans',sans-serif;color:#fcedc0}
.ana-ui .ana-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ana-ui .ana-form__field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0 0 20px}
.ana-ui .ana-form__grid>.ana-form__field{margin:0}
.ana-ui .ana-form__field--wide{grid-column:1/-1}
.ana-ui .ana-form label{position:static;display:block;padding:0;background:none;color:#ffdda9;font:inherit;overflow-wrap:anywhere}
.ana-ui .ana-form :where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;height:auto;margin:0;padding:10px 12px;background:#10121b;color:#fcedc0;border:1px solid #514257;border-radius:0;font:14px/1.6 'Open Sans',sans-serif}
.ana-ui .ana-form textarea{min-height:160px;resize:vertical}
.ana-ui .ana-form input[type=file]{white-space:normal;overflow-wrap:anywhere;padding:8px}
.ana-ui .ana-form input[type=file]::file-selector-button{min-height:32px;margin-right:10px;border:1px solid #514257;background:#1b1b27;color:#ffdda9;cursor:pointer;font:inherit}
.ana-ui .ana-form :is(input,select,textarea):focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-form__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}
.ana-ui .ana-form__actions .ana-panel__button{border:0;cursor:pointer;white-space:normal;text-align:center;height:auto}
.ana-ui .ana-form__help{margin:0;color:#aaa3ac;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.ana-ui .ana-support .ana-ranking-nav [aria-current=page]{outline:1px solid #ffdda9;color:#ffdda9}
.ana-ui .ana-support-table{min-width:760px;table-layout:fixed}
.ana-ui .ana-support-table th:nth-child(1){width:80px}
.ana-ui .ana-support-table th:nth-child(2){width:26%}
.ana-ui .ana-support-table :is(th,td){white-space:normal;overflow-wrap:anywhere}
.ana-ui .ana-support-table tbody td:first-child{white-space:nowrap}
.ana-ui .ana-support-subject{margin:0 0 18px;color:#ffdda9;font-weight:600;overflow-wrap:anywhere}
.ana-ui .ana-support-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid #39303a}
.ana-ui .ana-support-meta dt{color:#aaa3ac;font-size:12px}
.ana-ui .ana-support-meta dd{margin:4px 0 0;overflow-wrap:anywhere}
.ana-ui .ana-support-message{overflow-wrap:anywhere;line-height:1.8}
.ana-ui .ana-support-thread{display:block;list-style:none;margin:0;padding:0}
.ana-ui .ana-support-thread>li{display:block;padding:20px 0;border-bottom:1px solid #39303a}
.ana-ui .ana-support-thread>li:first-child{padding-top:0}
.ana-ui .ana-support-author{color:#ffdda9;margin:0 0 10px;overflow-wrap:anywhere}
.ana-ui .ana-support-admin{display:inline-block;margin-left:12px;color:#cc7954;font-size:12px}
.ana-ui .ana-support-thread .ana-form__help{margin-top:12px}
.ana-ui .ana-support-attachments{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:18px 0}
.ana-ui .ana-support-attachments li{display:block;min-width:0;max-width:100%}
.ana-ui .ana-support-attachments a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;overflow-wrap:anywhere}
.ana-ui .ana-support-attachments img{display:block;width:64px;height:64px;object-fit:contain}
@media(max-width:767px){.ana-ui .ana-form__grid,.ana-ui .ana-support-meta{grid-template-columns:minmax(0,1fr)}.ana-ui .ana-form__actions .ana-panel__button{flex:1 1 auto;width:100%}}

/* Account pages reuse the form and panel introduced for Support. */
.ana-ui .ana-account-services{margin-top:24px}
.ana-ui .ana-account-services .ana-panel__body{display:flex;align-items:flex-end}
.ana-ui .ana-account-intro{margin:0 0 24px;color:#aaa3ac}
.ana-ui .ana-form__check{display:flex;align-items:center;gap:12px;min-height:44px}
.ana-ui .ana-form__check label{margin:0;cursor:pointer}
.ana-ui .ana-account input[type=checkbox]{appearance:none;width:20px;height:20px;min-width:20px;margin:0;background:#10121b;background-repeat:no-repeat;background-position:center;background-size:100% 100%;border:1px solid #514257;border-radius:0;cursor:pointer}
.ana-ui .ana-account input[type=checkbox]:checked{background-color:#ffdda9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10l4 4 8-9' fill='none' stroke='%2310111b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ana-ui .ana-account-invitations>p{margin:16px 0}
.ana-ui .ana-account-invitations>p:first-child{margin-top:0}
.ana-ui .ana-account-invitations>p:last-child{margin-bottom:0}
.ana-ui .ana-account-invitations>.ana-form{margin:20px 0}
.ana-ui .ana-account-invitation-progress thead th{white-space:normal;overflow-wrap:anywhere}
.ana-ui .ana-account-invitation-progress th:first-child{width:20%}
@media(forced-colors:active){.ana-ui .ana-account input[type=checkbox]{appearance:auto}}
.ana-ui .ana-account .ana-form__actions{align-items:center;justify-content:space-between}
.ana-ui .ana-account .ana-form__actions a{display:inline-flex;align-items:center;min-height:44px;color:#ffdda9}
.ana-ui .ana-account .ana-form__grid>.ana-form__actions{grid-column:1/-1}
.ana-ui .ana-account .ana-form__field .label,.ana-ui .ana-account .ana-form__field .field{position:static;display:block;width:auto;float:none;margin:0;padding:0;background:none}
/* CAPTCHA: wrappers flatten into one grid — image | code | refresh on desktop; image + refresh over a full-width code on mobile. */
.ana-ui .ana-account-captcha{display:grid;grid-template-columns:200px minmax(0,320px) auto;grid-template-areas:"label label label" "image input refresh" "image help help";column-gap:16px;row-gap:8px;align-items:center;justify-content:start;padding-top:16px;border-top:1px solid #39303a}
.ana-ui .ana-account-captcha :is(.ana-account-captcha__image,.morpheus-captcha,.ana-account-captcha__tools){display:contents}
.ana-ui .ana-account-captcha>label{grid-area:label;margin:0}
.ana-ui .ana-account-captcha .captcha-image{grid-area:image;display:block;width:200px;height:70px;object-fit:contain;border-radius:4px}
.ana-ui .ana-account-captcha input[name=captcha]{grid-area:input;align-self:end;width:100%;max-width:none;margin:0;text-align:center;font-size:20px;letter-spacing:4px}
.ana-ui .ana-account-captcha .ana-form__help{grid-area:help;align-self:start;margin:0}
.ana-ui .ana-account-captcha [data-ana-captcha-refresh]{grid-area:refresh;align-self:end;margin:0;border:0;white-space:nowrap;cursor:pointer}
@media(max-width:600px){.ana-ui .ana-account-captcha{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label label" "image refresh" "input input" "help help";justify-content:stretch}.ana-ui .ana-account-captcha .captcha-image{width:100%;max-width:200px;height:auto;aspect-ratio:200/70}.ana-ui .ana-account-captcha [data-ana-captcha-refresh]{align-self:center;justify-self:end}}
.ana-ui .ana-account-terms{margin:4px 0 12px;min-width:0}
.ana-ui .ana-account-terms summary{display:list-item;min-height:44px;color:#ffdda9;cursor:pointer}
.ana-ui .ana-account-terms .ana-article-body{padding:16px 0;border-top:1px solid #39303a}
.ana-ui .ana-account-terms .ana-terms-header{display:block;position:static;height:auto;min-height:0;max-height:none;margin:0;padding:0 0 16px;background:none}
.ana-ui .ana-account-terms .ana-terms-index>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.ana-ui .ana-account-terms .ana-terms-document section{padding:16px 0;border-bottom:1px solid #39303a;scroll-margin-top:100px}
.ana-ui .ana-account-terms .ana-terms-footer{margin-top:20px;padding-top:16px;border-top:1px solid #39303a}
.ana-ui .ana-account-terms a{color:#ffdda9;text-decoration:underline;text-underline-offset:3px}
.ana-ui .ana-account :is(a,summary,button):focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-account-connections{min-width:760px;table-layout:fixed}
.ana-ui .ana-account-connections :is(th,td){white-space:normal;overflow-wrap:anywhere}
.ana-ui .ana-account .rates{margin:0 0 20px;padding:12px;border-left:3px solid #cc7954;background:#211c25;overflow-wrap:anywhere}
.ana-ui .ana-account .rates .title{font:inherit;color:#ffdda9;margin:0 0 8px}
.ana-ui .ana-account .rates ul{list-style:disc;padding-left:20px;margin:0}

.ana-ui .ana-account-exchange>.ana-form__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ana-ui .ana-account-exchange-field>.ana-form__field{margin:0}
.ana-ui .ana-account .ana-community-exchange-preview :is(#change-tax,#change-amount){text-align:right;font-size:14px;color:#ffdda9;overflow-wrap:anywhere}
@media(max-width:767px){.ana-ui .ana-account-terms .ana-terms-index>div,.ana-ui .ana-account-exchange>.ana-form__grid{grid-template-columns:minmax(0,1fr)}.ana-ui .ana-account .ana-form__actions{align-items:stretch}}

/* Market uses canonical panels, forms and item popovers; legacy Market selectors do not apply. */
.ana-ui .ana-trade-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ana-ui .ana-trade-card{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0;padding:20px;border:1px solid #39303a;background:#10121b;text-align:center;overflow-wrap:anywhere}
.ana-ui .ana-trade-card h3{margin:0;font:600 14px/1.6 'Open Sans',sans-serif;min-width:0;max-width:100%}
.ana-ui .ana-trade-image{display:flex;align-items:center;justify-content:center;width:100%;min-height:120px;background:none;border:0;padding:0;cursor:pointer}
.ana-ui .ana-trade-image img{display:block;width:auto;height:auto;max-width:100%;max-height:120px;object-fit:contain}
.ana-ui .ana-trade-card form{margin-top:auto}.ana-ui .ana-trade-card .ana-panel__button{border:0;cursor:pointer}
.ana-ui .ana-trade-price{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.ana-ui .ana-trade-price .ana-price-currency{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.ana-ui .ana-trade-price img,.ana-ui .ana-trade-price svg{display:block;width:24px;height:24px;object-fit:contain}
.ana-ui .ana-trade .ana-class-tooltip{display:none}
.ana-ui .ana-trade-price .ana-price-currency:is(:hover,:focus-within) .ana-class-tooltip{display:block;position:absolute;bottom:100%;background:#10121b;color:#ffdda9;padding:8px;border:1px solid #39303a;font-size:12px;min-width:100px;z-index:1}
.ana-ui .ana-trade-results{margin:0 0 16px;color:#aaa3ac}.ana-ui .ana-trade-display{display:flex;gap:12px;margin-bottom:20px}
.ana-ui .ana-trade-display button{min-height:44px;padding:8px 16px;color:#fcedc0;background:#10121b;border:1px solid #514257;cursor:pointer}
.ana-ui .ana-trade-display [aria-pressed=true]{color:#ffdda9;border-color:#ffdda9}
.ana-ui .ana-trade .ana-page-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
.ana-ui .ana-trade .ana-page-controls :is(a,span){display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:4px 10px;box-sizing:border-box;color:#aaa3ac}
.ana-ui .ana-trade .ana-page-controls a{color:#ffdda9;border:1px solid #39303a}.ana-ui .ana-trade .ana-page-controls [aria-current=page]{border-color:#ffdda9}
/* Compact Market fields use the canonical form; Excellent options remain optional. */
.ana-ui .ana-trade-compact .ana-trade-filter-main{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.ana-ui .ana-trade-compact label{display:flex;flex-direction:column;gap:6px;min-width:0}
.ana-ui .ana-trade .ana-trade-currency-options{margin:16px 0;padding:0;border:0;min-width:0}
.ana-ui .ana-trade .ana-trade-currency-options legend{color:#ffdda9;font-size:12px;margin-bottom:8px}
.ana-ui .ana-trade .ana-filter-chips{display:flex;flex-wrap:wrap;gap:8px}
.ana-ui .ana-trade .ana-trade-currency{position:relative;cursor:pointer;min-width:56px}
.ana-ui .ana-trade .ana-trade-currency>input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.ana-ui .ana-trade .ana-trade-currency>span{display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 10px;border:1px solid #39303a;box-sizing:border-box;font-size:12px}
.ana-ui .ana-trade .ana-trade-currency img{object-fit:contain;flex:0 0 32px}
.ana-ui .ana-trade .ana-trade-currency input:checked+span{border-color:#ffdda9;color:#ffdda9;background:#211c25}
.ana-ui .ana-trade .ana-trade-currency input:focus-visible+span{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-trade .ana-market-advanced-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}
.ana-ui .ana-trade .ana-filter-strip{min-width:0;margin:16px 0;padding:12px 0;border:0;border-top:1px solid #39303a}
.ana-ui .ana-trade .ana-filter-strip[hidden]{display:none}
.ana-ui .ana-trade .ana-filter-strip legend{color:#ffdda9;font-size:12px}
.ana-ui .ana-trade .ana-filter-chip{display:flex;flex-direction:row;align-items:center;gap:6px;min-height:44px;cursor:pointer}
.ana-ui .ana-trade .ana-filter-chip input{width:18px;height:18px;min-height:18px;margin:0;accent-color:#ffdda9}
.ana-ui .ana-trade .ana-filter-chip .ana-class-tooltip{display:none}
.ana-ui .ana-trade .ana-excellent-choice{padding:4px 8px;border:1px solid #39303a}
.ana-ui .ana-trade .ana-excellent-mode{margin-top:12px}
.ana-ui .ana-trade .ana-form__actions{justify-content:flex-start;margin-top:16px}
.ana-ui .ana-trade-motion{min-height:44px;padding:8px;border:1px solid #39303a;background:#10121b;color:#aaa3ac;cursor:pointer}
.ana-ui .ana-jewel-spin{animation:ana-jewel-turn .75s linear infinite;transform-style:preserve-3d}
@keyframes ana-jewel-turn{to{transform:perspective(120px) rotateY(360deg)}}
.ana-ui.ana-jewels-paused .ana-jewel-spin{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ana-ui:not(.ana-jewels-playing) .ana-jewel-spin{animation:none}}
@media(max-width:767px){.ana-ui .ana-trade-compact .ana-trade-filter-main{grid-template-columns:minmax(0,1fr)}.ana-ui .ana-trade .ana-market-advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ana-ui .ana-trade [data-trade-mode=list] .ana-trade-cards{grid-template-columns:minmax(0,1fr)}
.ana-ui .ana-trade [data-trade-mode=list] .ana-trade-card{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(130px,auto);text-align:left}
.ana-ui .ana-trade [data-trade-mode=list] .ana-trade-image{grid-column:1;grid-row:1/4;min-height:80px}.ana-ui .ana-trade [data-trade-mode=list] .ana-trade-image img{max-height:80px}
.ana-ui .ana-trade :is(button,a,summary):focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
@media(max-width:1023px){.ana-ui .ana-trade-cards,.ana-ui .ana-trade .ana-market-advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ana-ui .ana-trade-cards{grid-template-columns:minmax(0,1fr)}.ana-ui .ana-trade [data-trade-mode=list] .ana-trade-card{grid-template-columns:70px minmax(0,1fr)}.ana-ui .ana-trade [data-trade-mode=list] .ana-trade-card form{grid-column:1/-1}.ana-ui .ana-trade .ana-form__actions .ana-panel__button{width:100%}}

.ana-ui .ana-trade-workspace{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1fr);gap:24px;align-items:start}
.ana-ui .ana-trade-warehouse{max-width:100%;overflow-x:auto;min-width:0;padding-bottom:8px}
.ana-ui .ana-trade-warehouse .morpheus-warehouse{float:none;margin:0 auto}
.ana-ui .ana-trade-price-form{margin-top:20px}.ana-ui .ana-trade-selected-name{margin-bottom:20px;overflow-wrap:anywhere;color:#ffdda9}
.ana-ui .ana-trade .ana-form__field label img{vertical-align:middle;object-fit:contain}
.ana-ui .ana-trade .ana-form input[type=submit]{width:auto;min-width:147px;background:url('../images/button.png') center/100% 100% no-repeat;border:0;cursor:pointer;color:#fcedc0}
@media(max-width:1023px){.ana-ui .ana-trade-workspace{grid-template-columns:minmax(0,1fr)}}

.ana-ui .ana-trade-filter-options{margin:20px 0}
.ana-ui .ana-trade-filter-options>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:#ffdda9;padding:8px 12px;border:1px solid #514257;background:#10121b;box-sizing:border-box;list-style:none}.ana-ui .ana-trade-filter-options>summary::-webkit-details-marker{display:none}
.ana-ui .ana-trade-filter-options>label{display:flex;flex-direction:column;gap:8px;margin:20px 0}

/* Private character services reuse the same panel, navigation and form as accounts. */
.ana-ui .ana-character-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.ana-ui .ana-character-picker li{min-width:0}
.ana-ui .ana-character-choice{display:flex;flex-direction:column;gap:10px;margin:0;height:100%;min-width:0}
.ana-ui .ana-character-choice.active{border-color:#ffdda9;background:#211c25}
.ana-ui .ana-character-choice .ana-character-portrait{width:64px;height:64px;flex:0 0 64px;object-fit:contain}
.ana-ui .ana-character-name{font:600 14px/1.6 'Open Sans',sans-serif;color:#ffdda9;overflow-wrap:anywhere;max-width:100%}
.ana-ui .ana-character-class{font-size:12px;color:#aaa3ac;overflow-wrap:anywhere;max-width:100%}
.ana-ui .ana-character-data{table-layout:fixed;margin-bottom:20px}
.ana-ui .ana-character-data :is(th,td){white-space:normal;overflow-wrap:anywhere}
.ana-ui .ana-character-data thead th:first-child{width:45%}
.ana-ui .ana-characters .ana-panel__body--content>p{margin:0 0 12px;overflow-wrap:anywhere}
@media(max-width:767px){.ana-ui .ana-character-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Community pages reuse canonical panels, data tables and form controls. */
.ana-ui .ana-community-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ana-ui .ana-community-provider{display:flex;flex-direction:column;min-width:0;padding:0 20px;border-right:1px solid #39303a}
.ana-ui .ana-community-provider:nth-child(3n+1){padding-left:0}
.ana-ui .ana-community-provider:nth-child(3n){padding-right:0;border-right:0}
.ana-ui .ana-community-provider__heading{display:flex;align-items:center;gap:12px;min-width:0}
.ana-ui .ana-community-provider__heading .ana-document-subtitle{margin:0;overflow-wrap:anywhere}
.ana-ui .ana-community-provider__logo{width:40px;height:40px;object-fit:contain;flex:0 0 40px}
.ana-ui .ana-community-provider__details{margin:20px 0}
.ana-ui .ana-community-provider__details>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #22252d}
.ana-ui .ana-community-provider__details dt{color:#aaa3ac}
.ana-ui .ana-community-provider__details dd{margin:0;overflow-wrap:anywhere}
.ana-ui .ana-community-provider .ana-form__actions{margin-top:auto;padding-top:12px}
.ana-ui .ana-community-goals{min-width:560px;margin:0 0 16px}
.ana-ui .ana-community-goals :is(th,td){white-space:normal;overflow-wrap:anywhere}
.ana-ui .ana-community-goals th:first-child{width:36%}
.ana-ui .ana-community-exchange-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;margin-top:20px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ana-ui .ana-community-exchange-preview:not(:has(#change-amount:not(:empty),#change-tax:not(:empty))){display:none}
.ana-ui .ana-community-exchange-preview :is(#change-tax,#change-amount):empty{display:none}
@media(max-width:1023px){.ana-ui .ana-community-providers{grid-template-columns:minmax(0,1fr)}.ana-ui .ana-community-provider:nth-child(n){padding:0 0 24px;border-right:0;border-bottom:1px solid #39303a}.ana-ui .ana-community-provider:last-child{padding-bottom:0;border-bottom:0}}

/* Compact vault cards share the sale-card border and surface. */
.ana-ui .ana-trade-wallet{display:grid;grid-template-columns:repeat(6,minmax(0,160px));gap:10px;margin:0 0 12px}
.ana-ui .ana-trade-wallet>div{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #39303a;background:#10121b;text-align:center}
.ana-ui .ana-trade-wallet dt{margin:0;color:#fcedc0;font:600 12px/1.5 'Open Sans',sans-serif}
.ana-ui .ana-trade-wallet .ana-wallet-hint{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-height:64px;padding:0;margin:0;background:none;border:0;color:inherit;font:inherit;text-align:center;text-transform:none;letter-spacing:0;box-shadow:none;text-shadow:none;white-space:normal;cursor:pointer}
.ana-ui .ana-trade-wallet .ana-wallet-hint img{display:block;width:32px;height:32px;flex:0 0 32px;object-fit:contain}
.ana-ui .ana-trade-wallet dd{margin:auto 0 0;padding-top:6px;color:#ffdda9;font:14px/1.6 'Open Sans',sans-serif;font-variant-numeric:tabular-nums}
.ana-ui .ana-wallet-capacity{margin:0 0 12px;color:#aaa3ac;font-size:12px}
.ana-ui .ana-wallet-hint:focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-panel__title:has(.ana-panel__toggle){width:100%}
/* Legacy style.css button color is !important; preserve the canonical heading color locally. */
.ana-ui .ana-panel__title .ana-panel__toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;margin:0;padding:0;background:none;border:0;color:inherit!important;font:inherit;text-align:left;text-transform:inherit;letter-spacing:inherit;box-shadow:none;text-shadow:none;cursor:pointer}
.ana-ui .ana-panel__toggle:focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-panel__arrow{display:block;width:9px;height:9px;margin-right:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .22s ease}
.ana-ui .ana-panel__toggle[aria-expanded=true] .ana-panel__arrow{transform:rotate(225deg)}
.ana-ui .ana-panel__body[hidden]{display:none}
.ana-ui .ana-market-properties{min-width:0;margin:14px 0;padding:0;border:0}
.ana-ui .ana-market-properties legend{color:#ffdda9;font-size:12px;margin-bottom:8px}
.ana-ui .ana-option-tiles,.ana-ui .ana-trade .ana-excellent-buttons{display:flex;flex-wrap:wrap;gap:6px}
.ana-ui .ana-trade .ana-option-tile{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 46px;width:46px;height:44px;min-height:44px;margin:0;padding:3px;border:1px solid #514257;background:#10121b;color:#fcedc0;font:11px/1.2 'Open Sans',sans-serif;text-transform:none;letter-spacing:0;box-shadow:none;text-shadow:none;cursor:pointer}
.ana-ui .ana-option-tile small{font:9px/1.2 'Open Sans',sans-serif}
.ana-ui .ana-trade .ana-option-tile[data-state="1"]{border-color:#ffdda9;background:#211c25;box-shadow:inset 0 0 0 1px #ffdda9}
.ana-ui .ana-trade .ana-option-tile[data-state="0"]{border-color:#ffdda9;border-style:dashed;background:#211c25}
.ana-ui .ana-trade .ana-option-tile:hover{border-color:#ffdda9}
@media(max-width:1023px){.ana-ui .ana-trade-wallet{grid-template-columns:repeat(3,minmax(0,160px))}}
@media(max-width:767px){.ana-ui .ana-trade-wallet{grid-template-columns:repeat(2,minmax(0,160px))}}
@media(prefers-reduced-motion:reduce){.ana-ui .ana-panel__arrow{transition:none}}


/* Original Wonder hover artwork, scoped to data and content components. */
.ana-ui main :is(.ana-ui-table,.rankingTable,.ana-document-table) tbody>tr:is(:hover,:focus-within){background-image:url('../images/hover-table.png');background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.ana-ui main :is(.newsLink,.ana-bug-list>li,.ana-streamers__cards>li,.ana-streamers__applications>li,.ana-resource-link:not(.ana-character-choice)):is(:hover,:focus-within){background-image:url('../images/hover-big.png');background-position:center;background-size:100% auto;background-repeat:no-repeat}
.ana-ui :is(.ana-panel__body,.ana-champion__details,.footerMenu-block) a:not(.ana-panel__button):not(:has(img,svg,canvas)):is(:hover,:focus-visible){background-image:url('../images/drop-menu-hover.png');background-position:center;background-size:100% auto;background-repeat:no-repeat;text-shadow:0 0 8px #7968c6}
.ana-ui :is(.ana-panel__body,.ana-champion__details) :is(dt,dd):not(.ana-trade-wallet dt,.ana-trade-wallet dd):not(:has(img,svg,canvas)):hover{background-image:url('../images/hover-table.png');background-position:center;background-size:100% auto;background-repeat:no-repeat}
.ana-ui .ana-choice .ana-choice-button:not(:disabled):not(.ana-choice-button--image):is(:hover,:focus-visible){background-image:url('../images/select-hover.png');background-position:center;background-size:100% auto;background-repeat:no-repeat}
.ana-ui :is(.ana-bug-choices,.ana-streamers__choices) label:is(:hover,:focus-within)>span{background-image:url('../images/select-hover.png');background-position:center;background-size:100% auto;background-repeat:no-repeat}

/* Character cards: use a restrained highlight instead of the generic link artwork. */
.ana-ui .ana-character-picker .ana-character-choice{background-image:none;transition:border-color .2s ease,background-color .2s ease}
.ana-ui .ana-character-picker .ana-character-choice:is(:hover,:focus-within){background-image:none;background-color:#191822;border-color:#9e7959;filter:none}
.ana-ui .ana-character-picker .ana-character-choice.active{background-image:none;background-color:#211c25;border-color:#ffdda9}
.ana-ui .ana-character-picker .ana-character-choice:focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.ana-ui .ana-character-picker .ana-character-choice{transition:none}}

/* Homepage news: override generic list hover artwork after shared rules. */
.ana-ui main .ana-home .newsBlock .newsLink:is(:hover,:focus-within){background-image:url('../images/news-icon.png');background-position:left 18px;background-size:auto;background-repeat:no-repeat;background-color:rgba(204,121,84,.06);box-shadow:inset 2px 0 #ad8059}
.ana-ui main .ana-home .newsBlock .newsLink::after{display:none}
.ana-ui main .ana-home .newsBlock .newsLink a:is(:hover,:focus-visible){background-image:none;text-shadow:none}
.ana-ui main .ana-home .newsBlock .newsLink-more:is(:hover,:focus-visible)::after{right:0;filter:none}

/* VIP comparison columns */
.ana-ui .ana-vip-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
.ana-ui .ana-vip-plans>.ana-panel:last-child{grid-column:auto}
@media(max-width:993px){.ana-ui .ana-vip-plans{grid-template-columns:minmax(0,1fr)}}

/* Blue interaction artwork without the old brown hover fill. */
.ana-ui .ana-data tbody tr:is(:hover,:focus-within),
.ana-ui main :is(.ana-ui-table,.rankingTable,.ana-document-table) tbody>tr:is(:hover,:focus-within){background-color:transparent!important;background-image:url('../images/hover-table.png')!important;text-shadow:none}
.ana-ui .ana-data tbody tr:is(:hover,:focus-within) a{text-shadow:0 0 8px rgba(56,170,255,.55)}
.ana-ui main .ana-home .newsBlock .newsLink:is(:hover,:focus-within){background-color:transparent!important;background-image:url('../images/hover-big.png')!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat;box-shadow:none!important}
.ana-ui .ana-language-picker__menu button:hover{background-color:transparent;background-image:url('../images/hover-table.png');background-position:center;background-size:100% 100%;border-color:#8ed4ff}.ana-ui .ana-content-links a:is(:hover,:focus-visible),
.ana-ui .ana188-info-panel .list-i ul>li:hover,
.ana-ui .pagination .number:hover{background-color:transparent!important;background-image:url('../images/hover-table.png')!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;box-shadow:none!important}
.ana-ui .newsLink:is(:hover,:focus-within){background-color:transparent!important;background-image:url('../images/hover-big.png')!important;background-position:center!important;background-size:100% 100%!important;box-shadow:none!important}
.ana-ui .newsLink::after{display:none!important}
/* Champion panels: one blue highlight per information row, no nested effects. */
.ana-ui .ana-panel__body--champion .ana-champion__details>div{position:relative;isolation:isolate}
.ana-ui .ana-panel__body--champion .ana-champion__details>div::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../images/hover-table.png') center/100% 100% no-repeat;opacity:0;transition:opacity .2s ease}
.ana-ui .ana-panel__body--champion .ana-champion__details>div:is(:hover,:focus-within)::before{opacity:1}
.ana-ui .ana-panel__body--champion .ana-champion__details :is(dt,dd,a):is(:hover,:focus-visible){background-image:none!important;background-color:transparent!important;text-shadow:none}
.ana-ui .ana-panel__body--champion .ana-champion__details a{position:relative}
@media(prefers-reduced-motion:reduce){.ana-ui .ana-panel__body--champion .ana-champion__details>div::before{transition:none}}/* Referral invitees table (account panel) */
.ana-ui .ana-invitees{table-layout:auto;margin:18px 0;min-width:640px}
.ana-ui .ana-invitees :is(th,td){padding:12px 14px;vertical-align:top}
.ana-ui .ana-invitees th:last-child,.ana-ui .ana-invitees td:last-child{width:150px}
.ana-ui .ana-invitees__account{display:block;font-weight:600;white-space:nowrap}
.ana-ui .ana-invitees__badge{display:inline-block;margin-top:6px;padding:0 8px;border:1px solid #3a3550;border-radius:10px;font-size:12px;line-height:20px;color:#ffdda9}
.ana-ui .ana-invitees__nowrap,.ana-ui .ana-invitees__line{white-space:nowrap}
.ana-ui .ana-invitees__line{display:block}
.ana-ui .ana-invitees__label{color:#a9a1b8}
.ana-ui .ana-invitees__ok{color:#5fd36b}.ana-ui .ana-invitees__ok .ana-invitees__label{color:inherit;opacity:.85}
.ana-ui .ana-invitees__blocked{color:#ff4b60}
.ana-ui .ana-invitees__bonus{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}