.chapter-game-pack{--gp-accent:var(--orange,#ff6b42);--gp-cyan:var(--cyan,#65dce6);--gp-lime:var(--lime,#d9f257);--gp-ink:var(--ink,#101316);--gp-paper:var(--paper,#f1eee5);--gp-white:var(--white,#fffdf8);--gp-line:var(--line,#d6d1c7);--gp-green:var(--green,#15805f);--gp-red:var(--red,#d9472b);position:relative;padding:clamp(22px,4vw,38px);border:2px solid var(--gp-ink);border-radius:28px;background:linear-gradient(145deg,#fffdf8,#eaf6f3);box-shadow:0 22px 55px rgba(16,19,22,.12);overflow:hidden}
.chapter-game-pack::before{content:"";position:absolute;right:-95px;top:-110px;width:250px;height:250px;border:42px solid color-mix(in srgb,var(--gp-cyan) 28%,transparent);border-radius:50%;pointer-events:none}
.gp-head,.gp-grid,.gp-progress-line{position:relative;z-index:1}.gp-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.gp-kicker{color:var(--gp-accent);font-size:.72rem;font-weight:900;letter-spacing:.14em}.gp-head h2{margin:6px 0 10px!important}.gp-head p{max-width:760px;margin:0;color:#4f5a5d}.gp-score{white-space:nowrap;padding:8px 13px;border-radius:99px;background:var(--gp-ink);color:white;font-size:.8rem}.gp-score b{color:var(--gp-lime)}
.gp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.gp-card{display:flex;flex-direction:column;min-width:0;padding:22px;border-radius:20px;background:var(--gp-white);border:1px solid var(--gp-line);box-shadow:0 12px 30px rgba(16,19,22,.07)}.gp-card.done{border-color:var(--gp-green);box-shadow:0 0 0 4px rgba(21,128,95,.1)}.gp-card-label{color:var(--gp-accent);font-size:.68rem;font-weight:900;letter-spacing:.12em}.gp-card h3{margin:8px 0}.gp-card>p{margin-top:0;color:#586164;font-size:.88rem}.gp-badge{align-self:flex-start;margin-bottom:10px;padding:4px 9px;border-radius:99px;background:#ece8dd;color:#657074;font-size:.7rem;font-weight:900}.gp-card.done .gp-badge{background:#e3f5a2;color:#38520d}
.gp-bank{display:flex;gap:8px;flex-wrap:wrap;min-height:58px;padding:10px;border:2px dashed #aaa49a;border-radius:14px;background:#f2eee4}.gp-token{border:2px solid var(--gp-ink);border-radius:11px;background:var(--gp-lime);padding:8px 11px;color:var(--gp-ink);font-weight:900;cursor:grab;box-shadow:3px 3px 0 var(--gp-ink);transition:.15s}.gp-token.selected{background:var(--gp-cyan);transform:translateY(-3px)}.gp-zones{display:grid;grid-template-columns:repeat(var(--gp-zone-count,3),1fr);gap:7px;margin-top:12px}.gp-zone{min-height:128px;padding:10px;border:2px dashed #8f8981;border-radius:13px;background:#fbfaf5;cursor:pointer;text-align:center}.gp-zone.dragover{border-color:#2856c7;background:#eef3ff}.gp-zone.wrong{animation:gp-shake .28s}.gp-zone b{display:block;font-size:.78rem}.gp-zone small{display:block;color:#717878;font-size:.68rem}.gp-zone-items{display:grid;gap:5px;margin-top:8px}.gp-zone-item{padding:5px;border-radius:8px;background:var(--gp-ink);color:var(--gp-lime);font-size:.72rem;font-weight:800}.gp-feedback{min-height:61px;margin-top:12px;padding:11px 13px;border-left:5px solid var(--gp-accent);border-radius:0 11px 11px 0;background:#fff0ea;font-size:.8rem}.gp-feedback.ok{border-left-color:var(--gp-green);background:#e2f4eb;color:#135e48}.gp-feedback.bad{border-left-color:var(--gp-red);background:#fde9e4;color:#8f321f}
.gp-sim-stage{position:relative;min-height:310px;border:2px solid var(--gp-ink);border-radius:16px;background:#f8f4e9;overflow:hidden}.gp-sim-stage svg{display:block;width:100%;height:auto}.gp-controls{display:grid;gap:10px;margin-top:12px}.gp-control{padding:10px 12px;border-radius:11px;background:#f1ede3}.gp-control label{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;font-weight:900}.gp-control output{color:#2856c7}.gp-control input[type=range]{width:100%;accent-color:var(--gp-accent)}.gp-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gp-readout{padding:9px;border-radius:10px;background:var(--gp-ink);color:white}.gp-readout small{display:block;color:#b8c0c2;font-size:.66rem}.gp-readout b{color:var(--gp-lime);font:900 1.03rem Georgia}.gp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.gp-btn{border:0;border-radius:10px;padding:9px 12px;background:var(--gp-lime);color:var(--gp-ink);font-weight:900;cursor:pointer}.gp-btn.dark{background:var(--gp-ink);color:white}.gp-btn.orange{background:var(--gp-accent);color:white}.gp-btn:disabled{opacity:.48;cursor:default}.gp-mini-grid{display:grid;gap:7px}.gp-mini-row{display:flex;gap:6px;align-items:center}.gp-chip{border:1px solid #aaa49a;border-radius:9px;background:white;padding:7px 9px;cursor:pointer;font-weight:800}.gp-chip.active{background:var(--gp-cyan);border-color:var(--gp-ink)}.gp-progress-line{height:7px;margin-top:22px;border-radius:99px;background:#d9d5ca;overflow:hidden}.gp-progress-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gp-accent),var(--gp-lime));transition:.3s}
.gp-houses{display:grid;gap:8px;padding:14px}.gp-house-row{display:grid;grid-template-columns:74px 1fr 54px;gap:8px;align-items:center}.gp-house{height:26px;background:linear-gradient(135deg,#2856c7,#65dce6);clip-path:polygon(0 38%,50% 0,100% 38%,92% 38%,92% 100%,8% 100%,8% 38%)}.gp-error-track{height:10px;border-radius:99px;background:#ddd8cd;overflow:hidden}.gp-error-track i{display:block;height:100%;background:var(--gp-accent);transition:.25s}.gp-zero-track{position:relative;height:210px;background:linear-gradient(90deg,#edf5f5,#fffdf8);border-bottom:2px solid var(--gp-ink)}.gp-zero-line{position:absolute;left:50%;top:0;bottom:0;border-left:3px dashed var(--gp-red)}.gp-zero-dot{position:absolute;bottom:42px;width:14px;height:14px;border-radius:50%;background:#2856c7;transform:translateX(-50%);transition:.25s}.gp-gears{display:flex;justify-content:center;align-items:center;gap:8px;height:190px}.gp-gear{width:74px;height:74px;border:12px dotted var(--gp-accent);border-radius:50%;display:grid;place-items:center;background:#fff}.gp-gear.lit{background:var(--gp-lime);transform:rotate(18deg)}.gp-arrow-stage{position:relative;height:260px;background:repeating-linear-gradient(0deg,transparent 0 39px,#ddd8cd 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ddd8cd 40px)}.gp-matrix{display:grid;grid-template-columns:repeat(3,54px);gap:6px;justify-content:center;margin:18px}.gp-matrix-cell{height:46px;border:2px solid var(--gp-ink);border-radius:8px;background:white;display:grid;place-items:center;font:900 1rem Georgia;cursor:pointer}.gp-matrix-cell.glow{background:var(--gp-lime)}.gp-population{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:16px}.gp-person{aspect-ratio:1;border-radius:50%;background:#c9c5bc;border:2px solid transparent}.gp-person.event{background:var(--gp-accent)}.gp-person.condition{border-color:#2856c7}.gp-person.dim{opacity:.16}.gp-evidence-cards{display:flex;gap:8px;flex-wrap:wrap;padding:14px}.gp-evidence{border:2px solid var(--gp-ink);border-radius:12px;background:var(--gp-cyan);padding:10px;cursor:pointer;box-shadow:3px 3px 0 var(--gp-ink);font-weight:900}.gp-evidence.used{opacity:.35;box-shadow:none}.gp-bars{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:230px;padding:20px 12px 25px}.gp-bar{width:44px;min-height:4px;background:linear-gradient(var(--gp-accent),#ffb08f);border-radius:8px 8px 0 0;transition:.25s;position:relative}.gp-bar span{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-size:.68rem}.gp-curve-score{position:absolute;left:12px;top:10px;padding:5px 9px;border-radius:99px;background:var(--gp-ink);color:var(--gp-lime);font-weight:900}.gp-race{display:grid;gap:15px;padding:28px 18px}.gp-lane{display:grid;grid-template-columns:70px 1fr 58px;gap:8px;align-items:center}.gp-lane-track{height:18px;border-radius:99px;background:#ddd8cd;overflow:hidden}.gp-lane-track i{display:block;height:100%;width:0;background:#2856c7;transition:.25s}.gp-lane:nth-child(2) i{background:var(--gp-accent)}.gp-surprise{height:235px;display:flex;align-items:flex-end;justify-content:center;padding:25px}.gp-surprise-bar{width:110px;min-height:8px;background:linear-gradient(var(--gp-accent),#ffd0bd);border-radius:12px 12px 0 0;transition:.25s}
@keyframes gp-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:940px){.gp-grid{grid-template-columns:1fr}.gp-zones{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.chapter-game-pack{padding:18px 12px}.gp-head{display:block}.gp-score{display:inline-block;margin-top:10px}.gp-zones{grid-template-columns:1fr}.gp-zone{min-height:92px}.gp-readouts{grid-template-columns:1fr 1fr}.gp-house-row{grid-template-columns:58px 1fr 48px}.gp-population{grid-template-columns:repeat(10,1fr);gap:3px}}
@media(prefers-reduced-motion:reduce){.gp-token,.gp-zero-dot,.gp-error-track i,.gp-bar,.gp-lane-track i,.gp-surprise-bar,.gp-progress-line i{transition:none}}

.concept-visual{position:relative}.concept-visual-card{margin:24px 0 0;overflow:hidden;border:2px solid var(--ink,#101316);border-radius:26px;background:var(--white,#fffdf8);box-shadow:0 22px 55px rgba(16,19,22,.13)}.concept-visual-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#dceef0}.concept-visual-caption{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:22px;border-top:2px solid var(--ink,#101316)}.concept-visual-label{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--orange,#ff6b42)}.concept-visual-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.concept-visual-step{padding:14px;border-radius:13px;background:var(--paper,#f1eee5)}.concept-visual-step:nth-child(2){background:#e5f5f3}.concept-visual-step:nth-child(3){background:#edf5c8}.concept-visual-step b{display:block;margin-bottom:4px}.concept-visual-step p{margin:0;color:#4f595c;font-size:.82rem;line-height:1.62}
@media(max-width:760px){.concept-visual-caption{grid-template-columns:1fr}.concept-visual-steps{grid-template-columns:1fr}.concept-visual-card{border-radius:18px}.concept-visual-caption{padding:15px}}

.knowledge-story-figure{--knowledge-accent:var(--cyan,#52d6df);margin:26px 0 30px;overflow:hidden;border-radius:24px;background:var(--white,#fffdf8);border:1px solid var(--line,#d6d1c7);border-top:7px solid var(--knowledge-accent);box-shadow:0 18px 45px rgba(16,19,22,.12)}.knowledge-story-figure>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e5f2f2}.knowledge-story-figure figcaption{padding:20px 22px 22px}.knowledge-caption-head{display:grid;grid-template-columns:160px 1fr;gap:5px 18px;align-items:start}.knowledge-caption-head>span{grid-row:1/3;padding:5px 9px;border-radius:999px;background:var(--ink,#101316);color:var(--lime,#d9f257);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-align:center}.knowledge-caption-head h3{margin:0;font-family:"Noto Serif SC","Songti SC",serif;font-size:1.25rem;line-height:1.35}.knowledge-caption-head p{grid-column:2;margin:0;color:var(--muted,#687173);font-size:.86rem}.knowledge-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.knowledge-reading-step{display:flex;gap:10px;padding:13px;border-radius:13px;background:var(--paper,#f1eee5)}.knowledge-reading-step:nth-child(2){background:#e6f5f3}.knowledge-reading-step:nth-child(3){background:#eef6cc}.knowledge-reading-step i{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--ink,#101316);color:var(--lime,#d9f257);font:900 .82rem Georgia;font-style:normal}.knowledge-reading-step b{display:block;font-size:.85rem}.knowledge-reading-step p{margin:3px 0 0;color:#515b5e;font-size:.76rem;line-height:1.6}.knowledge-ml-link{display:grid;grid-template-columns:190px 1fr;gap:14px;margin-top:11px;padding:14px 16px;border-left:6px solid var(--knowledge-accent);border-radius:0 13px 13px 0;background:#172027;color:#fff}.knowledge-ml-link b{color:var(--lime,#d9f257)}.knowledge-ml-link p{margin:0;color:#e2e8e8;font-size:.82rem}.knowledge-visual-dot{float:right;margin-left:8px;color:var(--orange,#ff6b42);font-size:.65rem}.course-home-link{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:11px;background:var(--cyan,#52d6df);color:var(--ink,#101316);font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(82,214,223,.18);transition:.2s}.course-home-link:hover{transform:translateY(-2px);background:var(--lime,#d9f257)}.course-home-link span{font-size:1.2rem}
@media(max-width:760px){.knowledge-story-figure{border-radius:18px}.knowledge-story-figure figcaption{padding:15px}.knowledge-caption-head{grid-template-columns:1fr}.knowledge-caption-head>span{grid-row:auto;justify-self:start}.knowledge-caption-head p{grid-column:auto}.knowledge-reading-grid{grid-template-columns:1fr}.knowledge-ml-link{grid-template-columns:1fr;gap:4px}}