/* Wonder's native arrow, submenu highlight and slide effects. */
.topPanel .nav>.ana-nav-group{position:relative}
.topPanel .nav>.ana-nav-group>.ana-nav-parent{padding-right:30px}
.topPanel .ana-nav-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:44px;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;z-index:3}
.topPanel .ana-nav-toggle span{display:block;width:12px;height:8px;margin:auto;background:url('../images/drop-icon.png') center/contain no-repeat;transition:transform .25s ease,filter .25s ease}
.topPanel .ana-nav-toggle[aria-expanded=true] span{transform:rotate(180deg);filter:drop-shadow(0 0 4px #38aaff)}
.topPanel .ana-nav-toggle:focus-visible{outline:2px solid #8ed4ff;outline-offset:-4px}
.topPanel .nav .ana-nav-submenu{display:block;margin:0;z-index:30;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;min-width:190px}
.topPanel .nav .ana-nav-group.is-open>.ana-nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.topPanel .nav .ana-nav-submenu>li>a{white-space:nowrap;min-height:44px;box-sizing:border-box;line-height:1.4;padding:12px 28px}
.topPanel .nav .ana-nav-submenu>li:hover>a{padding:12px 18px 12px 38px;background-position:left 15px center}
@media(max-width:993px){
.topPanel .nav>.ana-nav-group>.ana-nav-parent{padding-right:60px}
.topPanel .ana-nav-toggle{top:0;right:8px;transform:none;height:80px;width:44px}
.topPanel .nav .ana-nav-submenu{display:none;position:relative;top:auto;left:auto;min-width:0;padding:6px 0 12px;background:rgba(0,0,0,.35);transform:none}
.topPanel .nav .ana-nav-group.is-open>.ana-nav-submenu{display:block;animation:ana-nav-reveal .2s ease}
.topPanel .nav .ana-nav-submenu>li>a{font-size:17px;padding:14px 35px 14px 50px}
.topPanel .nav .ana-nav-submenu>li:hover>a{padding:14px 25px 14px 60px}
}
@keyframes ana-nav-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.topPanel .nav .ana-nav-submenu,.topPanel .ana-nav-toggle span{transition:none;animation:none!important}}
/* Keep the highlight anchored to the title row when a submenu expands. */
.topPanel .nav>.ana-nav-group>.ana-nav-parent{padding-right:34px!important}
@media(max-width:993px){
 .topPanel .nav>li::after{top:38px!important}
 .topPanel .nav>.ana-nav-group>.ana-nav-parent{height:76px!important;padding:0 60px 0 35px!important;justify-content:flex-start!important;box-sizing:border-box}
 .topPanel .ana-nav-toggle{height:76px}
 .topPanel .nav .ana-nav-submenu>li::after{left:50%;top:50%;margin-top:0;transform:translate(-50%,-50%);background-position:center;width:100%;height:86px;background-size:200px 86px}
}
/* Center each mobile title on the native blue highlight. */
@media(max-width:993px){
 .topPanel .nav>.ana-nav-group>.ana-nav-parent{justify-content:center!important;padding:0 54px!important;text-align:center}
}
/* Gold chevron stays visible over the dark theme and blue highlight. */
.topPanel .ana-nav-toggle span{width:9px;height:9px;box-sizing:border-box;background:none;border-right:2px solid #ffdda9;border-bottom:2px solid #ffdda9;transform:translateY(-2px) rotate(45deg);filter:drop-shadow(0 0 3px rgba(255,194,92,.65))}
.topPanel .ana-nav-toggle[aria-expanded=true] span{transform:translateY(2px) rotate(225deg);filter:drop-shadow(0 0 5px rgba(255,194,92,.9))}
.topPanel .ana-nav-toggle:hover span,.topPanel .ana-nav-toggle:focus-visible span{border-color:#fff0ca;filter:drop-shadow(0 0 6px #e5ae55)}
/* Equal side spacing keeps desktop labels centered on the hover artwork. */
@media(min-width:994px){
 .topPanel .nav>.ana-nav-group>.ana-nav-parent{padding:0 22px!important;justify-content:center!important;text-align:center}
 .topPanel .nav>.ana-nav-group>.ana-nav-toggle{width:22px;right:0;height:44px}
}
/* Compact mobile drawer, with every label and highlight on the same center. */
@media(max-width:993px){
 .ana-ui .topPanel .topPanel-left{width:min(250px,calc(100vw - 48px));left:-250px;padding-right:0;align-items:stretch!important}
 .ana-ui .topPanel .topPanel-left.active{left:0}
 .ana-ui .topPanel .topPanel-left>.nav{width:100%;padding:0!important;overflow-x:hidden;overflow-y:auto}
 .ana-ui .topPanel .nav>li>a,.ana-ui .topPanel .nav>.ana-nav-group>.ana-nav-parent{height:64px!important;min-height:64px!important;padding:0 30px!important;justify-content:center!important;text-align:center;box-sizing:border-box;font-size:19px!important;line-height:1.2!important}
 .ana-ui .topPanel .nav>li::after{top:32px!important;left:50%!important}
 .ana-ui .topPanel .ana-nav-toggle{height:64px;width:30px;right:0}
 .ana-ui .topPanel .nav .ana-nav-submenu>li>a,.ana-ui .topPanel .nav .ana-nav-submenu>li:hover>a{display:flex;justify-content:center;align-items:center;padding:12px 30px;text-align:center;white-space:normal;overflow-wrap:break-word;background-position:left 12px center}
 .ana-ui .topPanel .btn-drop,.ana-ui .topPanel .btn-drop.active{position:fixed;top:3px;left:8px;width:44px;height:44px;padding:0;z-index:25}
 .ana-ui .topPanel .btn-drop span{position:absolute;left:10px;width:24px;height:3px;margin:0;display:block;top:12px}
 .ana-ui .topPanel .btn-drop span:nth-child(2){top:20px}
 .ana-ui .topPanel .btn-drop span:nth-child(3){top:28px}
 .ana-ui .topPanel .btn-drop.active span:nth-child(1){top:20px;transform:rotate(45deg)}
 .ana-ui .topPanel .btn-drop.active span:nth-child(2){opacity:0;display:block}
 .ana-ui .topPanel .btn-drop.active span:nth-child(3){top:20px;transform:rotate(-45deg)}
}
/* Mobile artwork begins immediately below the 50px navigation bar. */
@media(max-width:993px){
 body.ana-ui{background-position:center 50px!important}
 .ana-ui .wrapper>header>.logo{top:85px!important}
 .ana-ui .topPanel .topPanel-right{position:fixed;top:3px;right:8px;height:44px;max-width:calc(100vw - 68px);display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0}
 .ana-ui .topPanel .ana-language-picker{min-width:0;flex:0 1 auto}
 .ana-ui .topPanel .ana-language-picker__toggle{min-width:0;max-width:100%;height:32px;min-height:32px;box-sizing:border-box}
 .ana-ui .topPanel .ana-language-picker__toggle [data-ana-language-name]{max-width:80px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ana-ui .topPanel .sign-in{display:flex;align-items:center;min-height:40px;min-width:0;max-width:145px;padding:0 30px 0 4px;box-sizing:border-box;font-size:14px;line-height:1.2}
 .ana-ui .topPanel .sign-in .login-top{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ana-ui .topPanel .sign-in::after{width:30px;height:32px;right:0;top:50%;margin-top:-16px;background-size:contain;background-position:center}
}
@media(max-width:374px){
 .ana-ui .topPanel .ana-language-picker__toggle [data-ana-language-name]{max-width:48px}
 .ana-ui .topPanel .sign-in{max-width:125px;font-size:13px}
}
/* Keep the hero clear, then stack statistics and download in document flow. */
@media(max-width:993px){
 .ana-ui .wrapper>header{height:auto!important;min-height:0;padding-bottom:120px}
 .ana-ui .wrapper>header>.onlinetop{position:relative;top:auto;bottom:auto;left:auto;margin:370px auto 0;width:100%;flex-direction:column}
 .ana-ui .wrapper>header>.download{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;margin:20px auto 0;width:100%;max-width:447px}
 .ana-ui .wrapper>header .more-downloads{position:relative;top:auto;margin:0 auto;justify-content:center}
 .ana-ui .wrapper>header .onlinetop>.light-animation{display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:300px;height:300px;max-width:100%;pointer-events:none;z-index:0}
 .ana-ui .wrapper>header .onlinetop .yellow-light{display:block;animation:12s p-prev linear infinite}
 .ana-ui .wrapper>header .onlinetop .blue-light{display:block;animation:12s p-next linear infinite}
 .ana-ui .wrapper>header .onlineReg{position:relative;z-index:1}
}
@media(max-width:993px) and (prefers-reduced-motion:reduce){
 .ana-ui .wrapper>header .onlinetop :is(.yellow-light,.blue-light){animation:none}
}
/* Refine mobile hand effect and keep the download area on the site background. */
@media(max-width:993px){
 .ana-ui .wrapper>header>.hand-animation{top:200px;pointer-events:none}
 .ana-ui .wrapper>header .download-button{background:none!important;width:100%;height:auto;min-height:64px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:none}
 .ana-ui .wrapper>header>.download{margin-top:12px}
 .ana-ui .wrapper>header .more-downloads{margin-top:0}
 .ana-ui .wrapper>header{padding-bottom:20px}
 .ana-ui .wrapper>main{margin-top:0!important}
}
/* Restore the original Download frame; crop away its surrounding backdrop. */
@media(max-width:993px){
 .ana-ui .wrapper>header>.hand-animation{top:190px}
 .ana-ui .wrapper>header .download-button{background-image:url('../images/download.png')!important;background-color:transparent!important;background-repeat:no-repeat!important;background-size:390px auto!important;background-position:center -64px!important;width:min(100%,350px);height:100px;min-height:100px;margin:0 auto;padding:14px 24px 14px 75px;overflow:hidden;box-sizing:border-box}
 .ana-ui .wrapper>header .download-button span{margin-top:4px}
}
.ana-ui .more-downloads .windows{opacity:1}
.ana-ui .more-downloads .windows span{display:inline;opacity:1}
.ana-ui .more-downloads .ana-windows-7{color:#ffdda9}
.ana-ui .more-downloads .ana-windows-10{color:#38aaff}
.ana-ui .more-downloads .ana-windows-11{color:#cc7954}
@media(max-width:993px){.ana-ui .wrapper>header>.hand-animation{top:182px}}
/* The hand effects and hero artwork share the same scale and origin. */
@media(max-width:993px){
 body.ana-ui{--mu-hero-height:685px;--mu-hero-scale:1.2924528302;background-size:auto var(--mu-hero-height)!important;background-position:center 50px!important}
 .ana-ui .wrapper>header>.hand-animation{left:50%;top:calc(50px + var(--mu-hero-height) * .2490566038);margin-left:calc(var(--mu-hero-height) * -.2358490566);transform:scale(var(--mu-hero-scale));transform-origin:0 0;pointer-events:none}
}
@media(max-width:767px){body.ana-ui{--mu-hero-height:620px;--mu-hero-scale:1.1698113208}}
@media(max-width:599px){body.ana-ui{--mu-hero-height:530px;--mu-hero-scale:1}}
@media(max-width:374px){body.ana-ui{--mu-hero-height:480px;--mu-hero-scale:.9056603774}}
/* Remove every logo flash/glow on all screens. Keep the original rotating rune. */
.ana-ui .wrapper>header>.logo img[src*="logo-center.webp"]{animation:none!important;filter:none!important}
.ana-ui .wrapper>header>.logo>a::before,.ana-ui .wrapper>header>.logo>a::after{content:none!important;display:none!important;animation:none!important}
.ana-ui .wrapper>header .hand-animation>.light-hand{display:none!important;animation:none!important}
/* Hide older desktop news while preserving their space and panel geometry. */
@media(min-width:994px){.ana-ui .ana-home .newsBlock>.newsLink:nth-child(n+5){visibility:hidden;pointer-events:none}}
/* Account membership level uses the actual authenticated account tier. */
#register .ana-balances>li.ana-account-summary{justify-content:space-between}
#register .ana-account-tier{font-weight:700;white-space:nowrap}
#register .ana-account-tier--free{color:#38aaff}
#register .ana-account-tier--bronze{color:#cd7f32}
#register .ana-account-tier--silver{color:#c0c0c0}
#register .ana-account-tier--gold{color:#ffdda9}
#register .ana-account-tier--unknown{color:#aaa3ac}
/* Cosmetic checkout must not inherit the hamburger .btn positioning. */
.ana-ui form[action*="/packages/cosmetics/buy/"] .button-custom{display:inline-flex;position:static;top:auto;left:auto;align-items:center;justify-content:center;width:100%;max-width:100%;min-height:48px;height:auto;margin:0;padding:12px 18px;line-height:1.5;box-sizing:border-box}
/* Consistent informative notes across website components. */
.ana-ui :is(.ana-document-note,.ana-form__help,.ana-panel__message,.ana-skin-collection-note),
.ana-ui .ana-cosmetic-checkout>p,
.ana-ui main .alert-info{box-sizing:border-box;border-left:3px solid #cc7954;padding:10px 14px;background:#211c25;color:#fcedc0;line-height:1.6;overflow-wrap:anywhere}
.ana-ui .ana-form__help{display:block}
.ana-ui .ana-panel__footer>.ana-panel__message{align-self:stretch}
/* Skin purchase buttons have bottom breathing room; owned appearance has top spacing. */
.ana-ui .ana-cosmetics-page .ana-panel__body{padding-bottom:24px}
.ana-ui .ana-cosmetics-page .ana-cosmetic-checkout{margin-top:16px}
.ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"]{margin-top:18px}
.ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"]>.button-custom{display:flex;align-items:center;justify-content:center;min-height:44px;height:auto;line-height:1.5;margin-top:18px;margin-bottom:10px;padding:12px 20px}
/* Horizontal quick links use the same wrapper and inner width as the page. */
@media(max-width:1199px){
 .ana-ui .ana-support-shell.wrapper{box-sizing:border-box}
 .ana-ui .ana-support-shell .rightBodyLinks.ana-support-panel{width:100%;max-width:none;margin:24px 0}
}
@media(min-width:1200px){.ana-ui .ana-support-shell{display:contents}}/* The preview already identifies the skin; do not repeat it above checkout. */
.ana-ui .ana-cosmetic-checkout>ul{display:none}
/* Cosmetic selection: each labelled choice group owns a separate full-width row. */
.ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"]{display:flex;flex-direction:column;align-items:stretch;gap:20px;min-width:0;max-width:100%}
.ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"]>label{display:block;position:relative;float:none;clear:both;width:100%;min-width:0;height:auto;min-height:0;margin:0;padding:0;box-sizing:border-box;line-height:1.6}
.ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"] .ana-choice{display:block;position:relative;width:100%;height:auto;min-width:0;margin:8px 0 0;box-sizing:border-box}
.ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"] .ana-choice-options{position:relative;align-items:stretch;gap:10px;padding:3px;max-height:none;overflow:visible}
.ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"]>.button-custom{align-self:flex-start;max-width:100%;white-space:normal;margin-top:4px}
@media(max-width:767px){
 .ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"] .ana-choice-options{display:flex;flex-direction:column}
 .ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"] .ana-choice-button{flex:none;width:100%;min-height:48px;height:auto;margin:0;box-sizing:border-box}
 .ana-ui .ana-cosmetics-page form[action*="/packages/cosmetics/select"]>.button-custom{align-self:stretch;width:100%}
}/* Profile shop informational notices follow the Info / Guides note treatment. */
.ana-ui .ana-profile-shop-notice,
.ana-ui .ana-document-page:has(>.ana-profile-shop-grid)>p,
.ana-ui .ana-profile-shop-grid .ana-panel__body>form[action*="/packages/profile/select"]+p{box-sizing:border-box;border:0;border-left:3px solid #cc7954;padding:10px 14px;background:#211c25;color:#fcedc0;line-height:1.6;overflow-wrap:anywhere;white-space:normal}
.ana-ui .ana-document-page:has(>.ana-profile-shop-grid)>p{margin:16px 0}
/* Market filters: larger icon controls, readable states, original Wonder palette. */
.ana-ui .ana-trade-compact{--market-accent:#ffdda9;--market-gold:#ffdda9}
.ana-ui .ana-trade-compact .ana-trade-filter-main{gap:22px}
.ana-ui .ana-trade-compact .ana-choice-field{padding-bottom:4px}
.ana-ui .ana-trade-compact .ana-choice-options{gap:10px;padding:4px}
.ana-ui .ana-trade-compact .ana-choice-button{transition:border-color .18s,box-shadow .18s,transform .18s}
.ana-ui .ana-trade-compact .ana-choice-button--image{width:62px!important;min-height:62px;padding:8px!important}
.ana-ui .ana-trade-compact .ana-choice-button img{flex:0 0 40px;width:40px;height:40px}
.ana-ui .ana-trade-compact .ana-choice-button:is(:hover,:focus-visible){border-color:var(--market-accent);box-shadow:0 0 14px #ffdda91c;transform:translateY(-2px)}
.ana-ui .ana-trade-compact .ana-choice-button[aria-checked=true]{border-color:var(--market-gold);box-shadow:inset 0 -3px var(--market-gold),0 0 12px #ffdda91c}
.ana-ui .ana-trade-compact .ana-choice-current{font-size:13px;margin-top:10px;min-height:20px}
.ana-ui .ana-trade-compact .ana-choice-cluster{flex:1 1 270px;gap:10px;padding:12px;border:1px solid #39303a;background:#10121b;box-sizing:border-box}
.ana-ui .ana-trade-compact .ana-choice-heading{font-size:13px;letter-spacing:.3px;margin-bottom:8px}
.ana-ui .ana-trade-compact .ana-option-tiles,.ana-ui .ana-trade-compact .ana-excellent-buttons{gap:10px}
.ana-ui .ana-trade-compact .ana-option-tile{flex:0 1 92px;width:92px;height:auto;min-height:78px;padding:10px 6px;gap:6px;font-size:12px;transition:border-color .18s,box-shadow .18s}
.ana-ui .ana-trade-compact .ana-option-tile .fa{font-size:19px;color:#ffdda9}
.ana-ui .ana-trade-compact .ana-option-tile small{font-size:11px;line-height:1.4}
.ana-ui .ana-trade-compact .ana-option-tile[data-state="1"]{border-color:#ffdda9;color:#ffdda9;box-shadow:inset 0 -3px #ffdda9}
.ana-ui .ana-trade-compact .ana-option-tile[data-state="0"]{border-color:#cc7954;color:#cc7954;background:#211c25;border-style:dashed}
.ana-ui .ana-trade-compact .ana-option-tile:is(:hover,:focus-visible){outline:1px solid #ffdda9;outline-offset:2px;box-shadow:0 0 12px #ffdda91c}
.ana-ui .ana-trade-compact .ana-market-properties{margin-top:24px}
.ana-ui .ana-trade-compact .ana-form__help{margin:14px 0}
.ana-ui .ana-trade-compact .ana-trade-currency>span{min-height:52px;padding:8px 12px;transition:border-color .18s,box-shadow .18s}
.ana-ui .ana-trade-compact .ana-trade-currency:hover>span{border-color:#ffdda9;box-shadow:0 0 12px #ffdda91c}
.ana-ui .ana-trade-compact .ana-form__actions{gap:14px;margin-top:24px}
.ana-ui .ana-trade-compact .ana-form__actions .ana-panel__button{gap:9px;min-height:48px}
.ana-ui .ana-trade-compact .ana-trade-filter-options>summary{gap:10px;border-color:#514257;min-height:48px}
.ana-ui .ana-trade-compact .ana-trade-filter-options[open]>summary{border-color:#ffdda9;color:#ffdda9}
@media(max-width:767px){
 .ana-ui .ana-trade-compact .ana-choice-cluster{flex-basis:100%;padding:12px;border-left:1px solid #39303a}
 .ana-ui .ana-trade-compact .ana-choice-button--image{width:54px!important;min-height:56px;padding:6px!important}
 .ana-ui .ana-trade-compact .ana-choice-button img{flex-basis:36px;width:36px;height:36px}
 .ana-ui .ana-trade-compact .ana-option-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}
 .ana-ui .ana-trade-compact .ana-option-tiles .ana-option-tile{width:100%;min-width:0}
 .ana-ui .ana-trade-compact .ana-trade-currency-options .ana-filter-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ana-ui .ana-trade-compact .ana-trade-currency{min-width:0}
 .ana-ui .ana-trade-compact .ana-trade-currency>span{height:100%;white-space:normal;overflow-wrap:anywhere}
 .ana-ui .ana-trade-compact .ana-form__actions{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){.ana-ui .ana-trade-compact :is(.ana-choice-button,.ana-option-tile,.ana-trade-currency>span){transition:none;transform:none!important}}
/* Compact vault cards and capacity use canonical Wonder colors. */
.ana-ui .ana-trade-wallet{grid-template-columns:repeat(6,minmax(0,140px));gap:8px}
.ana-ui .ana-trade-wallet>div{padding:8px}
.ana-ui .ana-trade-wallet .ana-wallet-hint{min-height:56px;gap:4px}
.ana-ui .ana-trade-wallet .ana-wallet-hint img{width:28px;height:28px;flex-basis:28px}
.ana-ui .ana-trade-wallet dd{padding-top:4px}
.ana-ui .ana-wallet-capacity{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:fit-content;max-width:100%;box-sizing:border-box;margin:16px 0 8px;padding:10px 14px;border-left:3px solid #ffdda9;background:#211c25;color:#fcedc0;font-size:15px;line-height:1.6}
.ana-ui .ana-wallet-capacity strong{color:#ffdda9;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 0 10px #ffdda91c}
@media(max-width:1023px){.ana-ui .ana-trade-wallet{grid-template-columns:repeat(3,minmax(0,140px))}}
@media(max-width:767px){.ana-ui .ana-trade-wallet{grid-template-columns:repeat(2,minmax(0,140px))}}
/* Keep submenu text and the original blue artwork on the same center. */
.ana-ui .topPanel .nav .ana-nav-submenu>li{position:relative;width:100%;margin:0;padding:0}
.ana-ui .topPanel .nav .ana-nav-submenu>li>a,
.ana-ui .topPanel .nav .ana-nav-submenu>li:hover>a{display:flex!important;align-items:center;justify-content:center!important;text-align:center!important;box-sizing:border-box;width:100%;min-height:54px;height:auto;padding:14px 24px!important;line-height:1.4;white-space:normal;background:none!important}
.ana-ui .topPanel .nav .ana-nav-submenu>li::after{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;margin:0!important;width:200px!important;height:86px!important;transform:translate(-50%,-50%)!important;background-position:center!important;background-size:200px 86px!important;z-index:0;pointer-events:none}
.ana-ui .topPanel .nav .ana-nav-submenu>li>a{position:relative;z-index:1}
.ana-ui .topPanel .nav>li::after{background-position:center!important}
@media(min-width:994px){.ana-ui .topPanel .nav>li::after{top:50%!important}}
@media(max-width:993px){.ana-ui .topPanel .nav>li::after{top:32px!important}}
/* Submenus retain only their text and original blue light artwork. */
.ana-ui .topPanel .nav .ana-nav-submenu,
.ana-ui .topPanel .nav .ana-nav-submenu>li{background:transparent!important;border:0!important;box-shadow:none!important}
/* Anchor dropdowns directly under the center of their own parent link. */
@media(min-width:994px){
 .ana-ui .topPanel .nav>.ana-nav-group>.ana-nav-submenu{position:absolute;left:50%;right:auto;top:100%;bottom:auto;width:max-content;min-width:190px;margin:0;padding:0;transform:translate(-50%,8px)}
 .ana-ui .topPanel .nav>.ana-nav-group.is-open>.ana-nav-submenu{transform:translate(-50%,0)}
}
@media(max-width:993px){
 .ana-ui .topPanel .nav>.ana-nav-group>.ana-nav-submenu{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-width:0;margin:0;padding:0;transform:none}
 .ana-ui .topPanel .nav>.ana-nav-group.is-open>.ana-nav-submenu{transform:none}
}
/* Separate Donate's payment instructions from the following My payments panel. */
.ana-ui .ana-payments+.ana-panel{margin-top:24px}
/* PayPal amount selection uses the site's existing panel, note and button palette. */
.ana-ui .ana-paypal-amount .ana-paypal-amount-form{display:block;margin:0}
.ana-ui .ana-paypal-amount-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.ana-ui .ana-paypal-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.ana-ui .ana-paypal-preset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:90px;height:auto;margin:0;padding:12px 8px;border:1px solid #514257;background:#10121b;color:#fcedc0;font:14px/1.5 'Open Sans',sans-serif;letter-spacing:0;text-transform:none;box-shadow:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.ana-ui .ana-paypal-preset strong{font-size:20px;color:#ffdda9}
.ana-ui .ana-paypal-preset span{font-size:12px}
.ana-ui .ana-paypal-preset:hover,.ana-ui .ana-paypal-preset[aria-pressed=true]{border-color:#ffdda9;background:#211c25;box-shadow:inset 0 -3px #ffdda9}
.ana-ui .ana-paypal-preset:focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .ana-paypal-amount label{display:block;margin-bottom:8px}
.ana-ui .ana-paypal-amount #commerce-rate{margin:12px 0;font-size:12px;color:#aaa3ac}
.ana-ui .ana-paypal-summary{display:block!important;width:100%;max-width:none;min-width:0;padding:20px;border:1px solid #39303a;background:#10121b;box-sizing:border-box}
.ana-ui .ana-paypal-summary h3{margin:0 0 16px;font:400 20px/1.4 'Philosopher',sans-serif;color:#cc7954}
.ana-ui .ana-paypal-summary dl{margin:0}
.ana-ui .ana-paypal-summary dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #39303a}
.ana-ui .ana-paypal-summary dt{color:#fcedc0}
.ana-ui .ana-paypal-summary dd{margin:0;color:#ffdda9;font-weight:600;text-align:right;overflow-wrap:anywhere;min-width:0}
.ana-ui .ana-paypal-summary output{font-size:20px;font-variant-numeric:tabular-nums}
.ana-ui .ana-paypal-summary .ana-document-note{margin-bottom:0}
.ana-ui .ana-paypal-amount .ana-form__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
@media(max-width:767px){.ana-ui .ana-paypal-amount-layout{grid-template-columns:minmax(0,1fr);gap:20px}.ana-ui .ana-paypal-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.ana-ui .ana-paypal-summary{padding:16px}}
/* Official PayPal controls remain provider-rendered within Wonder's payment panel. */
.ana-ui .ana-paypal-methods{margin:24px 0;padding:20px;border:1px solid #39303a;background:#10121b;box-sizing:border-box}
.ana-ui .ana-paypal-methods h3{margin:0 0 20px;color:#cc7954;font:400 20px/1.4 'Philosopher',sans-serif}
.ana-ui .ana-paypal-official-buttons{width:100%;max-width:460px;min-width:0}
.ana-ui .ana-paypal-official-buttons>div:empty{display:none}
.ana-ui .ana-paypal-methods [hidden]{display:none!important}
.ana-ui .ana-paypal-methods [data-paypal-status]:empty{display:none}

/* ANASTARIA HOME-TOP 20261030: desktop - 3 latest news, equal-height panels, complete 2:1 slide artwork. */
@media(min-width:994px){
 .ana-ui .ana-home .newsBlock>.newsLink:nth-child(n+5){display:none}
 .ana-ui .ana-home .topHomeBlocks>.newsBlock{display:flex;flex-direction:column;padding:16px 26px}
 .ana-ui main .ana-home .newsBlock .newsLink{padding-top:9px;padding-bottom:9px;flex-wrap:nowrap}
 .ana-ui .ana-home .newsBlock .newsLink-info{flex:1 1 auto;min-width:0}
 .ana-ui .ana-home .newsBlock .newsLink-info>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .ana-ui .ana-home .topHomeBlocks>.ana274b-promo{align-self:stretch;aspect-ratio:2/1;height:auto;min-height:0}
 .ana-ui .ana-home .ana274b-slide img{object-fit:contain;object-position:center}
}
@media(min-width:994px) and (max-width:1365px){
 .ana-ui .ana-home .topHomeBlocks>.newsBlock{padding:10px 22px}
 .ana-ui .ana-home .newsBlock>.h2-title{margin-bottom:12px}
 .ana-ui main .ana-home .newsBlock .newsLink{padding-top:5px;padding-bottom:5px}
}

/* ANASTARIA SUBMENU-COLOR 20261030: submenu items use the main menu title colours and hover glow. */
.ana-ui .topPanel .nav .ana-nav-submenu>li>a{color:#fcedc0!important;text-shadow:none!important}
.ana-ui .topPanel .nav .ana-nav-submenu>li:hover>a,.ana-ui .topPanel .nav .ana-nav-submenu>li>a:focus-visible{color:#38aaff!important;text-shadow:0 0 10px rgba(55,160,255,.65)!important}

/* ANASTARIA DOWNLOAD-HOVER 20261030: download mirror boxes - blue hover glow fills the whole box. */
.ana-ui main .ana-resource-links>.ana-resource-link:not(.ana-character-choice):is(:hover,:focus-within){background-size:100% 100%!important;background-position:center!important}