:root {
  --bg:#09121d;
  --panel:#101e2b;
  --ink:#f2f5f7;
  --muted:#9aabbc;
  --teal:#78ecdc;
  --line:#ffffff18
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:30px
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px/1.7 Arial,sans-serif
}
a {
  color:inherit;
  text-decoration:none
}
header,main,footer {
  max-width:1440px;
  margin:auto
}
header {
  padding:27px 5%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--line);
  gap:25px
}
.brand {
  display:flex;
  align-items:center;
  gap:14px;
  font-size:12px;
  letter-spacing:2px;
  font-weight:bold
}
.mark {
  font-size:25px;
  background:var(--teal);
  color:var(--bg);
  padding:0 9px;
  border-radius:7px;
  letter-spacing:-3px
}
.mark span {
  font-size:13px
}
nav {
  display:flex;
  gap:32px;
  font-size:13px;
  color:var(--muted)
}
a:hover {
  color:var(--teal)
}
.navbutton {
  border:1px solid #ffffff35;
  padding:9px 16px;
  font-size:12px;
  border-radius:5px
}
.hero {
  display:grid;
  grid-template-columns:1fr 1.13fr;
  align-items:center;
  gap:35px;
  padding:65px 5% 55px
}
.eyebrow {
  font-size:10px;
  letter-spacing:2px;
  font-weight:bold;
  color:var(--teal)
}
.dot {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--teal);
  margin-right:10px
}
h1,h2,h3 {
  line-height:1.05;
  letter-spacing:-2px;
  margin:0;
  font-weight:750
}
h1 {
  font-size:clamp(48px,5.6vw,80px);
  margin:23px 0
}
em {
  font-style:normal;
  color:var(--teal)
}
p {
  color:var(--muted)
}
.hero p {
  max-width:420px;
  font-size:17px;
  margin-bottom:30px
}
.button {
  display:inline-flex;
  align-items:center;
  gap:35px;
  background:var(--teal);
  color:var(--bg);
  padding:14px 21px;
  border-radius:5px;
  font-size:13px;
  font-weight:bold
}
.button:hover {
  background:white;
  color:var(--bg)
}
.plain {
  display:inline-block;
  font-size:12px;
  margin:18px 0 0 22px
}
.footnote {
  font-size:9px;
  letter-spacing:2px;
  color:#718696;
  margin-top:38px
}
.visual {
  position:relative;
  border:1px solid #78ecdc30;
  border-radius:20px;
  overflow:hidden;
  background:#102435
}
.visual img {
  width:100%;
  height:490px;
  object-fit:cover;
  display:block
}
.visual-label {
  position:absolute;
  bottom:18px;
  left:20px;
  padding:13px 22px;
  background:#09121de6;
  border:1px solid #78ecdc50;
  border-radius:8px;
  display:grid
}
.visual-label span {
  font-size:8px;
  letter-spacing:2px;
  color:var(--teal)
}
.visual-label strong {
  font-size:19px
}
.visual-label small {
  font-size:10px;
  color:var(--muted)
}
.ticker {
  display:flex;
  justify-content:space-around;
  gap:20px;
  flex-wrap:wrap;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:22px 5%;
  font-size:10px;
  letter-spacing:2px;
  color:#b9cad1
}
.section {
  padding:85px 5%
}
.section-top {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:50px;
  margin-bottom:38px
}
h2 {
  font-size:clamp(32px,3.5vw,48px);
  margin-top:17px
}
.section-top>p {
  max-width:390px;
  font-size:14px;
  margin-bottom:0
}
.mission-grid {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:30px
}
.mission-main,.mission-side {
  padding:38px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:10px
}
h3 {
  font-size:29px;
  letter-spacing:-1px;
  margin:23px 0 17px
}
.symbol {
  font-size:35px;
  color:var(--teal)
}
.mission-grid p {
  font-size:14px;
  max-width:490px
}
.tag {
  font-size:9px;
  letter-spacing:1.7px;
  color:var(--teal)
}
.mission-main .tag {
  border-top:1px solid var(--line);
  padding-top:25px;
  margin-top:30px
}
.family-note {
  color:#dddfef;
  font-style:italic
}
.family-note small {
  font-style:normal;
  color:var(--muted)
}
.faith {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  background:#102621;
  border-top:1px solid #78ecdc20;
  border-bottom:1px solid #78ecdc20
}
.faith p {
  font-size:15px
}
.faith-line {
  display:inline-block;
  font-size:9px;
  letter-spacing:2px;
  color:var(--teal);
  margin-top:18px
}
.game-panel {
  padding:45px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  background:linear-gradient(120deg,#182135,#24213b);
  border:1px solid #b3a0e82b;
  border-radius:12px
}
.game-panel h3 {
  font-size:43px
}
.game-panel h3 span {
  color:#c7b7ff
}
.game-panel p {
  font-size:14px
}
.challenge {
  border-left:1px solid #ffffff20;
  padding-left:40px;
  align-self:center
}
.challenge p {
  font-size:24px;
  line-height:1.4;
  color:#e3dcf8
}
.challenge .eyebrow {
  color:#c7b7ff
}
button {
  border:0;
  border-bottom:1px solid #c7b7ff;
  background:transparent;
  color:#c7b7ff;
  font-size:12px;
  padding:8px 0;
  cursor:pointer
}
.closing {
  text-align:center;
  padding:65px 5% 85px;
  border-top:1px solid var(--line)
}
.closing h2 {
  font-size:54px
}
.closing p {
  font-size:14px;
  margin:25px auto;
  max-width:480px
}
footer {
  padding:25px 5%;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:30px;
  font-size:10px;
  color:var(--muted)
}
:focus-visible {
  outline:2px solid var(--teal);
  outline-offset:5px
}
@media(max-width:850px) {
  header {
    flex-wrap:wrap;
    padding:20px 6%
  }
  .navbutton {
    display:none
  }
  nav {
    gap:20px
  }
  .hero {
    grid-template-columns:1fr;
    padding:45px 6%;
    gap:35px
  }
  h1 {
    font-size:60px
  }
  .visual img {
    height:auto;
    aspect-ratio:1.15
  }
  .section {
    padding:55px 6%
  }
  .section-top {
    display:block
  }
  .section-top>p {
    margin-top:25px
  }
  .mission-grid,.faith,.game-panel {
    grid-template-columns:1fr;
    gap:25px
  }
  .mission-main,.mission-side,.game-panel {
    padding:28px
  }
  .faith {
    gap:20px
  }
  .challenge {
    border-left:0;
    border-top:1px solid var(--line);
    padding:25px 0 0
  }
  .ticker {
    font-size:9px
  }
  .closing h2 {
    font-size:42px
  }
  footer {
    flex-direction:column;
    gap:12px
  }
  .plain {
    margin-left:15px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
}

/* mksnips livestream section */
.stream-section {
  background:linear-gradient(140deg,#0c1725 0%,#16142c 70%,#0b1d28 100%);
  border-bottom:1px solid var(--line);
}
.stream-grid {
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(400px,1.5fr);
  gap:38px;
  align-items:center;
}
.stream-copy h2 {margin:20px 0 23px}
.stream-copy > p {font-size:15px;max-width:340px}
.stream-copy strong {color:var(--ink)}
.stream-link {
  display:inline-flex;
  padding:12px 18px;
  margin-top:12px;
  border:1px solid #bdadff80;
  border-radius:6px;
  font-size:13px;
  font-weight:bold;
  color:#d1c5ff;
}
.stream-link:hover {background:#c7b7ff;color:#111422}
.stream-copy .stream-aside {font-size:11px;color:#91a5b6;margin-top:20px}
.stream-screen {
  min-width:0;
  overflow:hidden;
  border:1px solid #c7b7ff45;
  border-radius:12px;
  background:#090b18;
  box-shadow:0 14px 45px #00000030;
}
.twitch-player {
  display:block;
  width:100%;
  min-width:400px;
  min-height:300px;
  aspect-ratio:16/9;
  border:0;
  background:#090b18;
}
.twitch-player[hidden],.stream-player-note[hidden]{display:none}
.stream-player-note {
  padding:55px 35px;
  min-height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:15px;
  color:#c3c1dc;
}
.stream-underbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding:13px 18px;
  border-top:1px solid var(--line);
  font-size:10px;
  font-weight:bold;
  letter-spacing:1.2px;
  color:#c5baff;
}
.stream-underbar a:hover {text-decoration:underline}
.stream-indicator {
  display:inline-block;
  height:7px;width:7px;border-radius:100%;
  background:#c7b7ff;margin-right:7px;
}
@media(max-width:850px) {
  .stream-grid {grid-template-columns:minmax(0,1fr);gap:28px}
  .stream-copy > p {max-width:590px}
  nav {flex-wrap:wrap}
}
@media(max-width:459px) {
  /* Twitch requires its video player to be at least 400px wide. */
  .stream-player-note {min-height:180px;padding:30px 20px}
  .stream-underbar {font-size:9px}
}


/* ================= MK website / three pillars & intersections ================ */
:root { --accent:var(--teal); --accent-tint:rgba(120,236,220,.11); }
body.pillar-medicine { --accent:#80e5db; --accent-tint:rgba(128,229,219,.10); }
body.pillar-gaming { --accent:#c7b7ff; --accent-tint:rgba(199,183,255,.12); }
body.pillar-faith { --accent:#e8d0a3; --accent-tint:rgba(232,208,163,.12); }
body { overflow-x:hidden; }
.site-header { max-width:1440px; position:relative; z-index:5; }
.site-header .brand { flex-shrink:0; }
.site-header .site-nav { display:flex; align-items:center; gap:clamp(12px,2.2vw,32px); flex-wrap:wrap; justify-content:center; }
.site-header .site-nav a { font-size:13px; font-weight:600; white-space:nowrap; transition:color .2s ease; }
.site-header .site-nav a[aria-current="page"] { color:var(--accent); }
.site-header .nav-utilities { display:flex; flex-wrap:wrap; gap:8px; }
.site-header .nav-utilities a { border:1px solid #ffffff2e; padding:7px 13px; border-radius:7px; font-size:11px; font-weight:700; letter-spacing:.5px; white-space:nowrap; }
.site-header .nav-utilities a:hover { border-color:var(--teal); }
.site-header .nav-utilities a.utility-twitch { color:#d2c6ff; }
.site-header .nav-utilities a.utility-discord { color:#a5d1ff; }
.site-header .mark { line-height:1.6; }
.pillars-home { border-top:1px solid var(--line); }
.pillars-home .section-top { align-items:center; }
.pillar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.pillar-card { display:flex; flex-direction:column; min-height:285px; border:1px solid var(--line); border-radius:15px; padding:28px; background:linear-gradient(145deg,#132638,#0d1928); transition:transform .2s ease,border-color .2s ease; }
.pillar-card:hover { transform:translateY(-3px); border-color:var(--teal); }
.pillar-card.medicine-card { background:linear-gradient(140deg,#102d30,#0d1b28); }
.pillar-card.gaming-card { background:linear-gradient(140deg,#22233c,#111a2b); }
.pillar-card.faith-card { background:linear-gradient(140deg,#342c25,#142029); }
.pillar-card .eyebrow { opacity:.85; }
.pillar-card h3 { font-size:31px; margin:25px 0 14px; }
.pillar-card p { font-size:14px; margin:0 0 28px; }
.pillar-card .card-link { margin-top:auto; color:var(--teal); font-size:12px; font-weight:bold; letter-spacing:.35px; }
.pillar-card.gaming-card .card-link { color:#c7b7ff; }
.pillar-card.faith-card .card-link { color:#e8d0a3; }
.home-to-page { display:inline-flex; margin-top:20px; font-size:12px; font-weight:bold; color:var(--teal); }
.discord-section { background:linear-gradient(120deg,#0b1929,#171b36); border-top:1px solid #ffffff1a; border-bottom:1px solid #ffffff1a; }
.discord-panel { border:1px solid #a9adff4c; border-radius:14px; display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,360px); gap:25px; align-items:center; padding:32px; }
.discord-panel h2 { margin:10px 0 12px; }
.discord-panel p { max-width:700px; margin-bottom:16px; }
.discord-panel .discord-status { display:inline-flex; white-space:nowrap; font-size:12px; border:1px dashed #b3adff77; border-radius:999px; padding:10px 14px; color:#d1c6ff; }
.discord-art { display:flex; justify-content:center; }
.discord-art img { width:100%; max-width:320px; border-radius:16px; border:1px solid #ffffff24; box-shadow:0 20px 40px rgba(0,0,0,.35); }
.discord-art figcaption { margin-top:10px; text-align:center; font-size:12px; color:#cdd6ff; letter-spacing:.08em; text-transform:uppercase; }

.inner-main { width:100%; }
.inner-shell { padding:0 5%; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:9px; align-items:center; color:#91a7b9; font-size:11px; padding-top:36px; }
.breadcrumbs a { color:#d5e3ec; }
.breadcrumbs .sep { opacity:.5; }
.breadcrumbs span[aria-current] { color:var(--accent); }
.inner-hero { padding:50px 0 60px; position:relative; border-bottom:1px solid var(--line); overflow:clip; }
.inner-hero::after { content:""; pointer-events:none; position:absolute; top:18%; right:-8%; width:36vw; height:36vw; max-height:460px; max-width:460px; background:radial-gradient(circle,var(--accent-tint),transparent 67%); filter:blur(3px); }
.inner-hero .eyebrow { color:var(--accent); }
.inner-hero h1 { position:relative; z-index:1; max-width:1050px; margin:20px 0 22px; font-size:clamp(46px,6vw,78px); }
.inner-hero h1 em { color:var(--accent); }
.inner-hero .lead { position:relative; z-index:1; max-width:760px; font-size:clamp(16px,1.65vw,20px); line-height:1.65; }
.inner-hero .hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:28px; position:relative; z-index:1; }
.inner-hero .button { background:var(--accent); }
.inner-hero .outline-action { border:1px solid #ffffff50; padding:13px 20px; border-radius:6px; font-size:13px; font-weight:bold; }
.inner-hero .outline-action:hover { border-color:var(--accent); }
.inner-section { padding:75px 0; border-bottom:1px solid var(--line); }
.inner-section h2 { margin:14px 0 24px; }
.inner-section > p, .inner-section .section-intro { max-width:800px; }
.section-eyebrow { color:var(--accent); letter-spacing:2px; font-size:10px; font-weight:bold; }
.story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.story-card { background:var(--panel); border:1px solid var(--line); border-radius:13px; padding:29px; }
.story-card h3 { font-size:25px; margin:13px 0; }
.story-card p { margin:0; font-size:14px; }
.story-card .meta { color:var(--accent); font-size:10px; letter-spacing:1.4px; font-weight:bold; }
.story-card a.inline-link { display:inline-block; color:var(--accent); margin-top:16px; font-size:12px; font-weight:bold; }
.connection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:35px; }
.connection-card { padding:31px; border-radius:15px; background:linear-gradient(120deg,var(--accent-tint),#132232); border:1px solid #ffffff24; display:flex; flex-direction:column; min-height:255px; }
.connection-card .route-tag { color:var(--accent); font-size:10px; letter-spacing:1.4px; font-weight:bold; }
.connection-card h3 { font-size:27px; line-height:1.18; margin:20px 0; }
.connection-card p { font-size:13px; margin:0 0 24px; }
.connection-card a { margin-top:auto; color:var(--accent); font-size:12px; font-weight:bold; }
.degree-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.degree-card { padding:25px; border:1px solid var(--line); border-radius:11px; background:var(--panel); display:flex; flex-direction:column; min-height:235px; }
.degree-card .degree-year { color:var(--accent); font-weight:bold; font-size:24px; }
.degree-card h3 { font-size:21px; line-height:1.3; letter-spacing:-.5px; margin:14px 0 8px; }
.degree-card p { font-size:13px; margin:0; }
.degree-card .degree-school { margin-top:auto; padding-top:19px; font-size:12px; color:#c0ccda; }
.degree-card.future { border:1px dashed #7b92a2; background:linear-gradient(125deg,#111d2a,#162329); }
.degree-card.future .degree-year { color:#bccbd4; }
.story-wide { padding:35px; background:var(--accent-tint); border:1px solid #ffffff1c; border-radius:13px; }
.story-wide p { max-width:900px; }
.study-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.study-link { display:block; border-radius:13px; border:1px solid var(--line); background:var(--panel); padding:27px; }
.study-link h3 { font-size:26px; margin:12px 0; }
.study-link p { font-size:13px; }
.study-link .card-link { color:var(--accent); font-size:12px; font-weight:bold; }
.forthcoming { border:1px dashed #ffffff45; background:#0b1925; border-radius:12px; padding:24px 27px; }
.forthcoming .edit-label { font-size:10px; letter-spacing:1.6px; color:var(--accent); font-weight:bold; }
.forthcoming h3 { margin:10px 0 9px; font-size:24px; }
.forthcoming p { font-size:14px; margin:0; }

/* Each intersection has its own URL, point of view and final destination CTA. */
.direction { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:34px; }
.direction .node { background:#ffffff0e; border:1px solid #ffffff2e; border-radius:9px; padding:11px 18px; font-size:12px; font-weight:bold; }
.direction .arrow { color:var(--accent); font-size:24px; }
.direction .node:last-child { background:var(--accent-tint); border-color:var(--accent); }
.editorial-note { margin:18px 0 0; color:#8fa6b9; font-size:12px; }
.reflection-stack { display:grid; gap:18px; margin:30px 0; }
.reflection-row { background:#101f2c; border:1px solid var(--line); border-radius:12px; padding:28px; display:grid; grid-template-columns:65px minmax(0,1fr); gap:16px; align-items:start; }
.reflection-row .number { color:var(--accent); font-size:12px; font-weight:bold; }
.reflection-row h2 { font-size:26px; margin:0 0 13px; }
.reflection-row p { font-size:14px; max-width:740px; margin:0; }
.cross-route { font-size:12px; color:#9ab1c1; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.cross-route a { color:var(--accent); font-weight:bold; }
.destination-banner { margin:50px 0 75px; padding:40px; background:linear-gradient(115deg,var(--accent-tint),#172537); border:1px solid #ffffff2c; border-radius:17px; }
.destination-banner h2 { font-size:clamp(29px,3.7vw,45px); margin:17px 0; }
.destination-banner p { max-width:650px; font-size:15px; }
.destination-banner .button { background:var(--accent); margin-top:12px; }
.destination-banner .button:hover { color:#09121d; }
.site-footer-nav { display:flex; flex-wrap:wrap; gap:15px; margin-top:8px; }
.site-footer-nav a { color:#c5d5df; font-size:11px; }
.site-footer-nav a:hover { color:var(--accent); }
.footer-copy { display:flex; flex-direction:column; gap:4px; }
@media(max-width:1100px) {
  .site-header { flex-wrap:wrap; justify-content:center; }
  .site-header .brand { margin-right:auto; }
  .site-header .nav-utilities { margin-left:auto; }
  .site-header .site-nav { width:100%; order:3; justify-content:flex-start; }
}
@media(max-width:850px) {
  .pillar-grid,.degree-grid { grid-template-columns:1fr; }
  .pillar-card { min-height:215px; }
  .story-grid,.connection-grid,.study-links { grid-template-columns:1fr; }
  .inner-shell { padding:0 6%; }
  .inner-hero { padding:38px 0 45px; }
  .inner-section { padding:52px 0; }
  .discord-panel { grid-template-columns:1fr; padding:25px; }
  .discord-panel .discord-status { white-space:normal; }
  .discord-art img { max-width:260px; margin:0 auto; }
  .reflection-row { grid-template-columns:1fr; gap:7px; }
  .destination-banner { padding:28px; }
}
@media(max-width:520px) {
  .site-header .brand { width:100%; }
  .site-header .nav-utilities { margin-left:0; width:100%; }
  .site-header .site-nav { gap:14px 22px; }
  .site-header .site-nav a { font-size:12px; }
  .inner-hero h1 { font-size:clamp(40px,11vw,59px); }
  .breadcrumbs { padding-top:23px; }
  .direction { gap:9px; }
  .direction .node { padding:9px 13px; }
  .degree-card { min-height:185px; }
  .hero-actions .button,.hero-actions .outline-action { width:100%; justify-content:center; }
}

/* =============== MK ARCADE / TOXICITY INVADERS =============== */
.intersection-arcade-hero h1 {max-width:1100px}
.intersection-arcade-hero em,.arcade-section h2 em {color:#c7b7ff}
.arcade-values,.arcade-scripture-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.arcade-value,.arcade-scripture {border:1px solid #ffffff22;border-radius:12px;padding:27px;background:linear-gradient(150deg,#171e34,#101927)}
.arcade-value .meta,.arcade-scripture .meta {color:#c7b7ff;font-size:10px;font-weight:bold;letter-spacing:1.6px}
.arcade-value h3,.arcade-scripture h3 {font-size:24px;line-height:1.2;margin:18px 0 12px}
.arcade-value p,.arcade-scripture p {font-size:14px;margin:0}
.arcade-scripture {background:linear-gradient(150deg,#19243a,#122028)}
.arcade-section-heading {display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}
.arcade-section-heading h2 {margin-bottom:13px}
.arcade-section-heading .section-intro {margin-bottom:0}
.arcade-chip {white-space:nowrap;display:inline-flex;border:1px solid #c7b7ff70;color:#dfd3ff;font-size:10px;letter-spacing:1.3px;padding:9px 13px;border-radius:999px}
.arcade-machine {border:1px solid #b4a0e775;background:linear-gradient(145deg,#151d31,#0c1625);border-radius:17px;padding:20px;box-shadow:0 12px 55px #0006,inset 0 0 55px #c7b7ff08}
.arcade-topline {display:flex;justify-content:space-between;align-items:center;color:#c7b7ff;font-size:10px;font-weight:bold;letter-spacing:1.8px;padding:2px 5px 18px;gap:12px}
.arcade-live-dot {display:inline-block;width:8px;height:8px;margin-right:9px;background:#78ecdc;border-radius:50%;box-shadow:0 0 10px #78ecdc85}
.arcade-scoreboard {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}
.arcade-scoreboard>div {background:#090f1f;border:1px solid #ffffff1a;padding:11px 13px;border-radius:8px;min-width:0}
.arcade-stat-label {display:block;color:#9baac4;letter-spacing:1px;font-size:9px;font-weight:bold}
.arcade-scoreboard strong {display:block;color:#eef0ff;font-size:clamp(15px,2.4vw,24px);letter-spacing:1.1px;font-variant-numeric:tabular-nums;line-height:1.5}
.arcade-screen {position:relative;overflow:hidden;border:1px solid #8e84bd6e;border-radius:10px;background:#060d1b;box-shadow:inset 0 0 35px #7bd3e30a}
#toxicity-game {display:block;width:100%;height:auto;aspect-ratio:880/500;touch-action:none}
.arcade-controls-bar {display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:17px}
.arcade-controls-bar button,.arcade-touch-controls button {font-family:inherit;cursor:pointer;border:1px solid #c7b7ff65;border-radius:8px;padding:11px 18px;font-size:12px;font-weight:bold;letter-spacing:.6px;transition:background .15s,border-color .15s}
.arcade-controls-bar button:disabled {opacity:.4;cursor:not-allowed}
.arcade-controls-bar .arcade-primary {background:#c7b7ff;color:#17132c;border-color:#c7b7ff}
.arcade-controls-bar .arcade-primary:hover {background:#e0d8ff}
.arcade-controls-bar .arcade-secondary {background:#191f37;color:#e8ddff}
.arcade-controls-bar .arcade-secondary:not(:disabled):hover {background:#2a3050}
.arcade-keyboard-help {margin-left:auto;font-size:10px;color:#a9b8d0;line-height:1.5}
.arcade-touch-controls {display:flex;justify-content:center;gap:12px;margin-top:13px}
.arcade-touch-controls button {min-height:50px;min-width:110px;touch-action:none;user-select:none;-webkit-user-select:none;background:#222743;color:#e4dbff}
.arcade-touch-controls button:nth-child(2) {background:#123c45;border-color:#78ecdc9c;color:#98f2e7;flex:1;max-width:230px}
.arcade-touch-controls button:active,.arcade-touch-controls button.is-held {background:#c7b7ff;color:#11152b}
.arcade-touch-controls button:nth-child(2):active,.arcade-touch-controls button:nth-child(2).is-held {background:#78ecdc;color:#071925}
.arcade-announcement {color:#dcd9ff;text-align:center;font-weight:600;font-size:13px;margin:20px 5px 7px}
.arcade-disclaimer {color:#9baac4;font-size:11px;text-align:center;margin:0 auto;max-width:690px;line-height:1.65}
@media(max-width:870px) { .arcade-values,.arcade-scripture-grid {grid-template-columns:1fr;gap:12px}.arcade-value,.arcade-scripture {padding:22px}.arcade-section-heading{align-items:flex-start;flex-direction:column}.arcade-keyboard-help{width:100%;margin:0}.arcade-machine{padding:12px} }
@media(max-width:520px) { .arcade-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-touch-controls{gap:7px}.arcade-touch-controls button{min-width:0;flex:1;padding:12px 4px;font-size:11px}.arcade-topline{font-size:8px;letter-spacing:1px}.arcade-section-heading h2{font-size:34px}.arcade-stat-label{font-size:8px} }
@media(prefers-reduced-motion:reduce) { .arcade-controls-bar button,.arcade-touch-controls button{transition:none} }

.arcade-overlay {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;background:#07101fc8;z-index:1;pointer-events:none}
.arcade-overlay[hidden] {display:none}
.arcade-overlay-card {background:#121d32ee;border:1px solid #c7b7ff85;border-radius:12px;padding:clamp(10px,2.5vw,28px);text-align:center;max-width:90%;box-shadow:0 12px 35px #0007}
.arcade-overlay-card > span {display:block;font-size:clamp(8px,.95vw,12px);letter-spacing:2px;font-weight:bold;color:#c7b7ff}
.arcade-overlay-card h3 {font-size:clamp(16px,3vw,32px);letter-spacing:-.5px;margin:10px 0 6px;line-height:1.15;color:#f1f4ff}
.arcade-overlay-card p {font-size:clamp(9px,1.5vw,15px);margin:4px 0 9px;color:#c1cede;line-height:1.4}
.arcade-overlay-card strong {display:block;font-size:clamp(8px,1.15vw,13px);color:#78ecdc;letter-spacing:.4px}
@media(max-width:520px) { .arcade-overlay-card{padding:11px}.arcade-overlay-card h3{margin:5px 0 4px}.arcade-overlay-card p{margin:3px 0 5px} }

/* TOXICITY INVADERS V2 · Endless survival and locally ranked leaderboard */
.arcade-scoreboard {grid-template-columns:repeat(5,minmax(0,1fr))}
.arcade-scoreboard #ti-shields {font-size:clamp(12px,1.65vw,17px);color:#78ecdc;white-space:nowrap}
.arcade-scoreboard #ti-shields.ti-danger {color:#ff819a}
.ti-arcade-intro {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 16px;padding:13px 16px;border:1px solid #c7b7ff38;border-radius:10px;background:#0a1425}
.ti-arcade-intro p {margin:0;color:#cbd2eb;font-size:12px;line-height:1.55}
.ti-survival-pill {display:inline-flex;align-items:center;gap:7px;flex-shrink:0;border:1px solid #fd93a16b;background:#fa6f911b;color:#ffc9d2;padding:6px 11px;border-radius:999px;font-size:10px;font-weight:bold;letter-spacing:1px}
.ti-player-setup {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;padding:15px 17px;border:1px solid #c7b7ff33;border-radius:10px;background:#0b1427}
.ti-player-setup label {font-weight:bold;font-size:11px;letter-spacing:1px;color:#b8b6e1}
#ti-player-name {min-width:130px;width:180px;max-width:100%;border:1px solid #c7b7ff88;border-radius:8px;background:#121e33;color:#faf8ff;padding:11px 13px;font:600 13px Arial,sans-serif;outline-offset:3px}
#ti-player-name:disabled {opacity:.55}
.ti-player-setup small {flex:1;min-width:180px;color:#9caac7;font-size:11px;line-height:1.4}
.ti-leaderboard {margin-top:24px;border:1px solid #c7b7ff40;background:linear-gradient(145deg,#141d33,#0d1628);border-radius:13px;padding:21px}
.ti-leaderboard-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}
.ti-leaderboard-heading h3 {font-size:25px;line-height:1.25;margin:7px 0 4px;color:#f3f2ff}
.ti-leaderboard-heading p {margin:0;font-size:11px;color:#acb8cd}
.ti-leaderboard-heading button {margin-top:6px;border:1px solid #ffffff4a;background:#1b2940;color:#d5d6e7;padding:8px 11px;border-radius:7px;font-size:10px;white-space:nowrap}
.ti-leaderboard-heading button:hover {border-color:#c7b7ff;color:white}
.ti-leaderboard-list {list-style:none;display:grid;gap:6px;padding:0;margin:0}
.ti-leaderboard-row {display:grid;grid-template-columns:40px minmax(110px,1fr) minmax(135px,.9fr) 92px;gap:9px;align-items:center;border:1px solid #ffffff16;border-radius:9px;padding:11px 13px;background:#070e1e}
.ti-leaderboard-row:first-child {border-color:#d4bd7680;background:#d4bd760f}
.ti-leaderboard-row.ti-latest-run {border-color:#78ecdc8a;box-shadow:inset 3px 0 #78ecdc}
.ti-rank {font-size:14px;color:#d5bb82;font-weight:bold;font-family:monospace}
.ti-leaderboard-player {color:#eef4ff;font-weight:bold;font-size:13px;overflow-wrap:anywhere}
.ti-leaderboard-details {color:#a8afc8;font-size:11px;font-family:monospace}
.ti-leaderboard-score {text-align:right;color:#8aeee3;letter-spacing:1px;font-variant-numeric:tabular-nums;font:700 15px monospace}
.ti-leaderboard-empty {padding:25px 16px;border:1px dashed #c7b7ff50;border-radius:10px;color:#bcb7d3;text-align:center;font-size:12px}
.ti-ranked-note {margin:13px 0 0;font-size:11px;color:#aeb9cc;line-height:1.55}
@media(max-width:850px) { .arcade-scoreboard {grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:520px) { .arcade-scoreboard {grid-template-columns:repeat(2,minmax(0,1fr))} .ti-leaderboard {padding:14px} .ti-leaderboard-row {grid-template-columns:26px minmax(0,1fr) 76px;gap:6px;padding:10px 9px} .ti-leaderboard-details {grid-column:2;grid-row:2;font-size:10px} .ti-leaderboard-score {grid-column:3;grid-row:1 / span 2;font-size:13px} .ti-leaderboard-heading {flex-wrap:wrap} .ti-player-setup{padding:12px} .ti-player-setup small{min-width:0} }


/* === MK STICKY HEADER + PILLAR SUBPAGE DROPDOWNS (2026-10-19) === */
/* Use clip, not hidden, on the body; hidden can stop position:sticky working. */
body { overflow-x:clip; }
html { scroll-padding-top:clamp(110px, 13vw, 180px); }
.site-header {
  position:sticky;
  top:0;
  z-index:1000;
  isolation:isolate;
  background:rgba(9,18,29,.96);
  border-bottom:1px solid rgba(120,236,220,.22);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:0 8px 24px #02091665;
  padding-top:14px;
  padding-bottom:14px;
}
.site-header .site-nav { overflow:visible; }
.site-header .nav-group { position:relative; display:flex; align-items:center; gap:2px; flex:0 0 auto; }
.site-header .nav-parent { display:inline-flex; align-items:center; padding:7px 0; }
.site-header .nav-caret {
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:34px; flex:0 0 30px;
  margin:0 0 0 1px; padding:0;
  border:0; border-radius:7px;
  color:var(--muted); background:transparent;
  font-family:inherit; font-size:19px; font-weight:700; line-height:1;
  cursor:pointer; transition:color .18s,background .18s,transform .18s;
}
.site-header .nav-caret:hover,.site-header .nav-caret:focus-visible,
.site-header .nav-group.is-open .nav-caret { color:var(--teal); background:rgba(120,236,220,.11); }
.site-header .nav-caret span { display:block; transition:transform .2s; transform:translateY(-2px); }
.site-header .nav-group.is-open .nav-caret span,
.site-header .nav-group:focus-within .nav-caret span { transform:translateY(-2px) rotate(180deg); }
.site-header .nav-dropdown {
  display:none; position:absolute; top:100%; left:-16px;
  min-width:255px; width:max-content; max-width:min(310px,calc(100vw - 24px));
  padding:10px; margin-top:5px;
  background:#132333; border:1px solid #78ecdc60; border-radius:12px;
  box-shadow:0 18px 42px #000a; z-index:1100;
  white-space:normal;
}
.site-header .nav-dropdown::before { content:""; position:absolute; inset:-11px 0 auto; height:11px; }
.site-header .nav-group:last-child .nav-dropdown { left:auto; right:-5px; }
.site-header .nav-group.is-open .nav-dropdown { display:grid; gap:2px; }
@media(hover:hover) and (pointer:fine) {
  .site-header .nav-group:not(.nav-esc-close):hover .nav-dropdown { display:grid; gap:2px; }
  .site-header .nav-group:hover .nav-caret { color:var(--teal); }
}
.site-header .site-nav .nav-dropdown a {
  display:flex; flex-direction:column; align-items:flex-start; gap:2px;
  padding:10px 12px; min-height:42px; border-radius:8px;
  font-size:12px; line-height:1.35; font-weight:700;
  color:var(--ink); white-space:normal;
}
.site-header .site-nav .nav-dropdown a span {
  display:block; color:var(--muted); font-size:10px; font-weight:400; line-height:1.4;
}
.site-header .site-nav .nav-dropdown a:hover,
.site-header .site-nav .nav-dropdown a:focus-visible,
.site-header .site-nav .nav-dropdown a[aria-current="page"] {
  background:rgba(120,236,220,.12); color:var(--teal);
}
.site-header .site-nav .nav-dropdown .nav-overview { position:relative; border-bottom:1px solid #ffffff23; border-radius:7px 7px 0 0; margin-bottom:5px; padding-bottom:12px; padding-right:28px; }
.site-header .site-nav .nav-dropdown .nav-overview::after { content:"↗"; color:var(--teal); position:absolute; right:12px; top:10px; }
@media(max-width:1100px) {
  .site-header { padding-top:12px; padding-bottom:12px; }
  .site-header .site-nav { order:3; }
}
@media(max-width:650px) {
  .site-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 8px; padding:9px 4%; }
  .site-header .brand { grid-column:1; grid-row:1; min-width:0; width:auto; margin:0; font-size:10px; letter-spacing:.45px; gap:7px; }
  .site-header .mark { font-size:18px; padding:0 6px; }
  .site-header .nav-utilities { grid-column:2; grid-row:1; justify-content:flex-end; align-items:center; gap:5px; width:auto; margin:0; flex-wrap:nowrap; }
  .site-header .nav-utilities a { font-size:9px; padding:4px 6px; letter-spacing:0; }
  .site-header .site-nav { grid-column:1 / -1; grid-row:2; display:flex; order:initial; width:100%; justify-content:space-between; flex-wrap:nowrap; gap:3px; }
  .site-header .site-nav .nav-parent { font-size:clamp(11px,2.7vw,13px); padding:6px 0; }
  .site-header .nav-group { gap:0; }
  .site-header .nav-caret { flex-basis:24px; width:24px; height:29px; font-size:16px; margin:0; }
  .site-header .nav-dropdown { left:-4px; }
  .site-header .nav-group:nth-child(2) .nav-dropdown { left:50%; transform:translateX(-50%); }
  .site-header .nav-group:last-child .nav-dropdown { left:auto; right:-3px; transform:none; }
  .site-header .nav-dropdown { max-width:calc(100vw - 18px); min-width:min(250px,calc(100vw - 18px)); }
  html { scroll-padding-top:125px; }
}
@media(max-width:385px) {
  .site-header .nav-utilities a.utility-twitch { font-size:0; }
  .site-header .nav-utilities a.utility-twitch::after { content:"Twitch ↗"; font-size:10px; }
  .site-header .brand { font-size:0; }
  .site-header .brand::after { content:"MK"; font-size:10px; letter-spacing:1px; }
}
@media(prefers-reduced-motion:reduce) {
  .site-header .nav-caret span,.site-header .nav-caret { transition:none; }
}

/* ============================================================
   MK CONVERSION & DISCOVERY REDESIGN (2026-10-22)
   Appended after the preserved styles for the in-depth pages.
   ============================================================ */
:root { --mk-max:1160px; }
body { overflow-x:clip; }
html {scroll-padding-top:116px;}
body.mk-home,body.mk-custom-page {color:var(--ink);}
.site-header.mk-sticky-header {
  max-width:none; width:100%; margin:0; padding:12px max(4%,calc((100vw - 1330px)/2));
  min-height:76px; align-items:center; gap:22px; display:flex; justify-content:space-between;
  position:sticky; top:0; z-index:1200; background:rgba(7,16,28,.97);
}
.mk-sticky-header .brand {min-width:190px; gap:10px; font-size:14px; letter-spacing:.3px;}
.mk-sticky-header .brand > span:last-child {display:grid; line-height:1.25;}
.mk-sticky-header .brand small {color:var(--muted);font-size:9px;letter-spacing:.6px;}
.mk-sticky-header .mk-nav {display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; gap:clamp(9px,1.7vw,25px); width:auto; order:0; color:#d0e0ec;}
.mk-sticky-header .mk-nav a {font-size:13px; font-weight:700; white-space:nowrap;}
.mk-sticky-header .mk-nav > a {padding:10px 0;}
.mk-sticky-header .mk-nav a:hover,.mk-sticky-header .mk-nav a:focus-visible {color:var(--teal);}
.mk-navgroup {position:relative; display:flex; align-items:center; gap:1px; flex:0 0 auto;}
.mk-sticky-header .mk-nav-caret {cursor:pointer; border:0; background:transparent; color:#abc4d6; padding:5px 3px; border-radius:6px; font:700 18px Arial,sans-serif; transition:background .15s,color .15s;}
.mk-sticky-header .mk-nav-caret:hover,.mk-sticky-header .mk-nav-caret:focus-visible,.mk-navgroup.is-open .mk-nav-caret {background:#78ecdc18;color:var(--teal);}
.mk-navdrop {display:none; position:absolute; top:calc(100% + 10px); left:-14px; width:260px; z-index:1300; background:#14263a; border:1px solid #78ecdc59; border-radius:12px; padding:10px; box-shadow:0 16px 36px #0009;}
.mk-navdrop::before {content:""; position:absolute;top:-13px;left:0;width:100%;height:13px;}
.mk-navgroup.is-open .mk-navdrop {display:grid;gap:2px;}
@media(hover:hover) and (pointer:fine) {.mk-navgroup:not(.nav-esc-close):hover .mk-navdrop {display:grid;gap:2px;}}
.mk-sticky-header .mk-nav .mk-navdrop a {white-space:normal; line-height:1.4; font-size:12px; display:block; padding:11px; border-radius:7px;}
.mk-navdrop a:hover,.mk-navdrop a:focus-visible {background:#78ecdc1a;}
.mk-sticky-header .mk-navgroup:last-of-type .mk-navdrop {right:-30px;left:auto;}
.mk-homepage,.mk-inner-page {max-width:var(--mk-max); margin:0 auto; padding:0 28px 85px;}
.mk-homepage .eyebrow,.mk-inner-page .eyebrow {letter-spacing:1.8px;}
.mk-homepage em,.mk-inner-page em,.mk-inner-convert em {color:var(--teal);font-style:normal;}
.mk-homepage h2,.mk-inner-page h2,.mk-inner-convert h2 {font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;line-height:1.13;}
.mk-homepage p,.mk-inner-page p {line-height:1.65;}
.mk-home-hero {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.89fr);gap:45px;align-items:center;padding:72px 0 68px;}
.mk-hero-copy h1 {font-size:clamp(39px,4.8vw,67px);line-height:1.095;letter-spacing:-2.6px;margin:20px 0 22px;max-width:690px;}
.hero-dash {color:#8da2b2;}
.mk-home-hero .mk-subhead {font-size:23px;letter-spacing:.5px;color:#d4e5ef;font-weight:700;margin:0 0 24px;}
.mk-hero-micro {display:block;font-size:12px;margin-top:20px;color:#899fac;line-height:1.6;}
.mk-hero-art {position:relative;min-width:0;}
.mk-hero-art img {display:block;width:100%;height:clamp(280px,33vw,410px);object-fit:cover;border:1px solid #78ecdc56;border-radius:20px;box-shadow:0 20px 70px #001020,0 0 40px #78ecdc0d;}
.mk-art-pill {position:absolute;bottom:16px;left:16px;background:#061423df;border:1px solid #ffffff2e;color:#defbf6;font-size:10px;letter-spacing:1.3px;padding:9px 13px;border-radius:7px;}
.mk-actions {display:flex;gap:11px;flex-wrap:wrap;align-items:center;}
.mk-btn {min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;white-space:nowrap;border-radius:8px;font-size:13px;font-weight:800;letter-spacing:0;transition:transform .18s,background .18s,border-color .18s;}
.mk-btn:hover {transform:translateY(-2px);}
.mk-btn-primary {background:#78ecdc;color:#071523;}
.mk-btn-primary:hover {color:#071523;background:#e4fffa;}
.mk-btn-outline {border:1px solid #c6baff80;color:#eee9ff;background:#c7b7ff12;}
.mk-btn-outline:hover {color:#fff;border-color:#cfbfff;background:#c7b7ff26;}
.mk-btn-discord {background:#6674dd;color:white;border:1px solid #8e9bff;}
.mk-btn-discord:hover {background:#7886ed;color:white;}
.mk-btn-discord.is-pending {background:#313c63;border-style:dashed;border-color:#8195ba;color:#e3eaff;}
.mk-block {padding:70px 0;border-top:1px solid #ffffff1a;}
.mk-section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:24px;}
.mk-section-heading h2 {margin:12px 0 0;}
.mk-text-link {font-size:13px;font-weight:800;color:var(--teal);display:inline-flex;gap:5px;align-items:center;}
.mk-text-link:hover {color:white;}
.mk-schedule-panel {border:1px solid #78ecdc48;border-radius:14px;background:linear-gradient(110deg,#102836,#111d30);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:25px;}
.mk-schedule-panel strong {font-size:17px;}
.mk-schedule-panel p {font-size:14px;margin:4px 0 0;max-width:740px;}
.mk-schedule-chip {font-size:10px;color:#b7d9ea;border:1px solid #81b0bb52;padding:8px 10px;border-radius:20px;letter-spacing:.8px;white-space:nowrap;}
.mk-live-tag {color:#cabafc;font-size:12px;font-weight:bold;}
.mk-live-tag span {color:#ff6d99;}
.mk-live-player {position:relative;aspect-ratio:16/9;width:100%;max-width:100%;border-radius:17px;border:1px solid #89b7cb6b;background:linear-gradient(130deg,#151e31,#070d1b);overflow:hidden;}
.mk-twitch-iframe {width:100%;height:100%;display:block;border:0;}
.mk-twitch-fallback {position:absolute;inset:0;display:grid;align-content:center;justify-items:center;text-align:center;padding:26px;}
.mk-twitch-fallback[hidden] {display:none;}
.mk-twitch-fallback p {max-width:500px;}
.mk-caption {font-size:12px;color:#d6e5f0;margin:15px 0 16px;}
.mk-caption span {color:#8299ac;}
.mk-under-live {margin-top:14px;}
.mk-pillar-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.mk-pillar-card {min-width:0;display:flex;flex-direction:column;align-items:flex-start;background:#0e2230;border:1px solid #ffffff24;border-radius:14px;padding:25px 22px;min-height:245px;transition:transform .18s,border-color .18s;}
.mk-pillar-card:hover {color:inherit;transform:translateY(-3px);border-color:#78ecdc9e;}
.mk-pillar-card h3 {font-size:30px;line-height:1.1;letter-spacing:-1.1px;margin:21px 0 10px;}
.mk-pillar-card p {font-size:14px;margin:0 0 21px;line-height:1.6;}
.mk-card-link {color:var(--teal);font-size:13px;font-weight:800;margin-top:auto;}
.mk-medicine {background:linear-gradient(130deg,#123538,#0d2230);}
.mk-gaming {background:linear-gradient(130deg,#292642,#121d31);}
.mk-faith {background:linear-gradient(130deg,#352c24,#15242d);}
.mk-community-home {display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:58px;align-items:center;}
.mk-community-home h2 {margin:18px 0;max-width:650px;}
.mk-community-copy p {max-width:660px;font-size:16px;}
.mk-community-home .mk-actions {margin-top:25px;}
.mk-poster {width:100%;max-width:290px;justify-self:center;display:block;border:1px solid #d8c3a965;border-radius:8px;box-shadow:0 20px 50px #0007;}
.mk-map-teaser {display:flex;align-items:center;justify-content:space-between;gap:25px;background:radial-gradient(ellipse at right,#78ecdc15,transparent 60%);}
.mk-map-teaser h2 {margin:15px 0 9px;}
.mk-map-teaser p {margin:0;font-size:14px;}
.mk-final-cta {text-align:center;}
.mk-final-cta h2 {margin:15px auto;max-width:780px;}
.mk-final-cta p {margin:0 auto 26px;}
.mk-final-cta .mk-actions {justify-content:center;}
.mk-inner-page .mk-community-hero {display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:65px;padding:65px 0 55px;}
.mk-inner-page h1 {font-size:clamp(43px,5.5vw,69px);line-height:1.1;letter-spacing:-2.5px;margin:20px 0 24px;}
.mk-inner-page .mk-community-hero .mk-actions {margin-top:25px;}
.mk-inner-page .mk-block > h2 {margin:15px 0 25px;}
.mk-readable {max-width:820px;}
.mk-readable p {font-size:17px;line-height:1.8;}
.mk-invite-block {border:1px solid #78ecdc42;background:#78ecdc0b;padding:45px;border-radius:15px;}
.mk-invite-block .mk-invite-status {font-size:13px;color:#bec9ee;}
.mk-page-intro {padding:64px 0 50px;}
.mk-page-intro p {font-size:18px;max-width:790px;}
.mk-page-intro h1 {margin-bottom:18px;}
.mk-map-frame {position:relative;border:1px solid #ffffff32;border-radius:14px;overflow:hidden;background:#0c1d2e;}
#mk-map {height:470px;width:100%;position:relative;z-index:1;}
#map-message {position:absolute;inset:0;display:flex;justify-content:center;align-items:center;text-align:center;background:#112b39;padding:35px;color:#e3f7f2;z-index:2;}
#map-message[hidden] {display:none;}
.mk-map-locations {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;}
.mk-location {cursor:pointer;text-align:left;color:#fff;background:#122538;border:1px solid #ffffff35;border-radius:10px;padding:18px 20px;display:grid;gap:7px;}
.mk-location:hover,.mk-location.is-active,.mk-location:focus-visible {border-color:#78ecdc;}
.mk-location strong {font-size:15px;}
.mk-location span {font-size:12px;line-height:1.55;color:#acc2cf;}
.mk-inner-convert {margin-top:65px;padding:50px 0;border-top:1px solid #78ecdc44;border-bottom:1px solid #78ecdc30;background:#0d202b;}
.mk-inner-convert .inner-shell {max-width:1160px;margin:0 auto;}
.mk-inner-convert h2 {margin:17px 0;}
.mk-inner-convert p {margin:0 0 20px;}
.mk-footer {max-width:1440px;margin:0 auto;}
@media(max-width:1150px) {
 .site-header.mk-sticky-header {gap:10px;padding:10px 3%;flex-wrap:wrap;}
 .mk-sticky-header .brand {min-width:0;}
 .mk-sticky-header .mk-nav {order:2;justify-content:space-between;gap:14px;width:100%;}
}
@media(max-width:800px) {
 .mk-homepage,.mk-inner-page {padding-left:20px;padding-right:20px;}
 .mk-home-hero {grid-template-columns:1fr;gap:22px;padding-top:47px;}
 .mk-hero-copy h1 {font-size:clamp(39px,7vw,62px);}
 .mk-hero-art img {height:350px;}
 .mk-pillar-grid {grid-template-columns:1fr;}
 .mk-pillar-card {min-height:190px;}
 .mk-community-home,.mk-inner-page .mk-community-hero {grid-template-columns:1fr;gap:30px;}
 .mk-poster {max-width:240px;justify-self:start;}
 .mk-map-locations {grid-template-columns:1fr;}
 .mk-block {padding:52px 0;}
}
@media(max-width:620px) {
 .site-header.mk-sticky-header {display:block;padding:8px 12px 7px;}
 .mk-sticky-header .brand {margin:0 0 7px;width:auto;display:flex;font-size:11px;}
 .mk-sticky-header .brand::after {content:none;}
 .mk-sticky-header .brand small {font-size:8px;}
 .mk-sticky-header .mk-nav {display:flex;width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;gap:17px;padding:2px 1px 8px;scrollbar-width:thin;scrollbar-color:#78ecdc55 transparent;}
 .mk-sticky-header .mk-nav > a,.mk-sticky-header .mk-nav .mk-nav-link {font-size:12px;padding:5px 0;}
 /* On phones, keep dropdowns visible outside the scrolling nav by opening a fixed popover. */
 .mk-navgroup {position:static;}
 .mk-sticky-header .mk-nav-caret {font-size:15px;}
 .mk-navdrop,.mk-sticky-header .mk-navgroup:last-of-type .mk-navdrop {position:fixed;top:100px;left:12px;right:12px;max-width:calc(100vw - 24px);width:auto;max-height:55vh;overflow:auto;}
 .mk-section-heading {align-items:flex-start;flex-direction:column;gap:8px;}
 .mk-home-hero .mk-subhead {font-size:19px;}
 .mk-hero-art img {height:280px;}
 .mk-actions .mk-btn {width:100%;}
 .mk-hero-copy h1 {font-size:clamp(35px,9.2vw,47px);}
 .mk-schedule-panel {align-items:flex-start;flex-direction:column;gap:10px;padding:19px;}
 .mk-map-teaser {align-items:flex-start;flex-direction:column;}
 .mk-invite-block {padding:24px;}
 .mk-community-home .mk-poster {justify-self:center;}
 #mk-map {height:370px;}
}
@media(prefers-reduced-motion:reduce){.mk-btn,.mk-pillar-card {transition:none;}html {scroll-behavior:auto;}}

/* Hidden iframe must not override the browser hidden attribute. */
.mk-twitch-iframe[hidden]{display:none!important;}

/* 10/22: Responsive art sizing, future adult portrait slot, and true Twitch embed sizing. */
img { max-width:100%; height:auto; }
.mk-adult-portrait { position:relative; min-width:0; }
.mk-adult-portrait .mk-adult-avatar { display:block; width:100%; height:auto; max-height:520px; aspect-ratio:16/10; object-fit:contain; object-position:center; border-radius:20px; background:#081929; border:1px solid #78ecdc56; box-shadow:0 20px 70px #001020,0 0 40px #78ecdc0d; }
.mk-adult-portrait .mk-adult-avatar[hidden] { display:none !important; }
.mk-avatar-fallback { min-height:330px; aspect-ratio:16/10; border:1px solid #78ecdc64; border-radius:20px; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; position:relative; background:radial-gradient(circle at 75% 21%,#273c75 0,transparent 38%), radial-gradient(circle at 23% 87%,#1b6470aa,transparent 48%),linear-gradient(135deg,#081626,#12203b); box-shadow:0 20px 70px #001020; }
.mk-avatar-fallback[hidden] {display:none!important;}
.mk-avatar-fallback:before {content:''; position:absolute; inset:24px; border:1px solid #78ecdc30; border-radius:50%; transform:rotate(-18deg) scaleX(1.4); pointer-events:none;}
.mk-avatar-orbit {font-size:34px; color:#78ecdc; text-shadow:0 0 28px #78ecdc99;}
.mk-avatar-fallback strong {font-size:clamp(86px,12vw,150px);letter-spacing:-8px;line-height:.95;color:#f8fbff;text-shadow:0 0 44px #78ecdc44;z-index:1;}
.mk-avatar-dot {color:#78ecdc;}
.mk-avatar-tagline {font-size:11px; font-weight:800; letter-spacing:2px; color:#afdcd9; z-index:1; text-align:center;}
.mk-avatar-tagline span {color:#8398b5;}
.mk-community-mark {width:min(100%,310px);justify-self:center;align-self:center;min-height:350px;aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:22px;border:1px solid #d4b8e566;border-radius:14px;background:radial-gradient(circle at 50% 20%,#372c6b,#0c2035 62%,#07151e);box-shadow:0 20px 50px #0007;color:white;}
.mk-community-mark strong {font-size:clamp(28px,3.5vw,42px);line-height:1.1;font-weight:950;letter-spacing:-1.3px;}
.mk-community-mark span:not(.mk-mark-stars){color:#bdeee7;font-size:16px;letter-spacing:3px;font-weight:900;}
.mk-community-mark small {color:#c5b5ee;font-weight:800;letter-spacing:2px;font-size:10px;}
.mk-mark-stars {color:#78ecdc;font-size:29px;letter-spacing:9px;}
.mk-inner-page .mk-community-hero .mk-community-mark {max-width:310px;}
.mk-live-player { min-height:300px; }
.mk-twitch-iframe {position:absolute;inset:0; width:100%;height:100%;}
/* Portrait assets retain their full artwork, without forced cover crops. */
.visual img,.discord-art img,.mk-poster {object-fit:contain;max-width:100%;height:auto;}
@media(max-width:800px){.mk-adult-portrait .mk-adult-avatar {max-height:420px;}.mk-avatar-fallback {min-height:250px;}.mk-community-mark{min-height:280px;max-width:260px;}.mk-live-dock{max-width:calc(100vw - 24px);}}
@media(max-width:620px){.mk-adult-portrait .mk-adult-avatar {height:auto;aspect-ratio:auto;}.mk-avatar-fallback{min-height:225px;}.mk-live-player {aspect-ratio:auto;height:300px;}.mk-avatar-fallback strong{font-size:100px;}.mk-live-dock iframe{min-height:300px;}}
/* Avoid text collisions in the temporary branded avatar slot. The image caption returns automatically with the real adult portrait. */
.mk-adult-portrait .mk-art-pill {display:none;}
.mk-adult-portrait.has-image .mk-art-pill {display:block;}
@media(max-width:620px){
 .mk-avatar-fallback {min-height:235px; gap:6px; padding:22px 12px;}
 .mk-avatar-fallback strong {font-size:82px; letter-spacing:-5px;}
 .mk-avatar-orbit {font-size:24px;}
 .mk-avatar-tagline {font-size:9px; letter-spacing:1px;}
}
.mk-avatar-fallback {width:100%;max-width:100%;}
@media(max-width:620px){.mk-avatar-fallback {width:100%;max-width:100%;aspect-ratio:auto;min-height:235px;}}

/* Official adult MK lab illustration — natural 4:3 ratio, no forced cropping. */
.mk-adult-portrait picture {display:block;max-width:100%;}
.mk-adult-portrait .mk-adult-avatar {aspect-ratio:4/3;object-fit:contain;max-height:none;height:auto;object-position:center;display:block;}
@media (max-width:800px){.mk-adult-portrait .mk-adult-avatar {max-height:none;}}
@media (max-width:620px){.mk-adult-portrait .mk-adult-avatar {aspect-ratio:4/3;height:auto;}}

/* ABOUT MK / SIDE QUESTS: intentionally secondary to the three pillars. */
.mk-sidequests-page .mk-page-intro{max-width:860px}
.mk-sidequests-page .mk-pillar-card {text-decoration:none;}
.mk-sidequest-heading {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;}
.mk-sidequest-detail>p {max-width:800px;font-size:16px;line-height:1.8;}
.mk-sidequest-detail h2 {margin:15px 0 20px;}
.mk-sidequest-empty {background:linear-gradient(105deg,#112b3c,#101e2f);border:1px dashed #8abdc255;border-radius:14px;padding:27px;display:grid;gap:8px;max-width:810px;}
.mk-sidequest-empty strong {font-size:18px;color:#ddfdf7;}
.mk-sidequest-empty span {font-size:13px;color:#a9bdca;line-height:1.6;}
.mk-places-list {display:grid;gap:11px;max-width:870px;margin:23px 0 18px;}
.mk-places-list article {display:grid;grid-template-columns:47px 1fr;gap:13px;border:1px solid #ffffff26;border-radius:12px;background:#102636;padding:20px;}
.mk-places-list article>span {color:#78ecdc;font-weight:800;font-size:12px;letter-spacing:1px;}
.mk-places-list h3 {margin:0 0 5px;font-size:19px;}
.mk-places-list p {margin:0;color:#c5d6e0;font-size:14px;}
.mk-sidequests-page .mk-text-link {display:inline;}
@media(max-width:620px) {.mk-places-list article {grid-template-columns:30px 1fr;padding:16px;}.mk-sidequest-empty{padding:20px;}}

/* 2026-10-22: Million Year Family adult-MK recruitment poster */
.mk-community-home {grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:clamp(24px,4vw,60px);}
.mk-inner-page .mk-community-hero {grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:clamp(28px,4vw,65px);}
.mk-propaganda-link {display:block;width:100%;max-width:400px;justify-self:center;align-self:center;min-width:0;border-radius:12px;text-decoration:none;transition:transform .2s ease;}
.mk-propaganda-link picture {display:block;width:100%;}
.mk-propaganda-image {display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:contain;border:1px solid #e2d0b27a;border-radius:10px;box-shadow:0 16px 36px #0009, 0 0 36px #cc92501c;}
.mk-propaganda-link:hover {transform:translateY(-4px);}
.mk-propaganda-link:focus-visible {outline:3px solid #78ecdc;outline-offset:5px;}
@media(max-width:800px) {
  .mk-community-home,.mk-inner-page .mk-community-hero {grid-template-columns:minmax(0,1fr);}
  .mk-propaganda-link {max-width:320px;justify-self:center;}
}
@media(max-width:450px) {
  .mk-propaganda-link {max-width:275px;}
}
@media(prefers-reduced-motion:reduce) {
  .mk-propaganda-link {transition:none;}
  .mk-propaganda-link:hover {transform:none;}
}

/* Shared, on-page featured stream — Twitch-compliant 400×300 minimum iframe. */
.mk-floating-twitch {position:fixed;right:16px;bottom:16px;z-index:1300;width:430px;max-width:calc(100vw - 32px);color:#eafaf8;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;pointer-events:none;}
.mk-floating-twitch * {box-sizing:border-box;}
.mk-floating-twitch .mk-floating-expanded {pointer-events:auto;background:linear-gradient(160deg,#0b2738,#0a1428);padding:11px;border:1px solid #81e9d9a6;border-radius:16px;box-shadow:0 12px 38px #000a,0 0 0 1px #86f7e020;}
.mk-floating-twitch [hidden] {display:none!important;}
.mk-floating-header {min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 7px;}
.mk-floating-title {display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;}
.mk-floating-title strong {font-size:14px;letter-spacing:.2px;color:white;}
.mk-floating-platform {color:#a7c1d4;font-size:11px;}
.mk-floating-orb {width:8px;height:8px;display:inline-block;border-radius:50%;background:#7feada;box-shadow:0 0 11px #7feada;flex:0 0 auto;}
.mk-floating-tools {display:flex;gap:7px;}
.mk-floating-control {display:inline-grid;place-items:center;background:#152d41;color:#e7fffd;border:1px solid #c9e7ec50;border-radius:7px;width:34px;height:32px;font:bold 20px/1 Arial;cursor:pointer;}
.mk-floating-control:hover,.mk-floating-control:focus-visible {background:#285168;border-color:#86f7e0;}
.mk-floating-screen {width:100%;min-height:300px;background:#071523;border:1px solid #203c4c;border-radius:8px;overflow:hidden;}
.mk-floating-iframe {width:100%;height:300px;border:0;display:block;}
.mk-floating-notice {min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;text-align:center;background:radial-gradient(circle at 50% 0%,#193851,#071523 70%);}
.mk-floating-notice p {font:normal 13px/1.55 Arial,Helvetica,sans-serif;max-width:285px;margin:0;color:#cadbe2;}
.mk-floating-notice a {color:#081824;text-decoration:none;background:#78ecdc;padding:12px 15px;border-radius:8px;font:bold 12px Arial,sans-serif;}
.mk-floating-footer {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 3px 2px;}
.mk-floating-footer a {font-size:11px;font-weight:bold;color:#98f2e5;text-decoration:none;}
.mk-floating-footer a:hover {text-decoration:underline;}
.mk-floating-pill {pointer-events:auto;margin-left:auto;display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 14px;background:#092b3e;color:#f5fffe;border:1px solid #79e9d1;border-radius:999px;box-shadow:0 8px 32px #000a;cursor:pointer;font:bold 12px Arial,sans-serif;white-space:nowrap;}
.mk-floating-pill:hover {background:#174559;}
.mk-floating-pill.is-closed {padding:10px 12px;opacity:.9;border-color:#6b8795;}
.mk-floating-pill:focus-visible,.mk-live-invite [data-open-floating-player]:focus-visible {outline:3px solid #ffda8c;outline-offset:2px;}
@media(max-width:760px){.mk-floating-twitch{bottom:max(12px,env(safe-area-inset-bottom));right:12px;max-width:calc(100vw - 24px);}.mk-floating-pill{min-height:44px;padding:12px 14px;}}
/* Homepage hero panel points to the same ONE floating iframe, preventing two active copies. */
.mk-live-invite {display:flex;justify-content:center;align-items:center;padding:35px;background:radial-gradient(ellipse at 70% 40%,#16455c 0%,#0b1c2c 58%,#091423 100%);min-height:300px;}
.mk-live-invite-content {display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;max-width:600px;gap:13px;}
.mk-live-invite-content h3 {font-size:clamp(26px,3.3vw,38px);letter-spacing:-1.4px;color:white;margin:0;}
.mk-live-invite-content p {max-width:505px;color:#c9dfe7;font-size:14px;margin:0 0 7px;line-height:1.6;}
.mk-live-invite-content .mk-actions {justify-content:center;}
.mk-live-orbit {font-size:35px;color:#79e8dc;line-height:1;}
@media(max-width:560px){.mk-live-invite{padding:28px 18px;aspect-ratio:auto;}.mk-live-invite-content .mk-actions{flex-direction:column;width:100%;}.mk-live-invite-content .mk-btn{width:100%;white-space:normal;}}