/* Alexo dark website theme. Central, dark-only, and deliberately scoped to
   website components: original game UI, tokens and light mode are untouched. */
html[data-theme="dark"] {
  --alexo-night:#12131f;
  --alexo-night-card:#202132;
  --alexo-night-raised:#292a40;
  --alexo-night-border:#37394e;
  --alexo-night-text:#f7f8fc;
  --alexo-night-muted:#b9bdcf;
  --alexo-night-green:#00d58a;
  --alexo-night-green-ink:#06291c;
}
html[data-theme="dark"] body.alexo-home-page,
html[data-theme="dark"] body.alexo-page {
  background-color:var(--alexo-night);
}
/* Component-local variables avoid recolouring a game's inherited palette. */
html[data-theme="dark"] :is(.alexo-home-hero,.alexo-home-section,.alexo-language-band,.alexo-support-band,.alexo-recommendations) {
  --home-panel:var(--alexo-night-card);
  --home-panel-2:var(--alexo-night-raised);
  --home-line:var(--alexo-night-border);
  --home-text:var(--alexo-night-text);
  --home-muted:var(--alexo-night-muted);
  --home-accent:var(--alexo-night-green);
  --home-accent-text:var(--alexo-night-green-ink);
  color:var(--alexo-night-text);
}
html[data-theme="dark"] .alexo-global-header {
  background:#151623;
  border-color:#2b2d40;
  min-height:80px;
  padding-block:17px;
  box-shadow:0 12px 32px #05051024;
}
html[data-theme="dark"] .alexo-global-header :is(.alexo-nav-menu>summary,.alexo-support-nav) {
  background:#242638;
  border:1px solid #36384e;
  border-radius:10px;
  color:#f7f8fc;
  font-size:14px;
  min-height:44px;
  padding-inline:16px;
  box-shadow:0 3px 0 #090b154d;
  transition:background .16s ease,border-color .16s ease;
}
html[data-theme="dark"] .alexo-global-header .alexo-support-nav {
  background:#00d58a;
  border-color:#00d58a;
  color:#06291c;
  box-shadow:0 3px 0 #007b54;
}
html[data-theme="dark"] .alexo-global-header .alexo-nav-menu>summary:hover {background:#30324a;border-color:#60647d}
html[data-theme="dark"] .alexo-global-header .alexo-support-nav:hover {background:#22e59d}
html[data-theme="dark"] .alexo-global-header .alexo-nav-menu[open]>summary {outline:2px solid #00d58a;outline-offset:3px}
html[data-theme="dark"] .alexo-menu-panel {
  background:#202132;
  border:1px solid #42445b;
  border-radius:14px;
  padding:10px;
  box-shadow:0 24px 64px #050610a6;
}
html[data-theme="dark"] .alexo-menu-panel :is(a,button) {color:#f7f8fc;font-size:14px;min-height:44px}
html[data-theme="dark"] .alexo-menu-panel :is(a,button):hover {background:#30324a}
html[data-theme="dark"] .alexo-menu-panel :is([aria-current="page"],[aria-pressed="true"]) {background:#173d35;color:#7ff1bd}
html[data-theme="dark"] .alexo-menu-section-title {color:#b9bdcf;font-size:11px;border-color:#42445b}
html[data-theme="dark"] .alexo-menu-muted {color:#b9bdcf}
/* The opening keeps Alexo's real game image and existing translated copy. */
html[data-theme="dark"] .alexo-home-hero {
  position:relative;
  gap:clamp(28px,5vw,64px);
  padding-block:68px 58px;
  background:radial-gradient(ellipse at 84% 42%,#34365b55,transparent 58%);
  border-bottom:1px solid #2b2d40;
}
html[data-theme="dark"] .alexo-home-kicker {color:#66e4b3;font-size:12px;letter-spacing:.14em;line-height:1.5}
html[data-theme="dark"] .alexo-home-hero h1 {
  font-size:clamp(40px,5.5vw,68px);
  line-height:1.07;
  letter-spacing:-.043em;
  font-weight:850;
  text-wrap:balance;
}
html[data-theme="dark"] .alexo-home-intro {font-size:18px;line-height:1.75;max-width:580px;margin:22px 0 28px}
html[data-theme="dark"] .alexo-home-hero-art {
  padding:18px;
  border:1px solid #42445b;
  border-radius:24px;
  background:linear-gradient(145deg,#2c2e45,#1d1e2e);
  box-shadow:0 22px 58px #05061073,inset 0 1px 0 #ffffff0d;
}
html[data-theme="dark"] .alexo-hero-game-image {max-height:400px;object-fit:contain;border-radius:14px}
html[data-theme="dark"] .alexo-home-primary {
  border:1px solid #04e395;
  background:#00d58a;
  color:#06291c;
  min-height:52px;
  padding:14px 24px;
  border-radius:10px;
  font-size:15px;
  font-weight:800;
  line-height:1.4;
  box-shadow:0 4px 0 #007b54,0 8px 24px #00d58a12;
  transition:background .16s ease,box-shadow .16s ease;
}
html[data-theme="dark"] .alexo-home-primary:hover {background:#23e59e;box-shadow:0 4px 0 #007b54,0 8px 28px #00d58a2b}
html[data-theme="dark"] .alexo-home-primary:active {box-shadow:0 1px 0 #007b54}
html[data-theme="dark"] .alexo-home-primary>span {display:none}
html[data-theme="dark"] .alexo-home-trust {font-size:13px;line-height:1.5;gap:10px 18px;margin-top:26px}
html[data-theme="dark"] .alexo-home-trust li {color:#c5c9d8}
/* Shared game previews and editorial cards, not the game canvases. */
html[data-theme="dark"] .alexo-home-section {padding-block:44px}
html[data-theme="dark"] :is(.alexo-featured-card,.alexo-upcoming-card,.alexo-content-grid article) {
  background:#202132;
  border:1px solid #36384e;
  box-shadow:0 14px 34px #05061030,inset 0 1px 0 #ffffff05;
  border-radius:20px;
}
html[data-theme="dark"] .alexo-featured-card {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
html[data-theme="dark"] .alexo-featured-copy {padding:clamp(24px,3.8vw,48px)}
html[data-theme="dark"] .alexo-featured-copy :is(h2,h3) {font-size:clamp(27px,3.1vw,40px);line-height:1.13;letter-spacing:-.03em;font-weight:850;text-wrap:balance}
html[data-theme="dark"] .alexo-featured-copy>p:not(.alexo-home-kicker) {color:#b9bdcf;font-size:16px;line-height:1.75}
html[data-theme="dark"] .alexo-game-preview-image {
  background:radial-gradient(ellipse at center,#30314a,#181a29 82%);
  padding:24px;
  border-right:1px solid #36384e;
}
html[data-theme="dark"] .alexo-game-preview-image img {max-height:330px;border-radius:12px;transition:transform .2s ease}
html[data-theme="dark"] .alexo-game-preview-image:hover img {transform:scale(1.025)}
html[data-theme="dark"] .alexo-featured-visual {min-height:340px;background:linear-gradient(150deg,#2d2c47,#181a29)}
html[data-theme="dark"] .alexo-feature-list li,
html[data-theme="dark"] .alexo-mini-tags span {font-size:12px;background:#2a2c40;color:#d4d7e3;border-color:#3c3e55;padding:7px 11px}
html[data-theme="dark"] .alexo-section-head {gap:28px;margin-bottom:26px}
html[data-theme="dark"] :is(.alexo-section-head,.alexo-language-band,.alexo-support-band,.alexo-content-head) h2 {font-size:clamp(28px,3.5vw,42px);line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
html[data-theme="dark"] .alexo-upcoming-card {gap:18px}
html[data-theme="dark"] .alexo-upcoming-card p:not(.alexo-home-kicker) {font-size:15px;line-height:1.65}
html[data-theme="dark"] .alexo-upcoming-icon {background:#2e3047;border:1px solid #44465e;border-radius:12px}
html[data-theme="dark"] .alexo-language-band {border-color:#34364a;gap:32px;padding-block:38px}
html[data-theme="dark"] .alexo-language-links a {min-height:44px;display:flex;align-items:center;justify-content:center;font-size:14px;background:#242638;border-color:#3b3d54}
html[data-theme="dark"] .alexo-language-links a:hover {background:#30324a;border-color:#646881}
html[data-theme="dark"] .alexo-language-links a[aria-current="page"] {color:#7ff1bd;background:#173d35;border-color:#357660}
html[data-theme="dark"] .alexo-content-grid {gap:18px}
html[data-theme="dark"] .alexo-content-grid article {padding:28px}
html[data-theme="dark"] .alexo-content-grid h3 {font-size:22px;line-height:1.3}
html[data-theme="dark"] .alexo-content-grid p {font-size:16px;line-height:1.75;color:#b9bdcf}
html[data-theme="dark"] .alexo-support-band {background:linear-gradient(120deg,#202f2b,#202132 65%);border:1px solid #3d574e;border-radius:20px;margin-top:18px;padding:36px}
html[data-theme="dark"] .alexo-support-cta {background:#00d58a;color:#06291c;border:1px solid #04e395;border-radius:10px;box-shadow:0 4px 0 #007b54;font-size:15px;line-height:1.4}
html[data-theme="dark"] .alexo-support-cta:hover {background:#23e59e}
html[data-theme="dark"] .alexo-global-footer {color:#b9bdcf;border-color:#34364a;padding-block:34px 40px;font-size:14px;line-height:1.6}
/* Recommendations keep the same route registry and controls. */
html[data-theme="dark"] .alexo-recommendations {border-color:#34364a}
html[data-theme="dark"] .alexo-recommend-head>p,
html[data-theme="dark"] .alexo-kicker {color:#b9bdcf}
html[data-theme="dark"] .alexo-recommend-card {background:#202132;border:1px solid #3b3d54;color:#f7f8fc;border-radius:16px;padding:22px;min-height:156px;transition:background .16s ease,border-color .16s ease}
html[data-theme="dark"] .alexo-recommend-card small {color:#b9bdcf;font-size:13px;line-height:1.5}
html[data-theme="dark"] .alexo-recommend-card:not(.is-planned):hover {background:#282a3f;border-color:#00d58a}
html[data-theme="dark"] .alexo-recommend-card.is-planned {opacity:.8}
html[data-theme="dark"] :is(.alexo-global-header,.alexo-home-hero,.alexo-home-section,.alexo-language-band,.alexo-support-band,.alexo-recommendations,.alexo-global-footer) :is(a,button,summary):focus-visible {outline:3px solid #72efbd;outline-offset:4px}
@media(max-width:820px) {
  html[data-theme="dark"] .alexo-home-hero {grid-template-columns:1fr;padding:38px 24px 40px;gap:30px}
  html[data-theme="dark"] .alexo-home-hero h1 {max-width:660px}
  html[data-theme="dark"] .alexo-home-hero-art {width:100%;max-width:500px;justify-self:center;padding:14px}
  html[data-theme="dark"] .alexo-hero-game-image {max-height:310px}
  html[data-theme="dark"] .alexo-featured-card {grid-template-columns:1fr}
  html[data-theme="dark"] .alexo-game-preview-image {border-right:0;border-bottom:1px solid #36384e;padding:20px}
  html[data-theme="dark"] .alexo-game-preview-image img {max-height:290px}
}
@media(max-width:760px) {
  html[data-theme="dark"] .alexo-global-header {min-height:66px;padding:12px 16px}
  html[data-theme="dark"] .alexo-global-header .alexo-nav-menu>summary {min-height:42px;padding-inline:14px}
}
@media(max-width:520px) {
  html[data-theme="dark"] .alexo-home-hero {padding:32px 16px;gap:28px}
  html[data-theme="dark"] .alexo-home-hero h1 {font-size:clamp(36px,10vw,48px);line-height:1.08}
  html[data-theme="dark"] .alexo-home-intro {font-size:17px;margin-block:18px 24px}
  html[data-theme="dark"] .alexo-home-primary {width:100%;padding:13px 16px;font-size:14px}
  html[data-theme="dark"] .alexo-home-trust {grid-template-columns:1fr;font-size:13px}
  html[data-theme="dark"] .alexo-hero-game-image {max-height:270px}
  html[data-theme="dark"] .alexo-home-section {padding:28px 16px}
  html[data-theme="dark"] .alexo-featured-copy {padding:25px 20px}
  html[data-theme="dark"] .alexo-featured-card {border-radius:16px}
  html[data-theme="dark"] .alexo-featured-visual {min-height:240px}
  html[data-theme="dark"] .alexo-content-grid article {padding:23px 20px}
  html[data-theme="dark"] .alexo-language-band {padding:28px 16px}
  html[data-theme="dark"] .alexo-support-band {padding:26px 20px;margin:24px 16px 38px}
  html[data-theme="dark"] .alexo-global-footer {padding-inline:16px}
}
@media(prefers-reduced-motion:reduce) {
  html[data-theme="dark"] :is(.alexo-game-preview-image img,.alexo-home-primary,.alexo-recommend-card,.alexo-nav-menu>summary,.alexo-support-nav) {transition:none}
  html[data-theme="dark"] .alexo-game-preview-image:hover img {transform:none}
}

/* Soft light treatment: static at rest, gently stronger on interaction. */
html[data-theme="dark"] :is(.alexo-home-primary,.alexo-support-cta),
html[data-theme="dark"] .alexo-global-header .alexo-support-nav {
  background:linear-gradient(180deg,#20e69f 0%,#06d991 48%,#00cb83 100%);
  border-color:#50ebb2;
  box-shadow:inset 0 1px 0 #d4ffed70,inset 0 -1px 0 #005c3c55,0 3px 0 #007951,0 5px 20px #00d58a4d,0 0 36px #00d58a38;
  transition:background .22s ease,box-shadow .22s ease,border-color .22s ease;
}
html[data-theme="dark"] :is(.alexo-home-primary,.alexo-support-cta):is(:hover,:focus-visible),
html[data-theme="dark"] .alexo-global-header .alexo-support-nav:is(:hover,:focus-visible) {
  background:linear-gradient(180deg,#38efaf 0%,#13e09a 55%,#04d38a 100%);
  border-color:#9af7cd;
  box-shadow:inset 0 1px 0 #ecfff3a6,inset 0 -1px 0 #00754d66,0 3px 0 #007951,0 6px 26px #00d58a66,0 0 48px #00d58a52;
}
html[data-theme="dark"] :is(.alexo-home-primary,.alexo-support-cta):active,
html[data-theme="dark"] .alexo-global-header .alexo-support-nav:active {
  box-shadow:inset 0 2px 4px #00583b33,0 1px 0 #007951,0 0 18px #00d58a29;
}
html[data-theme="dark"] .alexo-global-header .alexo-nav-menu>summary {
  background:linear-gradient(180deg,#2d2f45,#242638);
  box-shadow:inset 0 1px 0 #eef0ff0c,0 3px 0 #090b154d,0 0 14px #929adb08;
  transition:box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
html[data-theme="dark"] .alexo-global-header .alexo-nav-menu>summary:is(:hover,:focus-visible) {
  background:linear-gradient(180deg,#393c55,#2b2e44);
  border-color:#777d9c;
  box-shadow:inset 0 1px 0 #eef0ff21,0 3px 0 #090b154d,0 0 22px #a0ace22e;
}
/* An off-centre studio light sits above the existing image, never its text. */
html[data-theme="dark"] :is(.alexo-home-hero-art,.alexo-game-preview-image,.alexo-featured-visual) {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
html[data-theme="dark"] :is(.alexo-home-hero-art,.alexo-game-preview-image,.alexo-featured-visual)::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(ellipse at 20% 0%,#eef4ff47 0%,#d2e3ff1c 38%,transparent 73%),linear-gradient(125deg,#ffffff12 0%,transparent 50%);
  box-shadow:inset 0 1px 0 #edf3ff47;
  opacity:.95;
  transition:opacity .3s ease;
}
html[data-theme="dark"] :is(.alexo-home-hero-art,.alexo-game-preview-image,.alexo-featured-visual):hover::after {opacity:1}
html[data-theme="dark"] .alexo-home-hero-art {
  border-color:#555973;
  box-shadow:inset 0 1px 0 #e4edff26,0 22px 58px #05061073,0 0 42px #788ce02e;
}
html[data-theme="dark"] .alexo-game-preview-image img {filter:drop-shadow(0 12px 14px #05061145)}
@media(prefers-reduced-motion:reduce) {
  html[data-theme="dark"] :is(.alexo-home-primary,.alexo-support-cta),
  html[data-theme="dark"] .alexo-global-header :is(.alexo-support-nav,.alexo-nav-menu>summary),
  html[data-theme="dark"] :is(.alexo-home-hero-art,.alexo-game-preview-image,.alexo-featured-visual)::after {transition:none}
}