/* BLITZ MU homepage + unified buttons. Loaded after arcane.css. */
@font-face{font-family:BlitzDisplay;src:url(/assets/reference/fonts/Montserrat/Montserrat-Black.woff) format('woff');font-weight:900;font-display:swap}
@font-face{font-family:BlitzSans;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:400 600;font-display:swap}
@font-face{font-family:BlitzSans;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:700;font-display:swap}
@font-face{font-family:BlitzSans;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-gold1:#ffe39c;--bz-gold2:#dca13d;--bz-ink:#05080d;--bz-glass:#0b1119b8;--bz-line:#ffffff1f;--bz-violet:#a26bff}

/* ---------- unified buttons (whole site) ---------- */
.button,.button.gold,.button.blue,button.item-view-button,.item-view-button{border-radius:999px!important;font:800 13px BlitzSans,'Segoe UI',sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:11px 26px;transition:filter .18s,transform .18s,box-shadow .18s!important}
.button.gold,.button:not(.blue){border:0!important;background:linear-gradient(180deg,var(--bz-gold1),var(--bz-gold2))!important;color:#1d1405!important;box-shadow:inset 0 1px #fff9,0 6px 22px #dca13d33!important}
.button.blue,button.item-view-button,.item-view-button{border:1px solid #ffffff38!important;background:#ffffff0f!important;color:#f1f4f8!important;box-shadow:inset 0 1px #ffffff1a!important;backdrop-filter:blur(6px)}
.button:hover,.item-view-button:hover{filter:brightness(1.1);transform:translateY(-1px)}
.button.blue:hover,.item-view-button:hover{border-color:#ffffff70!important;background:#ffffff1c!important}
.topbar .button.small{height:36px;min-height:36px;padding:0 20px;font-size:11px!important}

/* ---------- section navigation (home only) ---------- */
body:has(> main > [data-page="home"]:not([hidden]))>.section-nav{display:flex!important;position:sticky;top:var(--top);z-index:90;align-self:stretch;width:auto;height:48px;gap:44px!important;justify-content:center!important;padding:0 24px 0 150px!important;background:#070b12e0;backdrop-filter:blur(14px);border-bottom:1px solid var(--bz-line);font:800 12px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.08em}
body>.section-nav a{flex:0 0 auto;padding:3px 4px 0!important;color:#b9c3d0;border-bottom:3px solid transparent}
body>.section-nav a:hover{color:#fff;border-color:transparent}
body>.section-nav a.active{color:#fff;border-color:var(--bz-gold2)}
[data-page="home"] [id^="home-"]{scroll-margin-top:calc(var(--top) + 60px)}

/* ---------- hero ---------- */
.hero.bz-hero{position:relative;display:block;height:calc(100vh - var(--top) - 48px);min-height:640px;max-height:1080px;padding:0;margin:0;background:#07060c url(/assets/home/hero-poster-hq.jpg) center/cover;border:0;overflow:hidden;text-align:center}
.hero.bz-hero:after{display:none}
.bz-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.bz-hero.bz-playing .bz-hero-video{opacity:1}
.bz-hero-shade{position:absolute;inset:0;pointer-events:none;background:
 linear-gradient(180deg,#05080d99 0%,transparent 18%,transparent 34%,#05080d8c 58%,#05080df2 86%,var(--bz-ink) 100%),
 radial-gradient(ellipse 70% 50% at 50% 78%,#05080daa,transparent 70%)}
/* no transform / z-index here: the logo (on black) is blended into the video with mix-blend-mode, which needs the video as backdrop */
.bz-hero-inner{position:absolute;left:0;right:0;top:2%;bottom:8%;margin:0 auto;width:min(920px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center}
.bz-hero-logo{position:relative;margin:0;line-height:0}
.bz-hero-logo img{width:clamp(300px,34vw,560px);height:auto;margin:0;filter:drop-shadow(0 6px 20px #000c)}
.bz-hero-tag{margin:-14px 0 auto!important} /* logo + tagline at the top, stats and buttons at the bottom */
.bz-hero-pills{display:none!important}
.bz-hero-stats div{background:transparent!important;backdrop-filter:none!important;border-color:#ffffff26!important}
.bz-hero-stats b,.bz-hero-stats small{text-shadow:0 2px 10px #000}
.bz-hero-tag{margin:0;font:800 clamp(14px,1.25vw,19px) BlitzSans,'Segoe UI',sans-serif;letter-spacing:.16em;color:#f3f5f8;text-shadow:0 2px 14px #000}
.bz-hero-tag em{font-style:normal;background:linear-gradient(180deg,var(--bz-gold1),var(--bz-gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.bz-hero-pills{display:inline-flex;max-width:100%;margin-top:18px;border:1px solid var(--bz-line);border-radius:12px;background:var(--bz-glass);backdrop-filter:blur(10px)}
.bz-hero-pills span{display:flex;align-items:center;gap:8px;padding:10px 20px;font:600 15px BlitzSans,'Segoe UI',sans-serif;color:#eef1f5;white-space:nowrap}
.bz-hero-pills span+span{border-left:1px solid #ffffff16}
.bz-hero-pills i{font-style:normal;color:var(--bz-gold1)}
.bz-hero-pills b{font-weight:600}
.bz-hero-label{display:flex;align-items:center;gap:10px;margin:20px 0 0;font:800 12px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.34em;color:#dfe5ee}
.bz-hero-label i{width:8px;height:8px;border-radius:50%;background:#8a93a0}
.bz-hero-label i.on{background:#4ade80;box-shadow:0 0 10px #4ade80}
.bz-hero-label i.off{background:#f25f5c}
.bz-hero-stats{display:flex;gap:14px;margin-top:12px}
.bz-hero-stats div{width:108px;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--bz-line);background:var(--bz-glass);backdrop-filter:blur(10px)}
.bz-hero-stats b{font:900 36px/1 BlitzDisplay,'Segoe UI',sans-serif;color:#fff}
.bz-hero-stats small{margin-top:8px;font:700 10px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.2em;color:#9ca8b8}
.bz-hero-actions{display:flex;gap:12px;margin-top:22px}
.bz-cta,.bz-cta-ghost{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:54px;border-radius:999px;font:800 15px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.08em;text-decoration:none;transition:filter .18s,transform .18s,box-shadow .18s}
.bz-cta{padding:0 50px;color:#1d1405;background:linear-gradient(180deg,var(--bz-gold1),var(--bz-gold2));box-shadow:inset 0 1px #fffa,0 8px 30px #dca13d55}
.bz-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffa,0 12px 36px #dca13d88;color:#1d1405}
.bz-cta-ghost{padding:0 32px;color:#fff;border:1px solid #ffffff45;background:#ffffff10;backdrop-filter:blur(8px)}
.bz-cta-ghost:hover{background:#ffffff22;color:#fff}
.bz-hero-note{margin:12px 0 0;font:700 11px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.16em;color:#aeb8c6}
.bz-scroll{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:22px;height:34px;border:2px solid #ffffff45;border-radius:12px;z-index:2}
.bz-scroll span{position:absolute;left:50%;top:6px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:#fff;animation:bzScroll 1.8s infinite}
@keyframes bzScroll{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.bz-scroll span{animation:none}}

/* the old realm strip feeds the hero numbers but is no longer shown */
[data-page="home"] .realm-strip{display:none!important}
/* old home blocks replaced by the cards */
[data-page="home"] .arcane-home-content{grid-template-columns:1fr!important}
[data-page="home"] .arcane-home-content>div>.arcane-section-label:first-child,[data-page="home"] .arcane-destinations,[data-page="home"] .arcane-home-aside{display:none!important}
[data-page="home"] .join-banner .starter-cards,[data-page="home"] .join-banner .start-label{display:none!important}

/* ---------- feature cards ---------- */
.bz-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px;text-align:left}
.bz-card{position:relative;display:block;aspect-ratio:10/7.4;border-radius:16px;overflow:hidden;border:1px solid #ffffff1c;background:#0a0f16;isolation:isolate;text-decoration:none;box-shadow:0 10px 30px #0006;transition:transform .25s,border-color .25s,box-shadow .25s}
.bz-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.bz-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,#05080dcc 62%,#05080df7)}
.bz-card:hover{transform:translateY(-4px);border-color:#dca13d88;box-shadow:0 16px 40px #000a,0 0 0 1px #dca13d33}
.bz-card:hover img{transform:scale(1.06)}
.bz-card-body{position:absolute;left:18px;right:18px;bottom:16px;display:flex;flex-direction:column;gap:4px}
.bz-card-body small{font:800 10px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.2em;color:var(--bz-gold1)}
.bz-card-body strong{font:900 20px BlitzDisplay,'Segoe UI',sans-serif;letter-spacing:.01em;color:#fff;text-transform:uppercase}
.bz-card-body>span{font:500 13px/1.35 BlitzSans,'Segoe UI',sans-serif;color:#b7c1ce}
.bz-card-body b{margin-top:6px;font:800 11px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.14em;color:#fff;opacity:.75;transition:opacity .2s}
.bz-card:hover .bz-card-body b{opacity:1;color:var(--bz-gold1)}

@media(max-width:1100px){.bz-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1300px){body>.section-nav{gap:26px!important}}
@media(max-width:850px){
 body:has(> main > [data-page="home"]:not([hidden]))>.section-nav{display:none!important} /* phones use the menu button */
 .hero.bz-hero{height:calc(100svh - var(--top));min-height:600px;background-position:55% center}
 .bz-hero-video{object-position:55% center}
 .bz-hero-pills{flex-wrap:wrap;justify-content:center}
 .bz-hero-pills span{padding:8px 12px;font-size:13px}
 .bz-hero-pills span:nth-child(3){border-left:0}
 .bz-hero-stats{gap:8px}.bz-hero-stats div{width:76px;height:70px}.bz-hero-stats b{font-size:26px}.bz-hero-stats small{font-size:8px;letter-spacing:.12em}
 .bz-hero-actions{flex-direction:column;width:100%;max-width:340px}.bz-cta,.bz-cta-ghost{width:100%;height:50px;padding:0}
 .bz-hero-note,.bz-scroll{display:none}
}
@media(max-width:560px){.bz-cards{grid-template-columns:1fr;gap:12px}.bz-hero-pills span{font-size:12px;padding:7px 10px}.bz-hero-label{letter-spacing:.2em}}
/* "From the armory" removed from the homepage (the whole old block under the hero) */
[data-page="home"] .arcane-home-content{display:none!important}
/* hero is now only video + logo + tagline (Barel 2026-09-26): no stats/buttons, lighter video, brighter logo */
.bz-hero-label,.bz-hero-stats,.bz-hero-actions,.bz-hero-note,.bz-scroll{display:none!important}
.bz-hero-shade{background:linear-gradient(180deg,#05080d66 0%,transparent 16%,transparent 80%,#05080daa 94%,var(--bz-ink) 100%)!important}
.bz-hero-logo img{filter:brightness(1.18) drop-shadow(0 0 18px #3d8bff55)!important}

/* grand opening countdown: fully transparent, only the numbers */
.bz-countdown{display:flex;flex-direction:column;align-items:center;gap:10px}
.bz-cd-title{margin:0;font:800 14px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.34em;color:#e9eef5;text-shadow:0 2px 12px #000}
.bz-cd-title em{font-style:normal;color:#ffd36b}
.bz-cd-row{display:flex;align-items:flex-start;gap:10px}
.bz-cd-row>div{min-width:110px;display:flex;flex-direction:column;align-items:center;background:none;border:0}
.bz-cd-row b{font:900 clamp(44px,4.6vw,76px)/1 BlitzDisplay,'Segoe UI',sans-serif;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #3d8bff66,0 4px 18px #000}
.bz-cd-row small{margin-top:8px;font:800 11px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.3em;color:#aeb9c6;text-shadow:0 2px 8px #000}
.bz-cd-row>i{font-style:normal;font:900 clamp(34px,3.4vw,56px)/1 BlitzDisplay,sans-serif;color:#ffd36b;opacity:.8;margin-top:2px}
@media(max-width:560px){.bz-cd-row{gap:4px}.bz-cd-row>div{min-width:64px}.bz-cd-row small{font-size:8px;letter-spacing:.14em}.bz-cd-title{font-size:11px;letter-spacing:.2em}}

/* welcome strip */
.bz-welcome{display:flex;flex-direction:column;align-items:center;gap:28px;padding:56px 16px 20px;text-align:center}
@font-face{font-family:MuTitle;src:url(/assets/fonts/mu-title.ttf) format('truetype');font-weight:700;font-display:swap} /* LOCAL ONLY: Perpetua Titling (Office font) - swap for a free font (e.g. Cinzel) before publishing */
.bz-silver{margin:0;font:700 clamp(22px,2.2vw,36px)/1.15 MuTitle,Georgia,serif;letter-spacing:.02em;
 background:linear-gradient(180deg,#f7f9fb 0%,#d4dae2 22%,#fdfefe 40%,#8d96a3 52%,#c9d0d9 70%,#eef2f6 86%,#9aa3ae 100%);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
 -webkit-text-stroke:.6px #2a313b;filter:drop-shadow(0 -1px 0 #ffffff55) drop-shadow(0 1px 0 #0b0e13) drop-shadow(0 2px 1px #000c) drop-shadow(0 0 10px #9fc6ff2e);position:relative}
.bz-silver:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#ffffffcc 50%,transparent 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bzShine 4.5s ease-in-out infinite;pointer-events:none}
.bz-silver:after{content:'WELCOME TO A WORLD WITHOUT LIMITS'}
@keyframes bzShine{0%,60%{background-position:150% 0}100%{background-position:-50% 0}}
.bz-welcome-actions{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}
.bz-btn-gold,.bz-btn-crystal{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:250px;height:64px;padding:0 44px;border-radius:999px;overflow:hidden;text-decoration:none;
 font:900 18px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.18em;backdrop-filter:blur(10px);transition:transform .25s,box-shadow .25s}
.bz-btn-gold span,.bz-btn-crystal span{position:relative;z-index:1}
.bz-btn-gold:before,.bz-btn-crystal:before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);transition:left .6s}
.bz-btn-gold:hover:before,.bz-btn-crystal:hover:before{left:120%}
.bz-btn-gold{color:#ffe7a8;background:linear-gradient(180deg,#ffd36b2e,#b8862b1f);border:1.5px solid #ffd36bb3;box-shadow:inset 0 1px #fff3c755,inset 0 0 22px #ffc94d2e,0 0 22px #dca13d33;text-shadow:0 0 12px #ffc94d88}
.bz-btn-gold:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff3c777,inset 0 0 30px #ffc94d44,0 0 34px #dca13d66;color:#fff4cf}
.bz-btn-crystal{color:#eaf6ff;background:linear-gradient(180deg,#9fd8ff33,#3d8bff1f);border:1.5px solid #9fd8ffcc;box-shadow:inset 0 1px #ffffff66,inset 0 0 24px #58b4ff40,0 0 26px #3d8bff55;text-shadow:0 0 12px #58b4ff}
.bz-btn-crystal:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff88,inset 0 0 32px #58b4ff66,0 0 40px #3d8bff88;color:#fff}
@media(max-width:560px){.bz-btn-gold,.bz-btn-crystal{min-width:0;width:100%;height:56px}.bz-welcome-actions{width:100%;flex-direction:column}}

/* welcome headline = Barel's artwork (same width the text had on the page) */
.bz-welcome-title{margin:0;line-height:0}
.bz-welcome-title img{width:min(820px,92vw);height:auto;display:block}