/* Floating glass navigation dissolves into the existing cinematic background. */
.home-page .site-header{position:fixed;top:16px;left:24px;right:24px;max-width:1640px;margin-inline:auto;border:1px solid #c5b18a32;border-radius:20px;background:linear-gradient(125deg,#141c23c9,#11181ddd);backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff09,0 14px 40px #0004;transition:opacity .45s,filter .5s,transform .5s,visibility .5s;transform:translateY(0);opacity:1;filter:blur(0);visibility:visible;z-index:40}
.home-page .site-header.header-hidden{opacity:0;filter:blur(16px);transform:translateY(-22px) scale(.985);pointer-events:none;visibility:hidden}
.home-page .nav-shell{min-height:76px;padding:12px 22px;gap:22px}.home-page .brand{font-size:24px;gap:10px}.home-page .brand img{width:38px;max-height:46px}.home-page .brand small{font-size:8px}.home-page #site-nav{font-size:14px;gap:20px}.home-page #site-nav a{padding:11px 13px;border-radius:9px}.home-page #site-nav a[aria-current=page]{background:#d3b77d16;box-shadow:inset 0 0 0 1px #d3b77d28;color:#ead5aa}.home-page #site-nav a[aria-current=page]:after{display:none}.home-page .social-circle{width:37px;height:37px}.home-page .social-circle svg{width:19px;height:19px}.home-page .locale-toggle{width:54px;height:38px;border-radius:10px;font-size:13px}.home-page .cabinet-link{padding:11px 15px;font-size:13px}.home-page .header-register{min-height:40px;font-size:13px;padding:12px 18px}.home-page .nav-actions{gap:12px}
/* Full 16:9 video starts at y=0; the lower half fades continuously to page black. */
.home-page .hero{min-height:max(980px,calc(56.25vw + 90px));height:auto;background:#0b1013;isolation:isolate}
.home-page .hero-media{top:0;left:0;right:0;bottom:auto;height:auto;aspect-ratio:16/9;background-position:center top;background-size:100% 100%;mask-image:linear-gradient(to bottom,#000 0%,#000 43%,#000e 56%,#000b 68%,#0006 80%,#0002 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 43%,#000e 56%,#000b 68%,#0006 80%,#0002 92%,transparent 100%)}
.home-page .hero-video{object-fit:contain;object-position:center top}.home-page .hero-shade{inset:0;background:linear-gradient(to bottom,#08101812 0%,#0b101310 28%,#0b101355 50%,#0b1013a0 70%,#0b1013e8 90%,#0b1013 100%);mask-image:none;-webkit-mask-image:none}
.home-page .hero:after{content:'';position:absolute;z-index:0;pointer-events:none;left:0;right:0;bottom:-100px;height:400px;background:linear-gradient(transparent,#0b1013 65%,#0b1013);filter:blur(25px)}
.home-page .hero-content{position:relative;z-index:2;min-height:max(980px,calc(56.25vw + 90px));padding-top:clamp(440px,30vw,690px);padding-bottom:180px;align-items:flex-start;justify-content:center}
.home-page .hero-copy{width:min(860px,100%)}.home-page .hero h1{font-size:clamp(44px,3.3vw,64px)}.home-page .hero-bottom{bottom:48px;z-index:3}.home-page .hero-bottom .scroll-link{font-size:12px}.home-page .hero-bottom .motion-toggle{font-size:12px}
/* Quiet live status on the right, away from the central copy and side navigation. */
.hero-server-card.server-strip{position:absolute;z-index:3;right:30px;left:auto;top:59%;bottom:auto;width:218px;min-height:0;margin:0;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-radius:16px;background:linear-gradient(130deg,#18232bab,#0b141ccc);backdrop-filter:blur(16px);border:1px solid #b39a6a32;box-shadow:inset 0 1px #ffffff08,0 12px 35px #0003}.hero-server-card .server-title{gap:10px}.hero-server-card .server-title>svg{width:20px;height:34px}.hero-server-card .server-title strong{font-size:22px}.hero-server-card .server-title small{font-size:11px;display:block;margin-top:4px}.hero-server-card .eyebrow{font-size:9px}.hero-server-card .strip-label{font-size:11px}.hero-server-card strong:not(.server-title strong){font-size:13px}.hero-server-card .opening{display:none}.hero-server-card .strip-link{position:absolute;right:14px;top:15px;width:26px;height:26px;border:0;background:none}.hero-server-card .strip-link svg{width:14px;height:14px}.hero-server-card .live-status{margin-top:5px}
.home-page .invitation-section{position:relative;z-index:2;padding-top:38px;padding-bottom:55px}.home-page .invitation-heading{max-width:850px}.home-page .invitation-stage{margin-top:0}.home-page .broadcast-section{padding-top:55px}
@media(max-width:1400px){.home-page .header-register{display:none}.home-page .nav-shell{gap:14px}.home-page #site-nav{gap:8px;font-size:13px}.hero-server-card.server-strip{right:22px;width:190px;padding:17px;top:auto;bottom:145px}.home-page .hero-content{padding-top:clamp(440px,32vw,620px)}}
@media(max-width:1100px){.home-page .site-header{left:16px;right:16px;top:12px}.home-page .brand{font-size:21px}.home-page .nav-shell{padding:12px 16px;gap:12px}.home-page .cabinet-link{font-size:0;padding:11px}.home-page .hero{min-height:960px}.home-page .hero-content{min-height:960px;padding-top:430px}.hero-server-card.server-strip{top:auto;bottom:70px;right:28px;width:190px}.home-page .hero-bottom{bottom:25px}}
@media(max-width:900px){.home-page .site-header{border-radius:15px}.home-page .nav-shell{min-height:64px}.home-page #site-nav.is-open{top:calc(100% + 12px);left:0;right:0;border-radius:15px;border:1px solid #c5b18a32;background:#10191ff5;backdrop-filter:blur(20px)}.home-page #site-nav a{padding:12px}.hero-server-card.server-strip{left:50%;right:auto;bottom:82px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);padding:12px 18px;flex-direction:row;align-items:center;gap:24px}.hero-server-card .server-title>svg{display:none}.hero-server-card .server-title strong{font-size:18px}.hero-server-card .server-title small{display:none}.hero-server-card .server-title .eyebrow{display:none}.hero-server-card .strip-link{display:none}.hero-server-card .strip-label{font-size:10px}.hero-server-card strong:not(.server-title strong){font-size:12px}.home-page .hero-bottom{bottom:25px}}
@media(max-width:600px){.home-page .site-header{top:10px;left:10px;right:10px}.home-page .nav-shell{padding:10px 12px;gap:10px;min-height:60px}.home-page .brand{font-size:19px}.home-page .brand img{display:none}.home-page .social-circle{width:30px;height:30px}.home-page .social-circle svg{width:16px;height:16px}.home-page .nav-actions{gap:8px}.home-page .social-actions{gap:6px}.home-page .locale-toggle{width:43px;height:32px;font-size:12px}.home-page .hero,.home-page .hero-content{min-height:900px}.home-page .hero-content{width:calc(100% - 32px);padding-top:max(300px,calc(56.25vw + 90px));padding-bottom:200px}.home-page .hero h1{font-size:42px}.home-page .hero-intro{font-size:16px}.home-page .hero-media{top:0;aspect-ratio:16/9}.home-page .hero-shade{inset:0}.home-page .hero-copy{width:100%}.home-page .invitation-section{padding-top:20px}.home-page .hero-bottom{bottom:30px}.hero-server-card.server-strip{bottom:95px}.home-page .invitation-heading h2{font-size:33px}}


.home-page .invitation-section{overflow:visible}
.home-page .invitation-stage{margin-inline:26px}
.home-page .invitation-halo{inset:10% 0 0}
/* The live server summary is part of the centered hero flow above the countdown. */
.home-page .hero-server-inline{position:relative;inset:auto;transform:none;width:min(500px,100%);max-width:100%;margin:26px auto 20px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:1px solid #b39a6a45;border-radius:16px;background:linear-gradient(130deg,#18232bd9,#0b141cda);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff08,0 12px 35px #0003}
.beta-caption{display:flex;flex-direction:column;gap:6px}.home-page .hero-server-inline .beta-caption strong{font:700 17px/1.25 var(--heading);color:#e5c887}.beta-caption>span{font-size:11px;color:#a5b0b1}
.server-live-info{display:flex;flex-direction:column;gap:7px;text-align:right;font-size:12px;color:#bbc6c7}.server-availability{display:flex;align-items:center;justify-content:flex-end;gap:7px}.home-page .hero-server-inline .server-online-count strong{font:700 18px/1 var(--heading);color:#f0e5cf}.hero-server-inline .status-dot{margin:0;flex:none}
.home-page .hero-content{padding-top:clamp(380px,27vw,620px)}
@media(max-width:1100px){.home-page .hero-content{padding-top:370px}}
@media(max-width:750px){.home-page .invitation-stage{margin-inline:0}}
@media(max-width:600px){.home-page .hero-content{padding-top:max(280px,calc(56.25vw + 70px))}.home-page .hero-server-inline{padding:14px;gap:12px}.home-page .hero-server-inline .beta-caption strong{font-size:15px}.server-live-info{font-size:11px}}