html[data-theme="light"] .launch-copy strong{color:#49351c!important;text-shadow:none!important}
html[data-theme="light"] .launch-copy>span{color:#665039!important}
html[data-theme="light"] .launch-copy small{color:#304968!important}

/* Compact launch countdown: retain readable content with less vertical space. */
body .hero-launch-reminder{height:auto!important;min-height:0!important;padding-top:28px!important;padding-bottom:28px!important}
body .hero-launch-reminder .server-announcement__text{min-height:0!important;margin-top:0!important;margin-bottom:0!important}
@media(max-width:600px){body .hero-launch-reminder{padding-top:22px!important;padding-bottom:22px!important}}
body .hero-launch-reminder .launch-copy{padding-top:0!important;padding-bottom:0!important}

/* Desktop logo placed beside the headline, as requested. */
@media(min-width:1200px){body.hero-brand-layout .hero .hero-logo{transform:translate(340px,88px) scale(1.6);transform-origin:left top;pointer-events:none}}

/* Hero emblem: independent translate preserves the desktop placement transform. */
body.home-ranking.hero-brand-layout .hero .hero-logo {
  animation: webpw-emblem-float 6s ease-in-out infinite, webpw-emblem-glow 4s ease-in-out infinite !important;
  will-change: translate;
}
@keyframes webpw-emblem-float {
  0%,100% { translate: 0 0; }
  50% { translate: 0 -9px; }
}
@keyframes webpw-emblem-glow {
  0%,100% { filter: drop-shadow(0 3px 8px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(255,177,42,.22)) brightness(1); }
  50% { filter: drop-shadow(0 5px 12px rgba(0,0,0,.45)) drop-shadow(0 0 13px rgba(255,177,42,.55)) brightness(1.13); }
}
@media (max-width:600px) {
  @keyframes webpw-emblem-float { 0%,100% { translate:0 0; } 50% { translate:0 -5px; } }
}
@media (prefers-reduced-motion:reduce) {
  body.home-ranking.hero-brand-layout .hero .hero-logo { animation:none !important; will-change:auto; }
}

/* Open Beta: prominent between the official launch copy and countdown. */
html body.home-ranking .hero-launch-reminder .server-announcement__text{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,310px) auto;gap:24px!important}
.open-beta-highlight{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px 18px;border:1px solid #edbd58;border-radius:12px;background:radial-gradient(ellipse at top,#80551480,transparent 80%),#231308;color:#ffdc83;text-decoration:none;box-shadow:0 0 28px #e5a52e25,inset 0 1px #fff0be44;text-align:center}
.open-beta-highlight small{font:800 10px/1.3 Manrope,sans-serif;letter-spacing:3px;color:#9aefbb}
.open-beta-highlight strong{font:900 clamp(32px,3.1vw,44px)/1.05 Manrope,sans-serif;white-space:nowrap;letter-spacing:-1.5px;text-shadow:0 2px 15px #d68e3545}
.open-beta-highlight>span{font:800 11px/1.4 Manrope,sans-serif;letter-spacing:2px;color:#ffe9bc}
.open-beta-highlight:hover{background-color:#42270d;border-color:#ffe4a3}
.open-beta-highlight:focus-visible{outline:3px solid #fff;outline-offset:5px}
html[data-theme="light"] .open-beta-highlight{background:linear-gradient(135deg,#fff2cd,#e6bd65);color:#583509;border-color:#a57423;box-shadow:0 5px 24px #79521b22}
html[data-theme="light"] .open-beta-highlight small{color:#186635}
html[data-theme="light"] .open-beta-highlight>span{color:#644212}
@media(max-width:1150px){html body.home-ranking .hero-launch-reminder .server-announcement__text{grid-template-columns:1fr 1fr}.open-beta-highlight{grid-column:2;grid-row:1 / span 2}html body.home-ranking .hero-launch-reminder .launch-clock{grid-column:1;justify-content:center}html body.home-ranking .hero-launch-reminder .launch-copy{text-align:center}}
@media(max-width:650px){html body.home-ranking .hero-launch-reminder .server-announcement__text{grid-template-columns:minmax(0,1fr)}.open-beta-highlight{grid-column:1;grid-row:1;padding:22px 16px}.open-beta-highlight strong{font-size:44px}html body.home-ranking .hero-launch-reminder .launch-copy{grid-row:2}html body.home-ranking .hero-launch-reminder .launch-clock{grid-row:3}}

/* Recorded gameplay in a lightweight CSS phone frame. */
.pw-impact-scene.pw-mobile-showcase{display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0;padding:28px 0;height:auto;min-height:340px;isolation:isolate}
.pw-mobile-device{position:relative;width:100%;padding:11px 21px;border:2px solid #8b8778;border-radius:37px;background:linear-gradient(150deg,#77786d 0,#222621 7%,#080b09 48%,#66685e 96%,#191d17);box-shadow:0 22px 38px #0008,inset 0 0 0 3px #171c17,0 0 35px #d7a84d16;transform:rotate(-3deg)}
.pw-mobile-device:before{content:"";position:absolute;top:-5px;left:22%;width:14%;height:4px;background:#888b7b;border-radius:4px 4px 0 0}
.pw-mobile-display{overflow:hidden;border-radius:22px;background:#080b09;aspect-ratio:20/9;box-shadow:0 0 0 2px #050705}
.pw-mobile-display video{display:block;width:100%;height:100%;object-fit:contain}
.pw-mobile-camera{position:absolute;left:7px;top:43%;height:30px;width:5px;border-radius:5px;background:#060907;box-shadow:0 0 0 1px #626758}
.pw-mobile-caption{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;text-align:center}
.pw-mobile-caption>span{font:800 10px/1.5 Manrope,sans-serif;letter-spacing:1.8px;color:#dfc38a}
.pw-mobile-caption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6fe4b7;box-shadow:0 0 12px #6fe4b7;margin-right:7px}
.pw-mobile-caption button{font:600 11px/1.3 Manrope,sans-serif;color:#f5dfb2;background:#21180f;border:1px solid #806334;border-radius:20px;padding:8px 12px;cursor:pointer}
.pw-mobile-caption button:focus-visible{outline:2px solid #eec873;outline-offset:4px}
html[data-theme="light"] .pw-mobile-caption>span{color:#6e4c18}
@media(max-width:650px){.pw-impact-scene.pw-mobile-showcase{min-height:0;padding:24px 4px 8px;gap:20px}.pw-mobile-device{padding:7px 14px;border-radius:24px;transform:rotate(-2deg)}.pw-mobile-display{border-radius:14px}.pw-mobile-camera{left:5px;width:3px;height:20px}.pw-mobile-caption{gap:10px}.pw-mobile-caption>span{font-size:9px;letter-spacing:1px}}