@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("assets/fonts/plus-jakarta-sans-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("assets/fonts/space-grotesk-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/space-mono-400-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/space-mono-700-latin.woff2") format("woff2");
}

/* Glov Games platform design system. Loaded last on every public page. */
:root {
  --glov-font-display: "Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;
  --glov-font-ui: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
  --glov-font-meta: "Space Mono", ui-monospace, monospace;
  --glov-text: #fff;
  --glov-text-soft: #e2e8f0;
  --glov-text-lavender: #d8b4fe;
  --glov-text-muted: rgba(255, 255, 255, .78);
  --glov-surface: #130b31;
  --glov-surface-raised: #1b1040;
  --glov-border: rgba(216, 180, 254, .28);
  --glov-focus: #67e8f9;
  --glov-radius: 16px;
  --glov-radius-sm: 12px;
  --glov-radius-pill: 999px;
  --glov-space-1: 4px;
  --glov-space-2: 8px;
  --glov-space-3: 12px;
  --glov-space-4: 16px;
  --glov-space-5: 24px;
  --glov-shadow-card: 0 10px 26px rgba(2, 0, 15, .32);
  --glov-gradient-action: linear-gradient(110deg, #9c1fc1, #4f46e5);
}

/* Crawlable educational copy below game experiences. */
.game-editorial {
  width: min(920px, calc(100% - 28px));
  margin: clamp(24px, 5vw, 56px) auto;
  padding: clamp(20px, 4vw, 34px);
  border: 1px solid rgba(216, 180, 254, .2);
  border-radius: 16px;
  color: #e2e8f0;
  background: linear-gradient(145deg, rgba(28, 15, 61, .96), rgba(13, 8, 39, .96));
}
.game-editorial h2,.game-editorial h3 { color:#fff; }
.game-editorial h2 { margin:0 0 12px;font:700 clamp(20px,3vw,26px)/1.2 "Space Grotesk",sans-serif; }
.game-editorial h3 { margin:22px 0 8px;font:700 17px/1.3 "Space Grotesk",sans-serif; }
.game-editorial p { max-width:72ch;margin:0 0 12px;color:#e2e8f0;font:500 15px/1.75 "Plus Jakarta Sans",sans-serif; }
.game-faq { margin-top:26px;padding-top:22px;border-top:1px solid rgba(216,180,254,.18); }
.game-faq details { margin:10px 0;border:1px solid rgba(216,180,254,.17);border-radius:14px;background:rgba(255,255,255,.035); }
.game-faq summary { min-height:48px;display:flex;align-items:center;padding:10px 15px;color:#fff;font-weight:700;cursor:pointer; }
.game-faq details p { padding:0 15px 15px; }
.game-discovery-links { display:flex;flex-wrap:wrap;gap:10px;margin-top:22px; }
.game-discovery-links a { min-height:44px;display:inline-flex;align-items:center;padding:0 15px;border:1px solid rgba(223,115,229,.45);border-radius:999px;color:#f0c8ff;font-weight:700;text-decoration:none; }
.game-discovery-links a:hover,.game-discovery-links a:focus-visible { color:#fff;border-color:#ef7fec;background:rgba(223,115,229,.12);outline:3px solid rgba(239,127,236,.2); }
.game-editorial-merged { margin-top:28px;padding-top:26px;border-top:1px solid rgba(216,180,254,.2); }
.game-info .game-editorial-merged :where(h2,h3) { color:inherit; }
.game-info .game-editorial-merged > p { max-width:72ch; }
.editorial-hub { max-width:920px; }
.editorial-hub .editorial-intro { max-width:68ch;color:#e2e8f0;font-size:clamp(17px,2.5vw,20px);line-height:1.7; }
.editorial-hub section { margin-top:30px; }
.editorial-card-links { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:34px; }
.editorial-card-links a { min-height:56px;display:flex;align-items:center;padding:12px 16px;border:1px solid rgba(216,180,254,.25);border-radius:16px;color:#fff;background:rgba(255,255,255,.045);font-weight:750;text-decoration:none; }
.editorial-card-links a::after { content:"→";margin-left:auto;color:#ef7fec; }
.editorial-card-links a:hover,.editorial-card-links a:focus-visible { border-color:#ef7fec;background:rgba(223,115,229,.12);outline:3px solid rgba(239,127,236,.2); }

/* Editorial hubs use the light policy-page surface, so their cards need dark
   text rather than the white labels used by legacy dark game panels. */
.policy-main.editorial-hub .editorial-intro {
  color: #5f4b69;
}
.policy-main.editorial-hub .editorial-card-links a {
  color: #542260;
  border-color: #cdb8d5;
  background: #f7eff9;
}
.policy-main.editorial-hub .editorial-card-links a:hover,
.policy-main.editorial-hub .editorial-card-links a:focus-visible {
  color: #3e1548;
  border-color: #8f3b9e;
  background: #eddcf2;
  outline-color: rgba(103, 232, 249, .65);
}

/* Reserved ad treatment: never visually merge ads with game controls. */
.ad-placement { width:min(920px,calc(100% - 28px));min-height:90px;margin:32px auto;padding:24px 16px 16px;border:1px solid rgba(226,232,240,.18);border-radius:16px;background:rgba(255,255,255,.025);position:relative; }
.ad-placement::before { content:"Advertisement";position:absolute;top:6px;left:12px;color:#cbd5e1;font:600 10px/1 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase; }

html { color-scheme: dark; }
body {
  font-family: var(--glov-font-ui);
  font-size: 16px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

:where(h1, h2, .hero-title, .section-title, .title-row h2, .trending-heading h3, .shelf-heading h3,
  .game-info h1, .game-info h2, .policy-main h1, .policy-main h2, .standalone-heading h1) {
  font-family: var(--glov-font-display);
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--glov-text);
}

:where(h3, h4, button, input, select, textarea, nav, .site-brand, .brand, .btn, .play-link,
  .card-copy, .brain-card, .shelf-cards, .trending-cards, .result-actions) {
  font-family: var(--glov-font-ui);
}

/* Question contrast contract for games that intentionally use light quiz
   surfaces. Keep this page-scoped: dark games such as CrewZap and Glov Trivia
   correctly use white prompts. */
:where(
  .ganixo-page .question-screen #questionText,
  .grammix-page .question-screen #questionText,
  .indieiq-page .question-card #questionText,
  .dragon-cave-page .challenge-card #prompt
) {
  color: #253951 !important;
  text-shadow: none !important;
}

:where(
  .ganixo-page .question-screen #questionText,
  .grammix-page .question-screen #questionText,
  .indieiq-page .question-card #questionText
):focus {
  outline: none;
}

:where(button, .btn, .play-link, [role="button"]) {
  min-height: 44px;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}

:where(a, button, input, select, textarea, [role="button"]):focus-visible {
  outline: 3px solid var(--glov-focus) !important;
  outline-offset: 3px !important;
}

:where(button, .btn, .play-link, .continue-action) > :where(svg, img),
:where(button, .btn, .play-link, .continue-action)::after {
  flex: 0 0 auto;
  vertical-align: -.08em;
  line-height: 1;
}

:where(.category, .eyebrow, .family-tag, .skill-tag, .multiplayer-label, .feature-badge,
  .ai-card-badge, .game-count, .shared-hud, .hud small, .card-meta, .meta, .difficulty,
  .duration, .player-count, .level-badge, .badge, .tag) {
  font-family: var(--glov-font-meta);
  font-size: clamp(10px, .72vw, 12px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .05em;
}

:where(.category, .eyebrow, .family-tag, .skill-tag, .multiplayer-label, .feature-badge,
  .ai-card-badge, .difficulty, .badge, .tag) {
  text-transform: uppercase;
}

:where(.intro, .subtitle, .tagline, .card-copy p:not(.category), .game-info p, .game-info li,
  .related-games p, .brain-card p, .policy-main p, .policy-main li, .last-played) {
  color: var(--glov-text-soft);
}

:where(.site-footer, .site-footer a, .card-meta, .meta, .duration, .difficulty, .player-count,
  .shelf-cards small, .trending-cards small, .result-stats, .shared-hud) {
  color: var(--glov-text-muted);
}

:where(.game-card, .brain-card, .role-card, .map-card, .puzzle-card, .question-card, .setup-card,
  .daily-card, .benefit-strip, .trending-cards > a, .shelf-cards > a, .consent-card,
  .game-info, .related-games, .standalone-view, .result-dialog > div) {
  border-radius: var(--glov-radius);
  box-shadow: var(--glov-shadow-card);
}

:where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .filter-pill) {
  border-radius: var(--glov-radius);
}

:where(.filter-pill, .category, .eyebrow, .family-tag, .skill-tag, .multiplayer-label,
  .feature-badge, .ai-card-badge, .game-count, .badge, .tag) {
  border-radius: var(--glov-radius-pill);
}

:where(.play-link, .btn.primary, button.primary, .continue-action) {
  color: #fff;
  background: var(--glov-gradient-action);
  font-size: 14px;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

:where(.game-card, .brain-card, .trending-cards > a, .shelf-cards > a) {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

@media (hover: hover) {
  :where(.game-card, .brain-card, .trending-cards > a, .shelf-cards > a):hover {
    transform: translateY(-3px);
    border-color: rgba(216, 180, 254, .55);
    box-shadow: 0 13px 30px rgba(2, 0, 15, .42);
  }
}

/* Homepage hierarchy and card rhythm. */
.home-screen .hero-copy h1 {
  font-family: var(--glov-font-display) !important;
  font-size: clamp(32px, 3.1vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  letter-spacing: -.02em !important;
}

.home-screen .hero-copy h1 .hero-subheadline {
  font-family: var(--glov-font-display) !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  line-height: 1.16 !important;
}

.home-screen :where(.title-row h2, .trending-heading h3, .shelf-heading h3) {
  font-family: var(--glov-font-display) !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
}

.home-screen .title-row h2 { font-size: 19px !important; }
.home-screen :where(.trending-heading h3, .shelf-heading h3) { font-size: 19px !important; }

.home-screen .card-copy {
  padding: 14px 16px !important;
}

.home-screen .card-copy h3 {
  font-family: var(--glov-font-ui) !important;
  font-size: clamp(18px, 1.35vw, 20px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -.015em !important;
}

.home-screen .shelf-cards strong,
.home-screen .trending-cards b {
  font-family: var(--glov-font-ui) !important;
  font-size: clamp(14px, 1vw, 15px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--glov-text) !important;
}

.home-screen :where(.card-copy p:not(.category), .last-played, .progress-label) {
  color: var(--glov-text-soft) !important;
}

.home-screen :where(.play-link, .hero-actions .btn, .continue-action) {
  font-family: var(--glov-font-ui) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.home-screen :where(.game-card, .brain-card) { border-radius: var(--glov-radius) !important; }
.home-screen :where(.art, .card-art) { border-radius: var(--glov-radius) var(--glov-radius) 0 0; }

/* Shared game and editorial pages. */
:where(.game-shell, .brain-shell, .crew-shell, .app, .policy-main) > h1,
:where(.game-shell, .brain-shell, .crew-shell) h1 {
  font-family: var(--glov-font-display);
  font-weight: 700;
  letter-spacing: -.02em;
}

.game-info :where(h1, h2), .related-games h2 {
  font-family: var(--glov-font-display);
  font-size: clamp(20px, 2.2vw, 22px);
  line-height: 1.2;
}

.game-info :where(p, li), .related-games p, .policy-main :where(p, li) {
  color: var(--glov-text-soft);
}

/* One ColorTrap-style light guide card across every game. This intentionally
   overrides both legacy dark editorial panels and page-specific game themes. */
.game-info,
.game-info.game-editorial {
  width: min(920px, calc(100% - 32px));
  margin: 28px auto;
  padding: clamp(22px, 4vw, 38px);
  color: #321d3d;
  background: linear-gradient(155deg, #fff, #fbf8ff);
  border: 1px solid #e0d2e7;
  border-radius: 24px;
  box-shadow: 0 12px 35px rgba(50, 16, 60, .14);
}
.game-info :where(h1, h2, h3, strong) {
  color: #321d3d;
}
.game-info :where(p, li, small) {
  color: #6d5a77;
}
.game-info.game-editorial :where(h1, h2, h3, strong),
.game-info .game-editorial-merged :where(h1, h2, h3, strong) {
  color: #321d3d;
}
.game-info.game-editorial :where(p, li, small),
.game-info .game-editorial-merged :where(p, li, small) {
  color: #6d5a77;
}
.game-info .guide-kicker,
.game-info .eyebrow {
  color: #7b2789;
}
.game-info .game-editorial-merged {
  border-top-color: #e4d6ea;
}
.game-info .parent-teacher-card {
  margin: 24px 0;
  padding: 16px;
  border: 1px solid #ded0e5;
  border-radius: 16px;
  background: #f7f1fa;
}
.game-info .parent-teacher-card :where(h3, p) {
  margin-block: 0;
}
.game-info .parent-teacher-card p {
  margin-top: 8px;
}
.game-info .game-faq {
  border-top-color: #e4d6ea;
}
.game-info .game-faq details {
  border-color: #ded0e5;
  background: #f7f1fa;
}
.game-info .game-faq summary {
  color: #321d3d;
}
.game-info .game-discovery-links a {
  color: #6f247d;
  border-color: #cba9d4;
  background: #f7eff9;
}
.game-info .game-discovery-links a:hover,
.game-info .game-discovery-links a:focus-visible {
  color: #4d1658;
  border-color: #8f3b9e;
  background: #efe0f3;
  outline-color: rgba(103, 232, 249, .65);
}

@media (max-width: 639px) {
  .game-info,
  .game-info.game-editorial {
    width: calc(100% - 20px);
    margin-block: 18px;
    padding: 20px 18px;
    border-radius: 18px;
  }
}

/* Keep the shared related-games panel on the dark Glov surface. Legacy
   game-chrome.css uses a light panel, which made the platform's white heading
   and lavender copy unreadable when the design-system stylesheet loaded last. */
.related-games {
  color: var(--glov-text);
  background: linear-gradient(145deg, var(--glov-surface-raised), var(--glov-surface));
  border-color: var(--glov-border);
}
.related-games h2,
.related-games strong {
  color: var(--glov-text);
}
.related-games p {
  color: var(--glov-text-soft);
}
.related-games a {
  color: #f0c8ff;
  text-decoration-thickness: 2px;
}
.related-games a:hover,
.related-games a:focus-visible {
  color: #fff;
  text-decoration-color: #ef7fec;
  outline: 3px solid rgba(103, 232, 249, .35);
  outline-offset: 4px;
  border-radius: 4px;
}

.site-header, .site-footer {
  font-family: var(--glov-font-ui);
}

.site-footer .site-social-link {
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  color: #fff !important;
  background: rgba(255, 255, 255, .08);
  line-height: 1;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}
.site-footer .site-social-link:hover,
.site-footer .site-social-link:focus-visible {
  color: #fff !important;
  background: #ff0033;
  border-color: #ff6b87;
  text-decoration: none;
  transform: translateY(-2px);
  outline: 3px solid #f5a2ff;
  outline-offset: 2px;
}
.site-footer .site-social-facebook:hover,
.site-footer .site-social-facebook:focus-visible {
  background: #1877f2;
  border-color: #75adf8;
}
.site-footer .site-social-linkedin:hover,
.site-footer .site-social-linkedin:focus-visible {
  background: #0a66c2;
  border-color: #74b5f5;
}
.site-footer .site-social-link svg { display: block; }
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Shared Glov Games identity: keep one optimized asset across home, game, and policy headers. */
.brand-logo {
  display: block;
  width: 88px;
  height: 44px;
  object-fit: contain;
}
.site-brand::before,
.policy-header > a:first-child::before {
  content: "" !important;
  display: block !important;
  width: 84px !important;
  height: 42px !important;
  flex: 0 0 84px !important;
  border-radius: 0 !important;
  background: url("assets/brand/glov-logo.png") center / contain no-repeat !important;
  box-shadow: none !important;
  transform: none !important;
}
.site-brand::after,
.policy-header > a:first-child::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 420px) {
  .brand-logo {
    width: 76px;
    height: 38px;
  }
  .site-brand::before,
  .policy-header > a:first-child::before {
    width: 76px !important;
    height: 38px !important;
    flex-basis: 76px !important;
  }
}

@media (max-width: 639px) {
  .home-screen .hero-copy h1 { font-size: 32px !important; }
  .home-screen .hero-copy h1 .hero-subheadline { font-size: 19px !important; }
  .home-screen .title-row h2 { font-size: 19px !important; }
  .home-screen :where(.trending-heading h3, .shelf-heading h3) { font-size: 19px !important; }
  .home-screen .card-copy h3 { font-size: 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
  :where(.game-card, .brain-card, .trending-cards > a, .shelf-cards > a) { transition: none; }
}

/* Optional player account and cross-device cloud save. */
.player-account-danger{width:100%;min-height:44px;margin-top:14px;border:0;color:#fda4af;background:transparent;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.player-account-danger:focus-visible{border-radius:8px;outline:3px solid #67e8f9;outline-offset:2px}
.player-account-button{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #d8b4fe47;border-radius:999px;color:#fff;background:#ffffff0d;font:700 12px "Plus Jakarta Sans",Inter,sans-serif;cursor:pointer;white-space:nowrap}.player-account-button>span:first-child{color:#67e8f9;font-size:17px}.player-account-button:hover,.player-account-button:focus-visible{border-color:#67e8f9;outline:3px solid #67e8f955;outline-offset:2px}.player-account-dialog{width:min(480px,calc(100% - 24px));padding:0;border:1px solid #d8b4fe55;border-radius:20px;color:#fff;background:#160b37;box-shadow:0 28px 80px #02000fbb}.player-account-dialog::backdrop{background:#070315d9;backdrop-filter:blur(6px)}.player-account-card{position:relative;padding:clamp(24px,5vw,38px);font-family:"Plus Jakarta Sans",Inter,sans-serif}.player-account-close{position:absolute;right:14px;top:14px;width:44px;height:44px;border:1px solid #ffffff1f;border-radius:50%;color:#fff;background:#ffffff0a;font-size:24px;cursor:pointer}.player-account-close:focus-visible{outline:3px solid #67e8f9}.player-account-eyebrow{margin:0 0 8px;color:#f472d0;font:700 10px "Space Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.player-account-card h2{max-width:350px;margin:0;font:700 30px/1.08 "Space Grotesk",sans-serif}.player-account-intro,.player-account-note{color:#e2e8f0;line-height:1.55}.player-account-intro{margin:12px 0 22px}.player-account-note{margin:17px 0 0;font-size:11px}.player-google-button,.player-account-primary,.player-account-secondary{width:100%;min-height:48px;border-radius:12px;font-weight:800;cursor:pointer}.player-google-button{border:1px solid #ffffff35;color:#fff;background:#ffffff0d}.player-google-button b{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:50%;color:#3156a5;background:#fff}.player-account-primary{border:0;color:#fff;background:linear-gradient(110deg,#9c1fc1,#4f46e5)}.player-account-secondary{margin-top:8px;border:1px solid #ffffff2d;color:#fff;background:transparent}.player-google-button:focus-visible,.player-account-primary:focus-visible,.player-account-secondary:focus-visible{outline:3px solid #67e8f9;outline-offset:2px}.player-account-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#cdbde0;font-size:11px}.player-account-divider::before,.player-account-divider::after{content:"";height:1px;flex:1;background:#ffffff20}.player-account-card form{display:grid;gap:9px}.player-account-card label{font-size:12px;font-weight:800}.player-account-card input{width:100%;min-height:48px;padding:0 13px;border:1px solid #d8b4fe55;border-radius:12px;color:#fff;background:#09051e;font:500 16px "Plus Jakarta Sans",sans-serif}.player-account-card input:focus{border-color:#67e8f9;outline:3px solid #67e8f930}.player-account-cloud{width:58px;height:58px;display:grid;place-items:center;margin:8px 0 18px;border-radius:18px;color:#210b31;background:#67e8f9;font-size:27px;font-weight:900}.player-account-status{min-height:20px;margin:16px 0 0;color:#d8b4fe;font-size:12px;line-height:1.5}.player-account-status[data-kind="success"]{color:#86efac}.player-account-status[data-kind="error"]{color:#fda4af}@media(max-width:760px){.hero-nav .player-account-button{flex:0 0 auto}.player-account-button [data-player-account-label]{max-width:110px;overflow:hidden;text-overflow:ellipsis}.player-account-card h2{font-size:26px}}
.player-account-button > .player-account-avatar{width:26px;height:26px;display:inline-grid;flex:0 0 26px;place-items:center;border:2px solid #ffffffb8;border-radius:50%;color:#210b31;background-color:#67e8f9;background-position:center;background-size:cover;box-shadow:0 2px 8px #09041d55;font:800 12px "Plus Jakarta Sans",Inter,sans-serif}
.player-account-button>.player-account-avatar{border-radius:50%;background:linear-gradient(145deg,#67e8f9,#a78bfa)}.player-account-avatar svg{width:17px;height:17px;fill:none;stroke:#170a2b;stroke-width:2;stroke-linecap:round}.player-account-streak{display:inline-flex;align-items:center;justify-content:center;margin-left:-3px;font-size:14px;filter:drop-shadow(0 2px 4px #0006)}.player-account-streak[hidden]{display:none}.hero-nav a>.nav-item-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-right:6px;color:#67e8f9;line-height:1}.hero-nav .nav-item-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-nav a[aria-current="page"]{color:#fff;background:#ffffff0d;box-shadow:inset 0 -2px #e056fd,0 0 16px #e056fd20}.hero-nav a[aria-current="page"]::after{left:12px;right:12px;bottom:3px;background:#e056fd;box-shadow:0 0 9px #e056fd;transform:scaleX(1)}

/* The homepage account launch is the primary header CTA. */
.hero-nav .player-account-button {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #d8b4fe80;
  border-radius: 999px;
  gap: 8px;
  color: #fff;
  background: linear-gradient(110deg, #9c1fc1, #4f46e5);
  box-shadow: 0 8px 22px #4f46e540;
  font: 800 14px "Plus Jakarta Sans", Inter, sans-serif;
  transition: transform .18s, box-shadow .18s, filter .18s;
}
.hero-nav .player-account-button:hover,
.hero-nav .player-account-button:focus-visible {
  border-color: #e9d5ff;
  color: #fff;
  background: linear-gradient(110deg, #ae2bd1, #6158ee);
  box-shadow: 0 10px 28px #6d28d966;
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.hero-nav .player-account-button:focus-visible {
  outline: 3px solid #67e8f9;
  outline-offset: 3px;
}
@media (min-width: 1600px) {
  .hero-nav .player-account-button { padding-inline: 18px; font-size: 16px; }
}
@media (max-width: 760px) {
  .hero-nav .player-account-button { padding: 0 13px; font-size: 13px; }
}
@media (max-width: 400px) {
  .hero-nav .player-account-button { padding-inline: 11px; font-size: 12px; }
}