/* SAM Live / Horizon visual alignment. Scoped to this static page. */
:root {
  --bg:#060909;
  --panel:#0d1313;
  --dim:#0a1010;
  --ink:#eef0eb;
  --muted:#aab8b4;
  --line:#293633;
  --lime:#b7e0cc;
  --teal:#b7e0cc;
  --warn:#c8c9bc;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body {font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#060909;color:#eef0eb;-webkit-font-smoothing:antialiased}
body::before {background:radial-gradient(ellipse,#12202b77,transparent 67%)}
.shell {width:min(1280px,calc(100% - 80px))}
.topbar {height:76px;border-bottom:1px solid #293633;background:#060909}
.brand {font-family:var(--font);font-size:18px;letter-spacing:.16em;font-weight:500;gap:10px}
.brand-slash {width:24px;height:38px;display:inline-block;background:currentColor;mask:url("/assets/horizon/slash.svg") center /contain no-repeat}
.topbar nav{gap:24px;font-size:12px}
.topbar nav a {color:#b7c6bc;font-weight:500}
.topbar nav a:hover,.topbar nav .nav-current{color:#eef0eb}
.topbar nav .external-nav {border-radius:0;border:1px solid #42514b}
.skip-content {position:absolute;left:8px;top:8px;z-index:50;padding:12px;background:#0d1313;transform:translateY(-170%)}
.skip-content:focus {transform:translateY(0)}
.eyebrow,.section-index {color:#b7e0cc;font-weight:600}
.pulse-dot{background:#b7e0cc;box-shadow:0 0 15px #b7e0cc60}
h1,h2 {font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em}
h1{font-size:clamp(56px,5.15vw,79px);line-height:1.035}
h1 em,h2 em {color:#b7e0cc;font-style:italic}
.fullstop{color:#b7e0cc}
.lead{color:#c0c9c4}
.primary-action{background:#b7e0cc;border-radius:0;color:#07100f}
.primary-action:hover{background:#d6eddf}
.ghost-action{color:#c2ccc5}
.ghost-action span{color:#b7e0cc}
.signal-panel{background:linear-gradient(155deg,#12202b,#060909 82%);border:1px solid #3c4d50;border-radius:0;box-shadow:none}
.signal-panel::before{background-image:linear-gradient(#8198a018 1px,transparent 1px),linear-gradient(90deg,#8198a018 1px,transparent 1px)}
.orb{border-color:#7797ac90}
.orb::before{border-color:#a8b8bb4b}
.orb-one{background:radial-gradient(circle at 42% 39%,#7293af2d,#0d14201f 58%,transparent 77%);box-shadow:inset 12px 8px 30px #7293af16}
.orb-two{border-color:#c5d9e0a1}
.signal-lines i{background:#b7e0cc;box-shadow:0 0 10px #b7e0cc44}
.telemetry-strip{color:#99ada6;border-color:#293633}
.tiny-square{border-color:#b7e0cc}
.metrics{background:#293633;border-color:#293633}
.metric{background:#0c1414}
.metric-value{color:#dfe9e2;font-weight:400}
.metric-label{color:#c8d2cd}
.section-index{letter-spacing:.13em}
.section-subtitle{color:#aab8b4}
.filter-group{background:#0d1313;border-color:#293633;border-radius:0}
.filter-group button{border-radius:0}
.filter-group button.selected{background:#b7e0cc}
.game-card{border-radius:0;background:#0d1313;border-color:#293633}
.game-card::before{background:radial-gradient(circle at top right,#6690a613,transparent 70%)}
.game-card[data-state="observed_activity"]{border-color:#839d98}
.game-pill{border-radius:0}
.game-card[data-state="observed_activity"] .game-pill{color:#b7e0cc;border-color:#70877c}
.game-card[data-state="observed_activity"] .game-pill::before{background:#b7e0cc;box-shadow:none}
.game-number,.game-metric,.evidence-list li::before{color:#b7e0cc}
.game-card h3{font-family:Georgia,"Times New Roman",serif;font-size:29px;letter-spacing:-.035em}
.game-description{color:#b6c2bb}
.gen-card{background:linear-gradient(125deg,#101a1b,#0d1313);border:1px solid #293633;border-radius:0}
.gen-mark{color:#b7e0cc;border:1px solid #687d76;border-radius:0}
.gen-status h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.overline{color:#b7e0cc}
.state-pill{border-color:#68746a;color:#d8d9ce}
.check-list li::before{color:#b7e0cc}
.method-step>span,.footer a{color:#b7e0cc}
.footer{border-color:#293633}
@media(max-width:720px){.shell{width:calc(100% - 38px)}}
/* Keep the atmospheric top-right glow from expanding the root scroll width. */
html{overflow-x:clip}
/* Decorative glow must remain within the viewport. */
body::before{right:0}

/* Minecraft experiences: scoped to SAM Live and aligned with Horizon homepage. */
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.experience-card{display:flex;flex-direction:column;min-height:335px;padding:31px;background:#0d1313;border:1px solid #293633}
.experience-card h3{font:400 clamp(27px,3vw,39px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:13px 0 17px}
.experience-card>p:not(.overline){font-size:13px;line-height:1.85;color:#b2bfb8;max-width:480px}
.experience-card .overline{color:#b7e0cc}
.experience-state{display:flex;align-items:center;gap:10px;padding-top:20px;margin-top:auto;font:500 12px var(--font);color:#dce7de}
.phase-dot{display:inline-block;width:7px;height:7px;background:#7e9387;border:1px solid #a7c9b8;border-radius:50%}
.experience-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid #293633;padding-top:20px;margin-top:20px;justify-content:space-between}
.experience-link{display:inline-flex;gap:17px;align-items:center;background:#b7e0cc;color:#07100f;padding:10px 13px;font:600 12px var(--font)}
.experience-link:hover{background:#d6eddf}
.unavailable-action{border:1px solid #4a5c53;color:#a8bbb0;padding:10px 13px;font:500 12px var(--font);cursor:not-allowed}
.experience-footnote{font-size:11px;color:#839d8d;max-width:200px;text-align:right}
.roadmap-note{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:24px;margin-top:16px;padding:24px 28px;border:1px solid #293633;background:#0a1010}
.roadmap-note h3{font:400 21px Georgia,serif;margin:8px 0 0}
.roadmap-note p{color:#aab8b4;font-size:12px;line-height:1.75;margin:0}
.roadmap-note>a{color:#b7e0cc;font-size:11px;white-space:nowrap}
@media(max-width:980px){.roadmap-note{grid-template-columns:1fr;gap:13px}}
@media(max-width:720px){.experience-grid{grid-template-columns:1fr}.experience-card{padding:23px;min-height:295px}.experience-footnote{text-align:left}.roadmap-note{padding:23px}}

.mc-world-readiness{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#0a1010;border:1px solid #293633;padding:16px 20px;margin-bottom:16px;font-size:12px;color:#cdd9cf}
.mc-world-readiness>span:last-child{margin-left:auto;color:#9caba3;font-size:11px}
@media(max-width:720px){.mc-world-readiness>span:last-child{margin-left:0;width:100%}}

.minecraft-disclaimer{margin:18px 0;font-size:11px;color:#a4b1a9;max-width:950px;line-height:1.65}

.interest-link{font:600 12px var(--font);color:#b7e0cc;text-underline-offset:4px;border-bottom:1px solid #6b9782;padding:9px 0}
.interest-link:hover{color:#edf7ec}

/* Curated Pokémon challenge ladder; visual parity with Horizon homepage. */
.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.challenge-card{border:1px solid #293633;background:#0d1313;padding:24px;display:flex;flex-direction:column;min-height:274px}
.challenge-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.challenge-present{font:600 9px var(--font);letter-spacing:.05em;color:#94a89d;text-align:right}
.challenge-card h3,.challenge-rogue h3{font:400 29px/1.14 Georgia,"Times New Roman",serif;letter-spacing:-.03em;margin:28px 0 12px}
.challenge-card>p,.challenge-rogue p:not(.overline){font-size:12px;color:#aebeb2;line-height:1.7}
.challenge-bottom{border-top:1px solid #293633;margin-top:auto;padding-top:17px;display:grid;gap:12px}
.tier{display:flex;align-items:center;gap:11px;font:600 10px var(--font);color:#c9dcd0}
.tier>span:last-child{margin-left:auto}
.tier-bars{display:flex;gap:4px}
.tier-bars span{width:14px;height:8px;border:1px solid #638070;background:#16241d}
.tier-bars span.filled{background:#b7e0cc}
.challenge-execution{font:500 10px var(--font);color:#93a89b}
.challenge-rogue{border:1px solid #3b5046;background:linear-gradient(110deg,#12201d,#0b1111);margin-top:17px;padding:29px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.challenge-rogue h3{margin:8px 0}
.challenge-rogue p{margin:0}
.challenge-rogue-state{text-align:right;max-width:240px}
.challenge-rogue-state p{margin-top:13px!important}
@media(max-width:1000px){.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.challenge-grid{grid-template-columns:1fr}.challenge-card{min-height:220px}.challenge-rogue{grid-template-columns:1fr}.challenge-rogue-state{text-align:left}}

/* Actual, anonymized Minecraft world evidence — homepage visual language */
.terrain-evidence{margin-top:16px;padding:clamp(22px,4vw,46px);display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,380px);align-items:center;gap:clamp(26px,5vw,70px);border:1px solid #395449;background:linear-gradient(130deg,#11211d,#0b1111)}
.terrain-evidence h3{font:400 clamp(27px,3.5vw,40px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.04em;margin:19px 0 24px;color:#e7eee6}
.terrain-evidence-copy p:not(.overline){font-size:13px;line-height:1.85;color:#b4c5b9;max-width:510px;margin:0 0 17px}
.terrain-evidence-copy strong{color:#ecf4e8}
.terrain-snapshot-state{display:inline-flex;align-items:center;border:1px solid #698e7d;background:#132920;color:#bbdfce;padding:10px 12px;font:600 10px var(--font);letter-spacing:.08em;margin-top:14px}
.terrain-evidence-figure{margin:0}
.terrain-evidence-figure img{display:block;width:100%;height:auto;max-height:450px;object-fit:contain;background:#0b1111;border:1px solid #385346}
.terrain-evidence-figure figcaption{font-size:10px;color:#8caa97;line-height:1.5;margin-top:12px;text-align:center}
@media(max-width:750px){.terrain-evidence{grid-template-columns:1fr}.terrain-evidence-figure{max-width:410px;margin:auto}}


/* Source-backed game session evidence: scoped, homepage-matched and responsive. */
.sam-presence{padding-top:40px;padding-bottom:32px}
.presence-timestamp{font:600 10px var(--font);letter-spacing:.09em;color:#a5b7aa}
.presence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.presence-card{min-height:205px;display:flex;flex-direction:column;border:1px solid #34463e;background:#0d1513;padding:26px}
.presence-card h3{font:400 26px/1.2 Georgia,"Times New Roman",serif;color:#edf1e9;margin:14px 0 19px}
.presence-card .overline{color:#a6c3b1}
.presence-state{font:600 14px/1.55 var(--font);color:#e0e9e0;margin:0 0 14px}
.presence-detail{font:400 12px/1.7 var(--font);color:#aabbaf;margin-top:auto}
@media(max-width:900px){.presence-grid{grid-template-columns:1fr}.presence-card{min-height:165px}.presence-timestamp{margin-top:15px}}
