:root{--cx-bg:#070806;--cx-card:#10120e;--cx-card2:#161910;--cx-line:#343a2b;--cx-gold:#e0b34e;--cx-green:#78a95a;--cx-green2:#a8d47f;--cx-red:#8a3e35;--cx-text:#eee9d9;--cx-muted:#aaa894}
*{box-sizing:border-box}
body{margin:0;background:#050604;color:var(--cx-text);font-family:Georgia,"Times New Roman",serif}
.cx-wrap{max-width:1180px;margin:0 auto;padding:20px 14px 70px}
.cx-hero{position:relative;overflow:hidden;border:1px solid #37402d;border-radius:22px;padding:24px;background:
radial-gradient(circle at 15% 15%,rgba(120,169,90,.13),transparent 27%),
radial-gradient(circle at 82% 30%,rgba(224,179,78,.10),transparent 28%),
linear-gradient(135deg,#0c0e09,#060705)}
.cx-hero:after{content:"CONNECTIONS";position:absolute;right:12px;top:12px;font:900 clamp(48px,10vw,110px)/.85 Impact,Haettenschweiler,sans-serif;color:rgba(168,212,127,.035);letter-spacing:.03em;pointer-events:none}
.cx-kicker{font:900 10px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#91c66b}
.cx-title{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(42px,7vw,76px);line-height:.92;margin:8px 0 4px;color:#f1cd72;text-transform:uppercase}
.cx-sub{font-size:17px;color:#e2dbc8;margin-bottom:14px}
.cx-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cx-stat{border:1px solid #313729;background:#0a0b08;border-radius:12px;padding:10px 11px}
.cx-stat b{display:block;color:#737a68;font:900 9px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.cx-stat span{font-size:14px;font-weight:700;color:#f0ead8}
.cx-stage{margin-top:14px;border:1px solid #303628;border-radius:20px;background:linear-gradient(#0c0e0a,#070806);padding:18px;min-height:450px}
.cx-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}
.cx-head h2{margin:0;color:#f0c967;font-size:25px}
.cx-head p{margin:5px 0 0;color:#b6b3a2;font-size:13px;line-height:1.5;max-width:720px}
.cx-btn{appearance:none;border:1px solid #8f732f;background:linear-gradient(#e5c269,#b58a31);color:#171307;border-radius:12px;padding:12px 16px;min-height:44px;font:900 11px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.cx-btn.secondary{background:#14160f;color:#e6dec9;border-color:#414834}
.cx-btn:disabled{opacity:.4;cursor:not-allowed}
.cx-btn:hover,.cx-btn:focus-visible{filter:brightness(1.05);outline:2px solid #edcf82;outline-offset:2px}
.cx-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.cx-panel{border:1px solid #34392e;border-radius:16px;background:#10120e;padding:17px}
.cx-panel h3{margin:0 0 9px;color:#fff;font-size:18px}
.cx-panel p{color:#c5c0ae;font-size:14px;line-height:1.6}
.cx-rules{display:grid;gap:8px;margin-top:12px}
.cx-rule{display:flex;gap:10px;padding:10px;border:1px solid #2c3127;border-radius:10px;background:#0b0c09}
.cx-rule i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#202719;color:#9bd074;font:900 11px Arial,sans-serif;flex:0 0 auto}
.cx-rule span{color:#c8c3b2;font-size:12px;line-height:1.45}
.cx-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.cx-column h3{font:900 10px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7e846f;margin:0 0 8px}
.cx-list{display:grid;gap:9px}
.cx-node{width:100%;text-align:left;border:1px solid #363c2f;background:#11130f;color:#e4ddca;border-radius:12px;padding:12px 13px;cursor:pointer;min-height:62px;transition:.18s}
.cx-node strong{display:block;font-size:14px;margin-bottom:3px}
.cx-node small{display:block;color:#999887;font-size:11px;line-height:1.35}
.cx-node:hover,.cx-node:focus-visible{border-color:#71845b;outline:none}
.cx-node.selected{border-color:#d5ac4b;background:#19170f;box-shadow:inset 0 0 0 1px rgba(224,179,78,.28)}
.cx-node.matched{border-color:#56723f;background:#10190d;color:#dff0cb}
.cx-node.wrong{border-color:#7b3930;background:#190f0d}
.cx-links{margin-top:16px;border-top:1px solid #2b3026;padding-top:12px}
.cx-links h3{margin:0 0 8px;color:#e7d7ad;font-size:15px}
.cx-link-row{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;border:1px solid #30352b;background:#0b0c09;border-radius:10px;padding:9px 11px;margin-top:7px}
.cx-link-row b{font-size:12px;color:#e3dcc9}
.cx-link-row .arrow{color:#96c773;font-size:18px}
.cx-explain{grid-column:1/-1;color:#9e9b8b;font-size:11px;line-height:1.4;padding-top:2px}
.cx-feedback{margin-top:12px;padding:11px 12px;border:1px solid #353a30;border-radius:10px;background:#0a0b08;color:#bdb8a7;font-size:12px;line-height:1.45}
.cx-feedback.good{border-color:#4e683a;color:#d9ecc8}
.cx-burst{position:fixed;left:50%;top:90px;transform:translateX(-50%);z-index:9999;min-width:220px;max-width:min(90vw,420px);padding:13px 17px;text-align:center;border-radius:16px;border:1px solid #7b6935;background:rgba(10,12,8,.98);box-shadow:0 16px 46px rgba(0,0,0,.5);animation:cxpop .2s ease-out}
.cx-burst .emo{font-size:28px;margin-bottom:5px}.cx-burst b{display:block;color:#f0c866;font:900 11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.cx-burst span{display:block;color:#cbc6b6;font-size:11px;margin-top:4px}
@keyframes cxpop{from{opacity:0;transform:translate(-50%,-10px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.cx-challenge{border:1px solid #66552f;border-radius:18px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(224,179,78,.13),transparent 42%),#0f110d;text-align:center}
.cx-challenge .big{font-size:40px;line-height:1;margin-bottom:8px}
.cx-challenge h3{margin:0;color:#f0c866;font:900 30px Impact,Haettenschweiler,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.cx-challenge p{max-width:760px;margin:8px auto 14px;color:#d0cab8;line-height:1.55}
.cx-options{display:grid;gap:9px;max-width:760px;margin:0 auto}
.cx-option{border:1px solid #363b30;background:#0b0c09;color:#ded8c6;border-radius:11px;padding:12px;text-align:left;cursor:pointer;font:700 12px Arial,sans-serif}
.cx-option.correct{border-color:#608047;background:#111a0e;color:#ddf0ca}
.cx-option.wrong{border-color:#773a31;background:#190f0d;color:#efc9c0}
.cx-summary{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}
.cx-score{border:1px solid #6b592f;border-radius:16px;background:#10120e;padding:20px;text-align:center}
.cx-ring{width:145px;height:145px;border-radius:50%;border:3px solid #d7ae4d;margin:0 auto 12px;display:grid;place-items:center;box-shadow:inset 0 0 0 8px #10120e,inset 0 0 0 10px rgba(120,169,90,.45)}
.cx-ring span{font:900 25px Arial,sans-serif;color:#f1cf78}
.cx-score h3{margin:0 0 4px;color:#fff;font-size:21px}
.cx-score p{margin:0;color:#a6a392;font-size:12px}
.cx-report{border-radius:12px;background:#d7c9a6;color:#211d14;padding:19px}
.cx-report h3{margin:0 0 8px;font-size:23px}
.cx-report p{font-size:13px;line-height:1.55}
.cx-report ul{padding-left:20px;font-size:12px;line-height:1.55}
.cx-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.hidden{display:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:820px){.cx-intro,.cx-summary{grid-template-columns:1fr}.cx-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.cx-columns{grid-template-columns:1fr}.cx-wrap{padding-left:9px;padding-right:9px}.cx-stage{padding:12px}.cx-stats{grid-template-columns:1fr 1fr}.cx-head{display:block}.cx-head .cx-btn{width:100%;margin-top:10px}.cx-link-row{grid-template-columns:1fr auto 1fr}.cx-actions .cx-btn{width:100%}}

.cx-howto{display:grid;gap:5px;margin:0 0 14px;padding:11px 13px;border:1px solid #596747;border-radius:12px;background:#0d110b}
.cx-howto b{font:900 10px Arial,sans-serif;letter-spacing:.14em;color:#a8d47f}
.cx-howto span{color:#e8e2d2;font-size:13px;line-height:1.45}
.cx-howto strong{color:#f0c866}
.cx-howto em{color:#8fbf6d;font:700 11px Arial,sans-serif;font-style:normal}
.cx-node.selected{border-color:#fff200!important;background:#201c0c!important;box-shadow:0 0 0 2px rgba(255,242,0,.18),0 0 18px rgba(255,242,0,.08)!important}

/* Build 29 — shared atmospheric section background */
body{
  background:#050504!important;
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.67) 42%,rgba(0,0,0,.82) 100%),
    url("/examine-the-past-home/games/assets/connections-section-bg-build29.png?v=29") center top/cover no-repeat;
  filter:saturate(.82) contrast(.96);
}
body>*,.cx-wrap{
  position:relative;
  z-index:1;
}
.cx-wrap{
  background:transparent!important;
}
@media(max-width:700px){
  body::before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.82) 48%,rgba(0,0,0,.90) 100%),
      url("/examine-the-past-home/games/assets/connections-section-bg-build29.png?v=29") center top/auto 100vh no-repeat;
    filter:saturate(.70) contrast(.92);
  }
}
@media(prefers-reduced-motion:reduce){
  body::before{background-attachment:scroll}
}

/* Build 29 — shared section background */
body{
  background:
    linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.86)),
    url("/examine-the-past-home/games/assets/history-unlocked-connections-section-bg-build29.png?v=29") center top / cover fixed no-repeat,
    #050504 !important;
}
@media (max-width:760px){
  body{
    background:
      linear-gradient(rgba(0,0,0,.87),rgba(0,0,0,.93)),
      url("/examine-the-past-home/games/assets/history-unlocked-connections-section-bg-build29.png?v=29") center top / cover scroll no-repeat,
      #050504 !important;
  }
}

/* Build 30 — section background */
body{background-color:#050604!important;background-image:linear-gradient(rgba(5,6,4,.28),rgba(5,6,4,.50)),url("/examine-the-past-home/games/assets/connections-section-bg-build30.png")!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
.cx-stage,.cx-hero{backdrop-filter:blur(1.5px)}
@media(max-width:760px){body{background-image:linear-gradient(rgba(5,6,4,.40),rgba(5,6,4,.60)),url("/examine-the-past-home/games/assets/connections-section-bg-build30.png")!important;background-attachment:scroll!important}}