/* BLITZ MU site-wide polish (same design language as the homepage). Loaded last. */

/* The old theme used Georgia everywhere: map that family to the BLITZ sans font so every page switches at once. */
@font-face{font-family:Georgia;src:url(/assets/reference/fonts/Circe/Circe-Regular.woff2) format('woff2');unicode-range:U+0000-02FF,U+2010-2027,U+2030-205E,U+20A0-20CF;font-weight:100 500;font-display:swap}
@font-face{font-family:Georgia;src:url(/assets/reference/fonts/Circe/Circe-Bold.woff2) format('woff2');unicode-range:U+0000-02FF,U+2010-2027,U+2030-205E,U+20A0-20CF;font-weight:600 700;font-display:swap}
@font-face{font-family:Georgia;src:url(/assets/reference/fonts/Circe/Circe-ExtraBold.woff2) format('woff2');unicode-range:U+0000-02FF,U+2010-2027,U+2030-205E,U+20A0-20CF;font-weight:800 900;font-display:swap}
:root{--bz-panel:linear-gradient(160deg,#0f1722f2,#0a1018f2);--bz-border:#ffffff17;--bz-border-hi:#dca13d80;--bz-radius:16px;--bz-text:#eef2f6;--bz-muted:#9aa7b7}
body{background:#05080d}
main h1,main h2,main h3,.arcane-side-panel h2{font-weight:800!important;letter-spacing:.01em}

/* ---------- top bar & footer logo ---------- */
.topbar{background:#070b12e6!important;border-bottom:1px solid var(--bz-border)!important}
.arcane-mobile-brand{display:flex!important;align-items:center;width:112px!important;height:56px!important;overflow:visible!important;background:none!important;border:0!important}
.arcane-mobile-brand img.bz-logo-img{position:static!important;transform:none!important;width:112px!important;height:auto!important;mix-blend-mode:normal!important}
.footer-inner .brand img.bz-logo-img{position:static!important;transform:none!important;width:130px!important;height:auto!important;mix-blend-mode:normal!important}
.footer-inner .brand{display:flex;align-items:center;overflow:visible!important}
footer{background:linear-gradient(#05080d,#070b12)!important;border-top:1px solid var(--bz-border)!important}

/* ---------- page banners: one piece of BLITZ art per page ---------- */
/* full-bleed, whole picture: the art is pre-composed on the right of a 2400x640 canvas that fades into the page colour,
   so it is always shown at full height (never cropped) and anchored right; the text sits on the dark left side */
html,body{overflow-x:clip}
.page-title,.arcane-page-banner{min-height:340px!important;height:clamp(300px,24vw,420px);padding:0 max(40px,calc(50vw - 700px)) 48px!important;border:0!important;justify-content:flex-end!important;
 margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:auto!important;max-width:none!important;border-radius:0!important;
 background:linear-gradient(90deg,#05080d 0%,#05080dd9 30%,#05080d33 55%,transparent 70%),#05080d var(--bz-art,url(/assets/home/banner-guide.webp?v=2)) right center/auto 100% no-repeat!important}
.page-title:after,.arcane-page-banner:after{height:110px!important;background:linear-gradient(transparent,#05080d)!important}
.page-title>*,.arcane-page-banner>*{position:relative;z-index:1}
.page-title small,.arcane-page-banner>small{font:800 12px BlitzSans,'Segoe UI',sans-serif!important;letter-spacing:.3em!important;color:#ffe39c!important;margin-bottom:12px!important}
.page-title h1,.arcane-page-banner h1{font:900 clamp(34px,3.7vw,60px)/1.05 BlitzDisplay,'Segoe UI',sans-serif!important;text-transform:uppercase;letter-spacing:.01em!important;color:#fff!important;text-shadow:0 4px 30px #000c!important;margin-bottom:14px!important}
.page-title h1 em,.arcane-page-banner h1 em{font-style:normal;background:linear-gradient(180deg,#ffe39c,#dca13d);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-title p,.arcane-page-banner p{font:500 16px/1.5 BlitzSans,'Segoe UI',sans-serif!important;color:#c7d0db!important;max-width:620px}
[data-page="news"]{--bz-art:url(/assets/home/banner-news.webp?v=2)}
[data-page="download"]{--bz-art:url(/assets/home/banner-download.webp?v=2)}
[data-page="rankings"]{--bz-art:url(/assets/home/banner-rankings.webp?v=2)}
[data-page="market"]{--bz-art:url(/assets/home/banner-market.webp?v=2)}
[data-page="characters-market"]{--bz-art:url(/assets/home/banner-heroes.webp?v=2)}
[data-page="guide"],[data-page="classes"]{--bz-art:url(/assets/home/banner-guide.webp?v=2)}
[data-page="account"]{--bz-art:url(/assets/home/banner-account.webp?v=2)}
[data-page="armory"]{--bz-art:url(/assets/home/banner-armory.webp?v=2)}
[data-page="shop"],[data-page="donate"],[data-page="bonus-shop"]{--bz-art:url(/assets/home/banner-shop.webp?v=2)}
[data-page="rules"],[data-page="support"]{--bz-art:url(/assets/home/banner-rules.webp?v=2)}
[data-page="creators"],[data-page="weekly-rewards"]{--bz-art:url(/assets/home/banner-news.webp?v=2)}

/* ---------- panels & cards ---------- */
.panel,.news-card,.class-card,.reward-card,.feature-detail,.guide-nav,.faq details,.update-showcase,.shop-banner,.form-card,.empty-state,.market-empty,.real-item-card,.market-wallet,.hero-score-panel,.hero-inventory-panel,.hero-recommendations,.arcane-side-panel,.arcane-item,.registration-form,.account-settings,.account-level-head,.account-summary,.account-bonuses,.account-vote{
 background:var(--bz-panel)!important;border:1px solid var(--bz-border)!important;border-radius:var(--bz-radius)!important;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff0a!important}
.news-card,.class-card,.reward-card,.real-item-card,.arcane-item{overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.news-card:hover,.class-card:hover,.reward-card:hover,.real-item-card:hover,.arcane-item:hover{transform:translateY(-3px);border-color:var(--bz-border-hi)!important;box-shadow:0 16px 40px #000a,0 0 0 1px #dca13d26!important}
.news-card img{transition:transform .5s}.news-card:hover img{transform:scale(1.05)}
.news-card h2,.news-card h3{color:#fff!important}
.account-art{border-radius:var(--bz-radius)!important;border:1px solid var(--bz-border)!important;background:linear-gradient(#05080d30,#05080df0),url(/assets/home/banner-account.webp?v=2) 30% center/cover!important}
.account-layout .panel.account{border-radius:var(--bz-radius)!important}

/* section headings */
.section-heading small,.eyebrow{font:800 11px BlitzSans,'Segoe UI',sans-serif!important;letter-spacing:.3em!important;color:#ffe39c!important}
.section-heading h2,.arcane-section-label h2{font:900 clamp(26px,2.4vw,38px)/1.1 BlitzDisplay,'Segoe UI',sans-serif!important;text-transform:uppercase;color:#fff!important;letter-spacing:.01em}
.section-heading h2 em{font-style:normal;background:linear-gradient(180deg,#ffe39c,#dca13d);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- form controls ---------- */
main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),main select,main textarea{border-radius:10px!important;border:1px solid #ffffff1f!important;background:#080d14!important;color:var(--bz-text)!important;font-family:BlitzSans,'Segoe UI',sans-serif!important;transition:border-color .18s,box-shadow .18s}
main input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,main select:focus,main textarea:focus{outline:0!important;border-color:#dca13d!important;box-shadow:0 0 0 3px #dca13d2e!important}
main label{color:#c2cbd6}
main input[type=checkbox]{accent-color:#dca13d}

/* ---------- tabs / segmented controls ---------- */
.tabs,.policy-tabs,.ranking-nav,.account-tabs{display:flex;gap:4px!important;padding:4px!important;border:1px solid var(--bz-border)!important;border-radius:999px!important;background:#080d14!important;width:max-content;max-width:100%;overflow-x:auto}
.tabs button,.policy-tabs a,.ranking-nav a,.account-tabs a{border:0!important;border-radius:999px!important;background:none!important;color:#aeb9c6!important;font:800 12px BlitzSans,'Segoe UI',sans-serif!important;letter-spacing:.06em;padding:9px 18px!important;box-shadow:none!important;white-space:nowrap}
.tabs button.selected,.policy-tabs a.active,.policy-tabs a[aria-current],.ranking-nav a.active,.ranking-nav a[aria-current],.account-tabs a.active,.account-tabs a[aria-current]{background:linear-gradient(180deg,#ffe39c,#dca13d)!important;color:#1d1405!important}

/* ---------- guide ---------- */
.guide-nav{padding:10px!important}
.guide-nav a{border-radius:10px}
.guide-nav a[aria-current],.guide-nav a.active{background:#dca13d1f!important;color:#ffe39c!important;border-color:transparent!important}
.prose h2,.prose h3{color:#fff!important}
.prose table{border-radius:12px;overflow:hidden}

/* ---------- FAQ ---------- */
.faq details{padding:0!important;margin-bottom:10px}
.faq summary{padding:20px 24px!important;font:700 16px BlitzSans,'Segoe UI',sans-serif!important;color:#eef2f6!important}
.faq details[open]{border-color:var(--bz-border-hi)!important}
.faq details>:not(summary){padding:0 24px 20px}

/* ---------- tables ---------- */
main table th{font:800 11px BlitzSans,'Segoe UI',sans-serif!important;letter-spacing:.14em;color:#8e9bab!important}
main table tr{transition:background .15s}
main tbody tr:hover{background:#ffffff08}

/* ---------- download ---------- */
.download-card{background:radial-gradient(ellipse at 50% 0,#dca13d22,transparent 70%),var(--bz-panel)!important}
.download-symbol{color:#ffe39c!important}
.install-guide ol li::marker{color:#ffe39c;font-weight:800}

@media(max-width:850px){.page-title>*,.arcane-page-banner>*{max-width:calc(100vw - 44px)!important}.page-title,.arcane-page-banner{min-height:240px!important;height:auto;padding:90px 22px 30px!important;background:linear-gradient(0deg,#05080d 0%,#05080dcc 40%,#05080d33 80%),#05080d var(--bz-art,url(/assets/home/banner-guide.webp?v=2)) 85% center/auto 100% no-repeat!important}}

/* ---------- shop / product cards ---------- */
.product-card,.coin-card,.service-card,.buff-card{background:radial-gradient(ellipse 80% 60% at 50% 30%,#dca13d1c,transparent 70%),var(--bz-panel)!important;border:1px solid var(--bz-border)!important;border-radius:var(--bz-radius)!important;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff0a!important;transition:transform .22s,border-color .22s,box-shadow .22s}
.product-card:hover,.coin-card:hover,.service-card:hover,.buff-card:hover{transform:translateY(-3px);border-color:var(--bz-border-hi)!important;box-shadow:0 16px 40px #000a,0 0 0 1px #dca13d26!important}
.product-card img{filter:drop-shadow(0 10px 24px #000a)}
.prose h2{text-align:left!important}

/* jewel icons are now fitted to their frame; keep them square everywhere (the filter one was squeezed to 6px) */
img[src*="/reference/currencies/"]{object-fit:contain}
.market-currency img{width:24px!important;height:24px!important;min-width:24px;flex:0 0 24px;margin:-3px 0!important}

/* server badge: no frame, no inner logo; the castle art fills the whole badge and melts into the black bar at the edges */
.arcane-top-status.server-badge{border:0!important;box-shadow:none!important;border-radius:0!important;outline:0!important;padding-left:22px!important;grid-template-columns:auto!important;
 background:linear-gradient(90deg,#070b1255,#070b1233 50%,#070b1255),url(/assets/arcane-citadel.png) 70% 42%/cover no-repeat!important;border-radius:10px!important;}
.server-badge img.server-badge-logo{display:none!important}
.server-badge .server-badge-text small{text-shadow:0 1px 6px #000}
.server-badge .server-badge-name{text-shadow:0 2px 8px #000}

/* artwork protection: images cannot be dragged, selected or long-pressed to save */
img,video,canvas{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}