:root{
  --ifl-bg:#07101d;--ifl-panel:#0d1728;--ifl-panel-2:#111d31;--ifl-panel-3:#0a1322;
  --ifl-line:rgba(148,163,184,.16);--ifl-blue:#38bdf8;--ifl-blue-2:#2563eb;--ifl-blue-soft:rgba(56,189,248,.12);
  --ifl-text:#f8fafc;--ifl-muted:#cbd5e1;--ifl-dim:#94a3b8;--ifl-good:#22c55e;--ifl-warn:#f59e0b;--ifl-danger:#ef4444;
  --ifl-radius:24px;--ifl-shadow:0 24px 70px rgba(2,6,23,.34)
}
body{background:var(--ifl-bg)}
.blog-game-hero,.cluster-game-hero{position:relative;overflow:hidden;padding:74px 8% 58px;background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.18),transparent 28%),radial-gradient(circle at 84% 8%,rgba(37,99,235,.16),transparent 26%),linear-gradient(180deg,#060b13 0%,#0a1424 65%,#0d1728 100%)}
.blog-game-hero::before,.cluster-game-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.blog-game-shell,.cluster-game-shell,.blog-game-grid,.cluster-game-wrap{width:min(1120px,100%);margin:auto;position:relative;z-index:1}
.game-breadcrumbs{margin-bottom:22px;color:var(--ifl-dim);font-size:14px}.game-breadcrumbs a{color:#7dd3fc}
.game-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:#bae6fd;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.26);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.game-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ifl-blue);box-shadow:0 0 16px rgba(56,189,248,.85)}
.blog-game-hero h1,.cluster-game-hero h1{max-width:930px;margin:18px 0 14px;color:var(--ifl-text);font-size:clamp(39px,5.3vw,64px);line-height:1.04;letter-spacing:-.035em}
.blog-game-hero>div>p,.cluster-game-hero>div>p{max-width:860px;color:var(--ifl-muted);font-size:18px;line-height:1.7}
.game-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.game-meta span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;color:#dbeafe;background:rgba(15,23,42,.62);border:1px solid var(--ifl-line);font-size:13px}.game-meta span::before{content:"◆";font-size:8px;color:var(--ifl-blue)}
.blog-game-layout{padding:58px 8% 82px;background:linear-gradient(180deg,#0d1728,#08111f)}.blog-game-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:34px;align-items:start}.blog-game-main{min-width:0}
.game-toc{position:sticky;top:88px;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(8,17,31,.96));border:1px solid var(--ifl-line);box-shadow:var(--ifl-shadow)}
.game-toc h2{margin:0 0 8px;color:var(--ifl-text);font-size:17px}.game-toc .toc-status{display:block;margin-bottom:13px;color:var(--ifl-dim);font-size:12px}.game-toc a{display:block;padding:9px 0;color:var(--ifl-muted);font-size:14px;border-bottom:1px solid rgba(148,163,184,.08)}.game-toc a:last-child{border-bottom:0}.game-toc a:hover{color:#7dd3fc}
.mission-card,.game-section,.game-note,.game-warning,.game-danger,.game-success,.game-faq,.game-sources{margin-bottom:22px;padding:28px;border-radius:var(--ifl-radius);border:1px solid var(--ifl-line);box-shadow:0 14px 38px rgba(2,6,23,.18)}
.mission-card{background:linear-gradient(135deg,rgba(56,189,248,.13),transparent 42%),linear-gradient(180deg,#111d31,#0c1728);border-color:rgba(56,189,248,.28)}
.game-section,.game-faq,.game-sources{background:linear-gradient(180deg,#101b2d,#0b1525)}.game-note{background:rgba(56,189,248,.075);border-color:rgba(56,189,248,.22)}.game-warning{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.25)}.game-danger{background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.24)}.game-success{background:rgba(34,197,94,.07);border-color:rgba(34,197,94,.23)}
.blog-game-main h2{scroll-margin-top:100px;margin:0 0 13px;color:var(--ifl-text);font-size:clamp(26px,3vw,35px);letter-spacing:-.02em}.blog-game-main h3{margin:24px 0 9px;color:#e7eef8;font-size:21px}.blog-game-main p,.blog-game-main li{color:var(--ifl-muted);line-height:1.78}.blog-game-main ul,.blog-game-main ol{padding-left:22px}.blog-game-main a{color:#7dd3fc;font-weight:750}.blog-game-main code{color:#e0f2fe;background:rgba(2,6,23,.45);padding:.12em .32em;border-radius:6px}
.game-label{display:inline-flex;margin-bottom:13px;padding:7px 10px;border-radius:999px;color:#bae6fd;background:rgba(56,189,248,.09);border:1px solid rgba(56,189,248,.2);font-size:12px;font-weight:900}
.game-command{position:relative;margin:14px 0 18px;padding:44px 18px 17px;border-radius:16px;background:#020617;border:1px solid rgba(148,163,184,.16);overflow:auto;color:#e2e8f0;font:700 14px/1.72 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}
.game-command::before{content:"TERMINAL";position:absolute;top:0;left:0;right:0;padding:10px 14px;color:#7dd3fc;background:rgba(15,23,42,.94);border-bottom:1px solid rgba(148,163,184,.12);font:800 10px/1 system-ui,sans-serif;letter-spacing:.12em}
.mission-stats,.checkpoint-grid,.path-grid,.next-links,.cluster-grid{display:grid;gap:12px}.mission-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.mission-stat,.checkpoint,.path-card{padding:16px;border-radius:15px;background:rgba(148,163,184,.055);border:1px solid rgba(148,163,184,.12)}.mission-stat small,.checkpoint small{display:block;margin-bottom:4px;color:var(--ifl-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mission-stat strong,.checkpoint strong{color:var(--ifl-text)}
.checkpoint-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.checkpoint{position:relative;padding-left:42px}.checkpoint::before{content:"✓";position:absolute;left:14px;top:16px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#dbeafe;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.25);font-size:11px;font-weight:900}
.path-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.path-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.path-card:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.34);background:rgba(56,189,248,.065)}.path-card span{display:block;color:var(--ifl-dim);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.path-card strong{display:block;margin-top:5px;color:var(--ifl-text)}
.next-links{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.next-links a{padding:17px;border-radius:15px;background:rgba(56,189,248,.065);border:1px solid rgba(56,189,248,.18)}
.game-table-wrap{overflow:auto;margin:16px 0}.game-table{width:100%;border-collapse:collapse;min-width:620px}.game-table th,.game-table td{padding:13px 14px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;color:var(--ifl-muted)}.game-table th{color:#e2e8f0;background:rgba(148,163,184,.055)}.game-table tr:hover td{background:rgba(56,189,248,.035)}
.cluster-game-section{padding:64px 8%;background:linear-gradient(180deg,#0d1728,#08111f)}.cluster-section-head{margin-bottom:24px}.cluster-section-head h2{margin:0 0 9px;color:var(--ifl-text);font-size:clamp(28px,3vw,39px)}.cluster-section-head p{max-width:780px;color:var(--ifl-muted)}
.cluster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cluster-card{position:relative;display:block;padding:24px;border-radius:22px;color:inherit;background:linear-gradient(180deg,#111d31,#0b1525);border:1px solid var(--ifl-line);box-shadow:0 12px 30px rgba(2,6,23,.16);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cluster-card:hover{transform:translateY(-5px);border-color:rgba(56,189,248,.38);box-shadow:0 20px 46px rgba(2,6,23,.28)}.cluster-card .cluster-tag{display:inline-block;margin-bottom:13px;padding:6px 9px;border-radius:999px;color:#bae6fd;background:rgba(56,189,248,.09);border:1px solid rgba(56,189,248,.2);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.cluster-card h3{margin:0 0 9px;color:var(--ifl-text);font-size:21px;line-height:1.25}.cluster-card p{color:var(--ifl-muted);line-height:1.62}.cluster-card .cluster-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.cluster-card .cluster-meta span{padding:6px 8px;border-radius:8px;color:var(--ifl-dim);background:rgba(148,163,184,.05);border:1px solid rgba(148,163,184,.09);font-size:11px}
.cluster-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:26px;align-items:center;padding:31px;border-radius:26px;background:linear-gradient(135deg,rgba(56,189,248,.11),transparent 42%),linear-gradient(180deg,#111d31,#0b1525);border:1px solid rgba(56,189,248,.25)}.cluster-feature h3{margin:8px 0 10px;color:var(--ifl-text);font-size:clamp(28px,3vw,38px)}.cluster-feature p{color:var(--ifl-muted)}.cluster-terminal{padding:22px;border-radius:17px;background:#020617;color:#bae6fd;font:700 13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid rgba(148,163,184,.14)}
.game-source-note{font-size:13px;color:var(--ifl-dim)!important}
@media(max-width:980px){.blog-game-grid{grid-template-columns:1fr}.game-toc{position:relative;top:auto;order:-1}.cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cluster-feature{grid-template-columns:1fr}}
@media(max-width:680px){.blog-game-hero,.cluster-game-hero,.blog-game-layout,.cluster-game-section{padding-left:6%;padding-right:6%}.blog-game-hero h1,.cluster-game-hero h1{font-size:39px}.mission-card,.game-section,.game-note,.game-warning,.game-danger,.game-success,.game-faq,.game-sources{padding:21px}.mission-stats,.checkpoint-grid,.path-grid,.next-links,.cluster-grid{grid-template-columns:1fr}}

/* Compatibility helpers for existing ITFixLab guide markup */
.quick-nav,.checklist,.decision{display:grid;gap:12px;margin-top:16px}
.quick-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.checklist,.decision{grid-template-columns:repeat(2,minmax(0,1fr))}
.quick-nav a,.check-item,.decision>div,.note{padding:15px 16px;border-radius:14px;background:rgba(148,163,184,.055);border:1px solid rgba(148,163,184,.12);color:var(--ifl-muted)}
.check-item strong,.decision strong{display:block;margin-bottom:4px;color:var(--ifl-text)}
.note{margin:14px 0;background:rgba(56,189,248,.07);border-color:rgba(56,189,248,.18)}
.source-note{font-size:13px;color:var(--ifl-dim)!important}
@media(max-width:680px){.quick-nav,.checklist,.decision{grid-template-columns:1fr}}
