/* Lokalna koncepcja: panorama, ciepłe szkło i czytelny pierwszy ekran. */
:root { --nova-gold: #f3cf69; --nova-ink: #111614; }
.nova-line-icon,.nova-nav-icon { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Kapsuła nagłówka pojawia się dopiero po przewinięciu. */
.header .header-inner {
  width: min(1380px,calc(100% - 96px)); height: 88px; margin-top: 0; padding: 0 18px;
  grid-template-columns: minmax(180px,1fr) auto minmax(155px,1fr); gap: 24px;
  border-radius: 24px; border: 1px solid transparent; background: transparent;
  box-shadow: none; backdrop-filter: none;
  position: relative; isolation: isolate; opacity: 1; filter: none;
  transition: width .45s cubic-bezier(.2,.8,.2,1),height .4s,margin-top .4s,padding .4s,background .4s,border-color .4s,box-shadow .4s;
}
.header .header-inner::before { content: ''; position: absolute; inset: -1px; z-index: 0; border-radius: inherit; border: 0; background: linear-gradient(110deg,#28241d80,#161e216e 58%,#241f186e); backdrop-filter: blur(11px); opacity: 0; pointer-events: none; transition: opacity .35s ease; }
.header .header-inner > * { position: relative; z-index: 1; }
.header .header-inner::after { content: none; }
.header.is-scrolled .header-inner::before { opacity: 1; }
.header .brand { padding: 0 5px; border: 0; border-radius: 12px; transition: background .3s,border-color .3s; }
.header .header-logo { display: block; width: 80px; height: 80px; object-fit: contain; opacity: 1; filter: saturate(1.12) contrast(1.06) drop-shadow(0 3px 6px #0006); transition: width .35s,height .35s; }
.header .desktop-nav { gap: 7px; height: 100%; align-items: center; }
.header .desktop-nav a { min-height: 43px; height: 43px; align-self: center; padding: 9px 13px; border: 1px solid transparent; border-radius: 10px; font-size: 12px; gap: 9px; color: #f0f0e9; opacity: 1; filter: none; text-shadow: 0 1px 5px #000b; transition: color .2s,background .2s,border-color .2s,box-shadow .2s; }
.header .desktop-nav a .nova-nav-icon { width: 20px; height: 20px; flex-shrink: 0; }
.header .desktop-nav a:is(:hover,.active) { color: #f0c85f; }
.header .desktop-nav a.active { border-color: #dab65c8c; background: linear-gradient(120deg,#d3ad4420,#a7833310); box-shadow: inset 0 0 16px #ddb64e0b,0 0 12px #ddb64e0a; }
.header .desktop-nav a::after { content: ''; position: absolute; top: auto; bottom: 1px; left: 14px; right: 14px; height: 2px; background: #e3b849; box-shadow: 0 0 8px #e3b84935; opacity: 0; transform: scaleX(.6); transition: opacity .18s,transform .25s; }
.header .desktop-nav a:not(.active):is(:hover,:focus-visible) { border-color: transparent; background: transparent; box-shadow: none; }
.header .desktop-nav a:not(.active):is(:hover,:focus-visible)::after { opacity: 1; transform: scaleX(1); }
.header .desktop-nav a.active::after { content: none; opacity: 0; }
.header .profile-button { min-height: 44px; padding: 5px 6px; }
.header .profile-button #header-nickname { font-size: 12px; }
.header .profile-button .account-trigger-identity > small { font-size: 9px; }
.header .profile-button:not(.is-signed-in) #header-nickname { color: #fff5db; font-size: 14px; font-weight: 750; text-shadow: 0 2px 5px #000d,0 0 16px #ffd04c45; }
.header .profile-button:not(.is-signed-in) .account-trigger-identity > small { color: #ded5bb; font-size: 10px; text-shadow: 0 1px 5px #000d; }
.header .profile-button:not(.is-signed-in) .account-trigger-avatar { width: 30px; height: 30px; }
.header .profile-button:not(.is-signed-in) .account-trigger-avatar > .icon { width: 28px; height: 28px; filter: drop-shadow(0 1px 5px #f5bf2933); }
.header .profile-button:not(.is-signed-in):is(:hover,:focus-visible) #header-nickname { color: #ffdb70; }
.header.is-scrolled .header-inner {
  width: min(1320px,calc(100% - 126px)); height: 67px; margin-top: 12px; padding: 0 18px;
  border-color: #e7bd3c66; background: transparent;
  backdrop-filter: none; box-shadow: 0 12px 30px #0002,inset 0 1px 0 #ffecb609;
}
.header.is-scrolled .brand { border: 0; background: transparent; }
.header.is-scrolled .header-logo { width: 64px; height: 64px; }
.header .account-dropdown { border-color: #b69f633c; }
.header .mobile-nav a { margin: 4px 8px; border: 1px solid transparent; border-radius: 8px; }
.header .mobile-nav a[aria-current="page"] { border-color: #dab65c8c; color: #ffe08b; background: #d3ad4415; }

.home-intro { position: relative; display: block; min-height: max(760px,100svh); background: linear-gradient(180deg,#090d10 0%,#090d10 82%,#090d10e6 92%,transparent 100%); }
.home-intro .hero { position: relative; display: block; min-height: max(660px,calc(100svh - 70px)); overflow: clip; isolation: isolate; }
.home-intro .hero-art,.home-intro .hero-shade,.home-intro .hero-particles { mask-image: none; }
.home-intro .hero-shade,.home-intro .hero-particles { mask-image: linear-gradient(180deg,#000 0%,#000 70%,transparent 100%); }
.home-intro .hero-art { mask-image: linear-gradient(180deg,#000 0%,#000 68%,#000e 80%,#0009 92%,transparent 100%); }
.home-intro .hero-art { inset: 0; background: url('assets/hero-minecraft-v2.webp') 85% 50%/cover no-repeat; filter: saturate(1.06); }
.home-intro .hero-shade {
  inset: 0;
  background: linear-gradient(90deg,#070d0b91 0%,#080d0b4d 33%,transparent 59%,#080c0b12 75%,#080d0b3d),linear-gradient(0deg,#090d10 0%,#090d1070 10%,transparent 32%,transparent 80%,#070b104a);
}
.home-intro .hero::before { height: 160px; background: linear-gradient(#060c105c,transparent); }
.home-intro .hero-inner {
  position: relative; display: flex; align-items: center; justify-content: flex-start;
  width: min(1540px,calc(100% - 12vw)); min-height: max(660px,calc(100svh - 70px));
  padding: 125px 0 110px; gap: 0;
}
.home-intro .hero-copy { width: min(54vw,730px); max-width: none; margin: 12px 0 0; padding: 0; animation: none; }
.hero-copy .nova-kicker {
  display: flex; align-items: center; gap: 19px; margin: 0 0 20px; padding: 0;
  border: 0; border-radius: 0; background: none; box-shadow: none;
  color: #dddcd7; font-size: 11px; font-weight: 650; letter-spacing: 2px; line-height: 1.5;
}
.hero-copy .nova-kicker b { color: #e4c466; font-size: 10px; }
.home-intro .hero-copy .hero-title.nova-title {
  width: auto; max-width: none; margin: 0; padding: 0;
  color: #f7f7f1; font-size: clamp(39px,3.2vw,59px); font-weight: 760;
  font-family: inherit; aspect-ratio: auto; height: auto; -webkit-text-stroke: 0;
  letter-spacing: -1.9px; line-height: 1.07; text-transform: none;
  transform: none; filter: none; text-shadow: 0 3px 18px #0004;
}
.hero-copy .nova-title::before,.hero-copy .nova-title::after { content: none; }
.nova-title-line { display: block; white-space: nowrap; }
.hero-title.nova-title .nova-title-line { font: inherit; color: inherit; text-shadow: inherit; -webkit-text-stroke: 0; }
.hero-title.nova-title em { font: inherit; font-style: normal; color: #eebd3e; text-shadow: 0 0 22px #eab52d3b,0 2px 0 #9f6d1a24; }
.home-intro .hero-copy > p { max-width: 540px; margin: 22px 0 0; color: #c6cbc8; font-size: 15px; line-height: 1.75; text-shadow: 0 2px 12px #0008; }
.home-intro .hero-copy .hero-buttons { display: flex; width: auto; max-width: none; gap: 12px; margin: 24px 0 0; }
.home-intro .hero-copy .hero-buttons .button {
  min-height: 49px; padding: 12px 18px; border-radius: 10px; gap: 11px;
  font-size: 13px; font-weight: 650; letter-spacing: -.1px; transform: none;
}
.home-intro .hero-copy .hero-buttons .discord-button {
  min-width: 243px;
  border: 1px solid #edc253; background: linear-gradient(115deg,#edbf3f,#dfa91f);
  color: #211d10; box-shadow: 0 0 25px #e9b12424,inset 0 1px 0 #ffe3a138;
}
.home-intro .hero-copy .hero-buttons .discord-button::before { content: none; }
.home-intro .hero-copy .hero-buttons .discord-button .discord-mark { width: 23px; height: 23px; filter: none; color: #211d10; }
.home-intro .hero-copy .hero-buttons .discord-button > .icon { color: #342b13; width: 18px; height: 18px; }
.home-intro .hero-copy .hero-buttons .discord-button:is(:hover,:focus-visible) { background: linear-gradient(115deg,#f3c94e,#e6b12b); border-color: #f0d07a; box-shadow: 0 0 31px #e9b12438; color: #211d10; }
.discord-mark { stroke: none; transform-origin: center; }
.discord-mark .discord-voxel-eye { transform: none; clip-path: inset(0 0); }
.discord-button:is(:hover,:focus-visible) .discord-button-icon .discord-mark,.footer-discord:is(:hover,:focus-visible) .discord-button-icon .discord-mark,.contact-box:is(:hover,:focus-within) > .discord-mark { animation: nova-discord-greet .8s ease-in-out; }
.discord-button:is(:hover,:focus-visible) .discord-mark .discord-eye--right,.footer-discord:is(:hover,:focus-visible) .discord-mark .discord-eye--right,.contact-box:is(:hover,:focus-within) > .discord-mark .discord-eye--right { animation: discord-voxel-wink .8s ease; }
@keyframes nova-discord-greet { 0%,100% { transform: translateY(0) rotate(0); } 32% { transform: translateY(-2px) rotate(-4deg); } 66% { transform: translateY(-1px) rotate(3deg); } }
.home-intro .hero-copy .hero-buttons .hero-server-button { min-width: 200px; background: #171d19c9; border-color: #d7bb7587; backdrop-filter: blur(9px); box-shadow: inset 0 1px 0 #fff3c714,0 6px 20px #0003; color: #eeeee6; }
.home-intro .hero-copy .hero-buttons .hero-server-button:is(:hover,:focus-visible) { background: #252b20df; border-color: #edce7e; }
.home-intro .server-address-label { gap: 15px; }
.home-intro .server-address-value { font-size: 12px; gap: 11px; }
.home-intro .hero-buttons .hero-server-button.is-copied { border-color: #8fe5ad; }

/* Ciemne szkło, złote detale i zakupy przesuwające się w poziomie. */
.home-intro .hero-inner .activity-panel {
  position: absolute; top: clamp(145px,20svh,215px); right: 0;
  display: block; width: 300px; padding: 22px 19px 17px; margin: 0;
  border: 1px solid #fbc323; border-radius: 18px;
  background: linear-gradient(130deg,#1a201de8,#10181bef 65%,#222316e8);
  backdrop-filter: none; box-shadow: 0 18px 40px #0005,0 0 23px #f2b91d25,inset 0 1px 0 #ffe17340;
  --panel-y: -10deg; --panel-z: -.8deg;
  transform: perspective(1000px) translate3d(0,0,0) rotateY(var(--panel-y)) rotateZ(var(--panel-z));
  transform-origin: center; backface-visibility: hidden;
  transition: transform .7s cubic-bezier(.22,.8,.25,1),box-shadow .35s ease;
}
.activity-panel.panel-prepared { will-change: transform,opacity; }
@media(hover:hover) and (pointer:fine) {
  .home-intro .hero-inner .activity-panel[data-panel-entered="true"]:hover {
    transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg) rotateZ(0deg);
    box-shadow: 0 22px 44px #0006,0 0 29px #f2b91d30,inset 0 1px 0 #ffe17350;
  }
}
.home-intro .hero-inner .activity-panel[data-panel-entered="true"]:focus-within {
  transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg) rotateZ(0deg);
}
/* Złota poświata pojawia się dopiero po osadzeniu karty w perspektywie. */
.activity-entry-glow {
  position: absolute; inset: -1px; z-index: 2; border: 1.5px solid #ffd12a; border-radius: inherit;
  box-shadow: 0 0 23px #f8b71d8c,0 0 44px #f2a70b45,inset 0 0 10px #f6ba2638;
  pointer-events: none; opacity: 0;
}
.activity-entry-glow.is-playing { animation: nova-frame-greeting 2.8s ease-in-out both; }
@keyframes nova-frame-greeting { 0%,100% { opacity: 0; } 32% { opacity: .95; } 52% { opacity: .8; } 78% { opacity: .22; } }
.activity-panel .activity-heading { display: flex; align-items: center; gap: 12px; min-height: 78px; padding: 0 0 21px; border-bottom: 1px solid #e8b92c38; margin: 0 0 15px; }
.activity-panel .activity-heading .activity-icon { display: grid; place-items: center; flex: 0 0 47px; width: 47px; height: 51px; background: none; }
.activity-panel .activity-heading .activity-icon .icon { width: 47px; height: 51px; }
.home-intro .activity-panel .activity-heading > div > span { display: block; color: #c9ceca; font-size: 11px; line-height: 1.5; }
.home-intro .activity-panel .activity-heading strong { display: block; margin-top: 3px; color: #ffda6e; font-size: 26px; line-height: 1.2; font-weight: 750; letter-spacing: -.7px; white-space: nowrap; }
.home-intro .activity-panel .live-label { display: flex; gap: 6px; margin-left: auto; color: #8ce7a7; font-size: 11px; font-weight: 600; }
.home-intro .activity-panel .live-label .live-dot { width: 8px; height: 8px; box-shadow: 0 0 11px #64e38977; }
.home-intro .activity-panel[data-server-state="offline"] .live-label { color: #d8ad9a; }
.activity-panel .recent-title { display: flex; align-items: center; justify-content: space-between; margin: 0 0 13px; padding: 0; border: 0; color: #e4e4dc; font-size: 12px; }
.home-intro .activity-panel .recent-purchases { display: grid; grid-template-rows: auto 26px; align-content: start; gap: 9px; height: 108px; }
.activity-panel .recent-title > span { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 12px; letter-spacing: 0; color: inherit; }
.recent-title .nova-line-icon { width: 19px; height: 19px; color: #e9c85c; }
.nova-purchase-avatars { position: relative; display: flex; align-items: center; gap: 7px; width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: 1px 0 2px; scrollbar-width: none; overscroll-behavior-x: contain; }
.nova-purchase-avatars::-webkit-scrollbar { display: none; }
.recent-carousel-controls { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; }
.recent-carousel-controls button { display: grid; place-items: center; width: 30px; height: 26px; padding: 4px; border: 1px solid #d4b85538; border-radius: 6px; color: #e7d18c; background: #d0af3810; cursor: pointer; transition: color .2s,background .2s,border-color .2s,opacity .2s; }
.recent-carousel-controls button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.recent-carousel-controls button:not(:disabled):is(:hover,:focus-visible) { color: #ffdd63; background: #d0af3825; border-color: #e6c64f88; outline-offset: 3px; }
.recent-carousel-controls button:disabled { opacity: .28; cursor: default; }
.recent-carousel-progress { display: block; width: 44px; height: 2px; border-radius: 2px; overflow: hidden; background: #dbc7781c; }
.recent-carousel-progress i { display: block; width: 100%; height: 100%; background: #e6c663; transform: scaleX(var(--recent-progress,0)); transform-origin: left; }
.nova-purchase-item { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 0 0 54px; min-width: 0; }
.nova-purchase-amount { display: block; color: #d7c98f; font-size: 10px; line-height: 1.5; font-weight: 500; white-space: nowrap; font-variant-numeric: tabular-nums; }
.nova-purchase-face { position: relative; display: grid; place-items: center; flex: 0 0 33px; width: 33px; height: 34px; padding: 2px; border: 1px solid #ae9b6a45; border-radius: 6px; background: linear-gradient(#4b3c3070,#171d20); box-shadow: inset 0 1px 0 #fff3c710; transition: border-color .2s,background .2s,translate .2s; }
button.nova-purchase-face { cursor: pointer; }
.nova-purchase-face svg { display: block; width: 29px; height: 29px; }
.nova-purchase-face > canvas,.nova-purchase-face > .recent-face-fallback { grid-area: 1/1; width: 29px; height: 29px; }
.nova-purchase-face > canvas { display: block; opacity: 0; transition: opacity .25s ease; }
.nova-purchase-face.has-real-skin > canvas { opacity: 1; }
.nova-purchase-face.has-real-skin > .recent-face-fallback { opacity: 0; }
.nova-purchase-face.is-current,.nova-purchase-face:hover { border-color: #e7c66c; background-color: #a98a3330; }
.nova-purchase-avatars.is-empty { opacity: .85; }
.activity-panel .recent-empty { margin: 9px 0 17px; padding: 0; color: #c5cbc7; font-size: 12px; line-height: 1.6; }
.recent-buyer-tooltip { position: fixed; z-index: 120; max-width: calc(100vw - 20px); padding: 8px 12px; border: 1px solid #dbc16b55; border-radius: 7px; background: #141e23; color: #f6e8ba; box-shadow: 0 8px 24px #0006,inset 0 1px 0 #e9dba80a; font-size: 11px; font-weight: 650; line-height: 1.4; white-space: nowrap; pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .16s ease,transform .16s ease,visibility .16s; }
.recent-buyer-tooltip[data-open="true"] { opacity: 1; visibility: visible; transform: translateY(0); }
.recent-buyer-tooltip::after { content: ''; position: absolute; top: calc(100% - 3px); left: calc(var(--tip-arrow-x,50%) - 4px); width: 7px; height: 7px; border-right: 1px solid #dbc16b55; border-bottom: 1px solid #dbc16b55; background: #141e23; transform: rotate(45deg); }
.recent-buyer-tooltip[data-placement="below"]::after { top: -4px; border: 0; border-top: 1px solid #dbc16b55; border-left: 1px solid #dbc16b55; }
@media(prefers-reduced-motion:reduce) { .recent-buyer-tooltip { transition: none; } }
.home-intro .activity-panel .activity-link {
  display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; min-height: 41px; margin: 0; padding: 8px 10px;
  border: 1px solid #bd9c4573; border-radius: 9px; background: linear-gradient(110deg,#b18a2829,#0d17183d); color: #f1cd64; font-size: 12px; font-weight: 650;
  transition: background .2s,border-color .2s;
}
.activity-link > .nova-line-icon { width: 23px; height: 23px; flex-shrink: 0; }
.activity-link-arrow { display: grid; place-items: center; align-self: stretch; padding-left: 9px; margin-left: auto; border-left: 1px solid #c1a35338; }
.activity-link-arrow .icon { width: 16px; height: 16px; }
.home-intro .activity-panel .activity-link:hover { background: #ad862940; border-color: #e7c66f; }

.home-intro .intro-benefits { position: relative; z-index: 3; bottom: auto; left: auto; right: auto; width: min(1540px,calc(100% - 12vw)); margin-top: -54px; padding: 8px 0 24px; }
.home-intro .intro-benefits .benefits {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 0; padding: 18px 0;
  border: 0; border-radius: 0; background: transparent;
  backdrop-filter: none; box-shadow: none;
}
.home-intro .intro-benefits .benefits > div { display: flex; align-items: center; gap: 16px; padding: 0 23px; min-width: 0; border-right: 1px solid #c8ac651a; }
.home-intro .intro-benefits .benefits > div:last-child { border-right: 0; }
.home-intro .intro-benefits .benefits .benefit-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 40px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.home-intro .benefits .benefit-icon .icon { width: 34px; height: 36px; overflow: visible; filter: drop-shadow(0 0 6px #f8ba3b40); }
.home-intro .benefits.reveal-waiting { transition: opacity .55s cubic-bezier(.22,.8,.25,1),translate .55s cubic-bezier(.22,.8,.25,1); }
.benefits > div { --benefit-delay: .15s; --benefit-duration: 1.55s; }
.benefits > div:nth-child(2) { --benefit-delay: 1.85s; }
.benefits > div:nth-child(3) { --benefit-delay: 3.55s; }
.benefits > div:nth-child(4) { --benefit-delay: 5.25s; --benefit-duration: 1.75s; }
.home-intro .benefits .benefit-icon { position: relative; overflow: visible; }
.home-intro .benefits-greeting .benefit-icon .icon { animation: nova-benefit-light var(--benefit-duration) var(--benefit-delay) ease-in-out backwards; }
@keyframes nova-benefit-light {
  0%,100% { filter: brightness(1) drop-shadow(0 0 6px #f8ba3b40); }
  48% { filter: brightness(1.3) drop-shadow(0 0 6px #f8ba3b80); }
}
.benefits-greeting [data-benefit-motion="pickaxe"] { transform-origin: 40% 80%; animation: nova-pickaxe-strike var(--benefit-duration) var(--benefit-delay) cubic-bezier(.35,0,.2,1) backwards; }
@keyframes nova-pickaxe-strike {
  0%,100% { transform: translate(0,0) rotate(0deg); }
  28% { transform: translate(-1px,-3px) rotate(-32deg); }
  47% { transform: translate(2px,3px) rotate(24deg); }
  61% { transform: translate(0,-1px) rotate(-6deg); }
  79% { transform: translate(0,0) rotate(2deg); }
}
.benefit-impact { position: absolute; inset: 0; pointer-events: none; }
.benefit-impact > i { position: absolute; top: 29px; left: 27px; width: 2px; height: 4px; border-radius: 1px; background: #ffd650; box-shadow: 0 0 5px #ffbd34; opacity: 0; }
.benefit-impact > i:nth-child(1) { --sx: -8px; --sy: -5px; --sr: -35deg; }
.benefit-impact > i:nth-child(2) { --sx: 7px; --sy: -7px; --sr: 30deg; }
.benefit-impact > i:nth-child(3) { --sx: 10px; --sy: 3px; --sr: 80deg; }
.benefits-greeting .benefit-impact > i { animation: nova-impact-spark var(--benefit-duration) var(--benefit-delay) ease-out backwards; }
@keyframes nova-impact-spark {
  0%,44%,100% { opacity: 0; transform: translate(0,0) scale(.5); }
  49% { opacity: 1; transform: translate(1px,-1px) scale(1); }
  78% { opacity: 0; transform: translate(var(--sx),var(--sy)) rotate(var(--sr)); }
}
.home-intro .benefits-greeting [data-benefit-motion="shield"] > .icon { animation-name: nova-shield-brace; transform-origin: center; }
@keyframes nova-shield-brace {
  0%,100% { transform: translateY(0) rotate(0deg); filter: brightness(1) drop-shadow(0 0 6px #f8ba3b40); }
  26% { transform: translateY(-2px) rotate(-6deg); filter: brightness(1.1) drop-shadow(0 0 6px #f8ba3b40); }
  43% { transform: translateY(1px) rotate(2deg); filter: brightness(1.3) drop-shadow(0 0 6px #f8ba3b80); }
  65% { transform: translateY(-1px) rotate(-1deg); filter: brightness(1.1) drop-shadow(0 0 6px #f8ba3b40); }
}
.benefit-shield-wave { position: absolute; inset: 3px 2px; width: 34px; height: 36px; fill: none; stroke: #ffcb43; stroke-width: 3; opacity: 0; pointer-events: none; }
.benefits-greeting .benefit-shield-wave { animation: nova-shield-wave var(--benefit-duration) var(--benefit-delay) ease-out backwards; }
.benefits-greeting .benefit-shield-wave + .benefit-shield-wave { animation-delay: calc(var(--benefit-delay) + .12s); }
@keyframes nova-shield-wave { 0%,32% { opacity: 0; transform: scale(.85); } 43% { opacity: .8; } 79%,100% { opacity: 0; transform: scale(1.6); } }
.benefits-greeting [data-benefit-motion="community"] [data-person] { transform-box: fill-box; transform-origin: center bottom; animation-duration: var(--benefit-duration); animation-delay: var(--benefit-delay); animation-timing-function: cubic-bezier(.22,.8,.3,1); animation-fill-mode: backwards; }
.benefits-greeting [data-benefit-motion="community"] [data-person="left"] { animation-name: nova-person-left; }
.benefits-greeting [data-benefit-motion="community"] [data-person="right"] { animation-name: nova-person-right; }
.benefits-greeting [data-benefit-motion="community"] [data-person="center"] { animation-name: nova-person-center; }
@keyframes nova-person-left { 0%,15% { opacity: 0; transform: translate(15px,3px) scale(.75); } 70%,100% { opacity: 1; transform: translate(0,0) scale(1); } }
@keyframes nova-person-right { 0%,35% { opacity: 0; transform: translate(-15px,3px) scale(.75); } 90%,100% { opacity: 1; transform: translate(0,0) scale(1); } }
@keyframes nova-person-center { 0%,100% { transform: scale(1); } 27% { transform: scale(1.06); } 75% { transform: scale(1); } }
.benefit-cube-stage { position: absolute; inset: 0; display: grid; place-items: center; perspective: 110px; pointer-events: none; }
.benefit-cube { width: 19px; height: 19px; position: relative; transform-style: preserve-3d; transform: rotateX(-24deg) rotateY(45deg); }
.benefit-cube > i { position: absolute; inset: 0; border: 2px solid #ffd05b; background: #332c14; backface-visibility: hidden; }
.benefit-cube > i:nth-child(1) { transform: translateZ(9.5px); }
.benefit-cube > i:nth-child(2) { transform: rotateY(90deg) translateZ(9.5px); background: #514019; }
.benefit-cube > i:nth-child(3) { transform: rotateY(180deg) translateZ(9.5px); }
.benefit-cube > i:nth-child(4) { transform: rotateY(-90deg) translateZ(9.5px); }
.benefit-cube > i:nth-child(5) { transform: rotateX(90deg) translateZ(9.5px); background: #665020; }
.benefit-cube > i:nth-child(6) { transform: rotateX(-90deg) translateZ(9.5px); }
.home-intro .benefits [data-benefit-motion="cube"] > .icon { opacity: 0; animation: none; }
.benefits-greeting .benefit-cube { animation: nova-cube-turn var(--benefit-duration) var(--benefit-delay) cubic-bezier(.4,0,.2,1) backwards; }
@keyframes nova-cube-turn { from { transform: rotateX(-24deg) rotateY(45deg); } to { transform: rotateX(-24deg) rotateY(405deg); } }
.home-intro .intro-benefits .benefits strong { font-size: 13px; color: #f0f1e9; line-height: 1.5; font-weight: 650; }
.home-intro .intro-benefits .benefits small { font-size: 12px; color: #aeb8b2; line-height: 1.65; }
.home-content { padding-top: 55px; }
.home-intro .hero.scene-ready .hero-art { animation: panorama-enter 1.25s cubic-bezier(.22,.8,.25,1) both; }
.home-intro .hero.scene-ready .hero-copy > .hero-sequence { animation: nova-copy-enter .7s cubic-bezier(.22,.8,.25,1) var(--entrance-delay,80ms) both; }
.hero.scene-ready .hero-copy .nova-title.hero-sequence { animation: nova-copy-enter .8s cubic-bezier(.22,.8,.25,1) var(--entrance-delay,180ms) both; }
.hero.scene-ready .hero-panel-entry { animation: nova-panel-enter 1.2s cubic-bezier(.22,.8,.28,1) .38s backwards; }
@keyframes nova-copy-enter { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@keyframes nova-panel-enter {
  from { opacity: 0; transform: perspective(1000px) translate3d(-34px,5px,0) rotateY(5deg) rotateZ(.4deg); }
  to { opacity: 1; transform: perspective(1000px) translate3d(0,0,0) rotateY(var(--panel-y)) rotateZ(var(--panel-z)); }
}

@media(min-width:1101px) and (max-width:1599px) {
  .home-intro .hero-art { background-position: 83% center; }
  .home-intro .hero-copy { width: 60vw; }
  .home-intro .hero-copy > p { max-width: 500px; font-size: 14px; }
  .home-intro .hero-copy .hero-buttons .button { min-height: 48px; padding: 11px 17px; font-size: 13px; }
  .home-intro .hero-copy .hero-buttons .discord-button { min-width: 235px; }
  .home-intro .hero-copy .hero-buttons .hero-server-button { min-width: 195px; }
  .home-intro .activity-panel .activity-heading strong { font-size: 26px; }
  .home-intro .hero-inner .activity-panel { width: 300px; right: -14px; padding: 22px 17px 17px; }
  .home-intro .intro-benefits .benefits > div { padding: 0 17px; gap: 15px; }
  .home-intro .intro-benefits .benefits strong { font-size: 13px; }
  .home-intro .intro-benefits .benefits small { font-size: 12px; }
  .header .header-inner { gap: 12px; grid-template-columns: minmax(150px,1fr) auto minmax(125px,1fr); }
  .header .header-logo { width: 74px; height: 74px; }
  .header .desktop-nav a { padding-inline: 10px; font-size: 12px; }
}
@media(max-width:1279px) {
  .header .header-inner { display: flex; width: calc(100% - 40px); justify-content: space-between; height: 86px; gap: 14px; padding: 0; }
  .header .desktop-nav { display: none; }
  .header .menu-toggle { display: inline-flex; }
  .header .header-logo { width: 72px; height: 72px; }
  .header .header-actions { display: flex; gap: 14px; }
  .header.is-scrolled .header-inner { width: calc(100% - 56px); padding: 0 13px; height: 63px; margin-top: 10px; border-radius: 18px; }
  .header.is-scrolled .header-logo { width: 60px; height: 60px; }
  .home-intro { min-height: 100svh; }
  .home-intro .hero { min-height: 980px; }
  .home-intro .hero-inner { min-height: 980px; width: calc(100% - 80px); padding: 145px 0 170px; align-items: flex-start; }
  .home-intro .hero-art { background-position: 70% top; }
  .home-intro .hero-copy { width: 100%; max-width: 650px; margin-top: 0; }
  .home-intro .hero-copy .hero-title.nova-title { font-size: clamp(36px,4.2vw,49px); letter-spacing: -1.6px; }
  .home-intro .hero-copy > p { max-width: 520px; font-size: 14px; }
  .home-intro .hero-inner .activity-panel { top: 510px; right: 0; width: 290px; }
  .home-intro .intro-benefits { width: calc(100% - 60px); bottom: auto; }
  .home-intro .intro-benefits .benefits { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 23px 0; padding: 18px 10px; }
  .home-intro .intro-benefits .benefits > div { padding-inline: 17px; gap: 14px; }
  .home-intro .intro-benefits .benefits > div:nth-child(2) { border-right: 0; }
  .home-intro .intro-benefits .benefits .benefit-icon { flex-basis: 38px; width: 38px; height: 40px; }
}
@media(max-width:600px) {
  .header .header-inner { width: calc(100% - 30px); height: 77px; gap: 6px; }
  .header .brand { padding: 3px 0; border: 0; }
  .header .header-logo { width: 61px; height: 61px; }
  .header.is-scrolled .header-logo { width: 54px; height: 54px; }
  .header .header-actions { gap: 7px; }
  .header .header-actions,.header .account-nav { position: static; }
  .header .account-dropdown { width: min(310px,calc(100vw - 54px)); right: 10px; }
  .header .account-dropdown::before { right: 56px; }
  .header.is-scrolled .header-inner { width: calc(100% - 42px); padding-inline: 10px; }
  .header .profile-button .account-trigger-identity { display: grid; }
  .header .profile-button .account-trigger-identity #header-nickname { max-width: 82px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
  .header .profile-button .account-trigger-identity > small { display: block; font-size: 8px; }
  .header .profile-button .account-trigger-avatar { display: none !important; }
  .header .profile-button .account-chevron { display: inline-flex; }
  .header .profile-button:not(.is-signed-in) #header-nickname { font-size: 12.5px; }
  .header .profile-button:not(.is-signed-in) .account-trigger-identity > small { font-size: 9px; }
  .header .profile-button:not(.is-signed-in) .account-trigger-avatar { display: inline-flex !important; width: 27px; height: 27px; }
  .home-intro { min-height: 0; padding-bottom: 25px; }
  .home-intro .hero { min-height: 0; }
  .home-intro .hero-inner { display: flex; flex-direction: column; width: calc(100% - 42px); min-height: 0; padding: 125px 0 80px; }
  .home-intro .hero-art { background-position: 70% top; background-size: auto 690px; }
  .home-intro .hero-art { mask-image: linear-gradient(180deg,#000 0%,#000 310px,#0009 460px,transparent 660px); }
  .home-intro .hero-shade { background: linear-gradient(90deg,#090d1077,#090d1044),linear-gradient(0deg,#090d10 0%,#090d10 22%,#090d1099 43%,transparent 75%,#090d1030); }
  .home-intro .hero::before { height: 120px; }
  .home-intro .hero-copy { width: 100%; max-width: none; }
  .hero-copy .nova-kicker { gap: 12px; font-size: 10px; letter-spacing: 1.5px; margin-bottom: 22px; }
  .home-intro .hero-copy .hero-title.nova-title { font-size: clamp(31px,8.3vw,40px); letter-spacing: -1.2px; line-height: 1.12; }
  .nova-title-line { white-space: normal; }
  .nova-title-line:last-child { max-width: 370px; }
  .home-intro .hero-copy > p { font-size: 14px; line-height: 1.75; margin-top: 21px; }
  .home-intro .hero-copy .hero-buttons { display: grid; grid-template-columns: 1fr; width: 100%; gap: 11px; margin: 26px 0 0; }
  .home-intro .hero-copy .hero-buttons .button { min-height: 48px; padding: 11px 16px; width: 100%; border-radius: 10px; font-size: 13px; }
  .home-intro .hero-copy .hero-buttons .hero-server-button { min-width: 0; }
  .home-intro .hero-copy .hero-buttons .discord-button { min-width: 0; }
  .home-intro .hero-inner .activity-panel { --panel-y: -5deg; --panel-z: -.4deg; position: relative; top: auto; right: auto; width: calc(100% - 8px); max-width: 340px; align-self: center; margin: 42px 0 0; padding: 22px 18px 17px; }
  .home-intro .intro-benefits { position: relative; bottom: auto; width: calc(100% - 42px); margin-top: -42px; }
  .home-intro .intro-benefits .benefits { gap: 23px 0; padding: 15px 0; border-radius: 0; }
  .home-intro .intro-benefits .benefits > div { flex-direction: column; align-items: flex-start; padding: 0 12px; gap: 11px; }
  .home-intro .intro-benefits .benefits strong { font-size: 12px; }
  .home-intro .intro-benefits .benefits small { font-size: 11px; }
  .home-intro .intro-benefits .benefits .benefit-icon { flex-basis: 34px; width: 34px; height: 35px; border-radius: 0; }
  .home-intro .benefits .benefit-icon .icon { width: 29px; height: 31px; }
  .home-content { padding-top: 25px; }
}
@media(prefers-reduced-motion:reduce) {
  .header .header-inner,.header .brand,.header .header-logo { transition: none; }
  .hero.scene-ready .hero-copy .nova-title.hero-sequence,.hero.scene-ready .hero-panel-entry { animation: none; }
  .nova-purchase-face { transition: none; }
  .discord-mark,.discord-mark .discord-voxel-eye { animation: none !important; }
  .home-intro .hero-inner .activity-panel[data-panel-entered="true"] { transition: none; }
  .activity-entry-glow { display: none; }
  .home-intro .benefits-greeting .benefit-icon,.home-intro .benefits-greeting .benefit-icon .icon { animation: none; }
  .home-intro .benefits-greeting .benefit-icon * { animation: none !important; }
  .benefit-impact,.benefit-shield-wave { display: none; }
}