*{box-sizing:border-box}body{margin:0;background:#f5f2e9;color:#293c57;font:17px/1.7 system-ui,Arial}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:inherit}header a{text-decoration:none;font-weight:800}button,select{font:inherit;color:inherit;background:#fffef8;border:1px solid #cbd2da;border-radius:12px;padding:12px 18px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b67a32;outline-offset:4px}.hero{padding:clamp(26px,5vw,55px);background:#293c57;color:#faf6e8;border-radius:26px;display:grid;grid-template-columns:1fr 220px;gap:30px;align-items:center}.hero p{max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800;color:#ddc18d}h1{font-size:clamp(32px,5vw,56px);line-height:1.15;margin:16px 0}h2{font-size:25px;line-height:1.3}.tower-art{display:flex;flex-direction:column;align-items:center;gap:7px;transform:rotate(-5deg)}.tower-art i{display:block;height:44px;border:2px solid #ffffff70;border-radius:7px;box-shadow:0 7px 0 #13243b40}.tower-art i:nth-child(1){width:80px;background:#a7c6b7}.tower-art i:nth-child(2){width:120px;background:#ddc18d}.tower-art i:nth-child(3){width:160px;background:#b1b1d1}.tower-art i:nth-child(4){width:200px;background:#7195ad}.intro,.notice{color:#687485;font-size:14px}.progress{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:25px 0}.progress strong{font-size:28px}progress{accent-color:#728e74;width:220px;max-width:100%}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic,.case{background:#fffef8;border:1px solid #dce0d8;border-radius:23px;padding:26px}.topic h2{margin-top:7px}.topic>span{font-size:28px}.levels{display:grid;gap:10px}.levels button{text-align:start;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f4f5ed}.levels small{display:block;font-size:11px;color:#687485}.primary{background:#d4e7b4;border-color:#b6cc93;font-weight:750}.case{max-width:900px;margin:26px auto}.case h1{font-size:clamp(28px,4vw,40px)}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;direction:ltr;margin:30px 0}.platform{padding:8px 7px 13px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;background:#eef0f3;border:2px solid transparent;position:relative}.platform.target{background:#edf2df;border-color:#b9c997}.platform.selected{border-color:#627eaa;box-shadow:0 0 0 3px #627eaa22}.platform .goal{position:absolute;top:9px;font-size:10px;color:#4d6547;text-transform:uppercase;letter-spacing:.08em}.platform .crate-space{width:100%;height:200px;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:5px}.crate{display:grid;place-items:center;width:var(--crate-width);height:32px;min-width:35px;max-width:100%;background:var(--crate-color);border:2px solid #ffffff90;border-radius:6px;box-shadow:0 4px 0 #293c5725;color:#26384a;font-size:13px;font-weight:800;position:relative}.crate:before,.crate:after{content:'';position:absolute;top:0;bottom:0;width:2px;background:#ffffff50}.crate:before{left:20%}.crate:after{right:20%}.platform .base{width:100%;height:10px;background:#293c57;border-radius:5px}.platform .label{font-size:12px;font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.feedback{background:#edf2df;border-inline-start:4px solid #8ba475;padding:17px;border-radius:9px;margin:20px 0}.hud{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hud span{background:#eef0f3;padding:7px 13px;border-radius:30px;font-size:14px}.lesson{background:#f0f2e8;padding:23px;border-radius:17px}.choices{display:grid;gap:12px;margin-top:20px}.choices button{text-align:start;padding:18px}.complete{font-size:52px;color:#a98144}.sources{margin-top:30px}.sources li{margin:8px 0}.quiet{font-size:13px;color:#687485}footer{font-size:13px;color:#687485;border-top:1px solid #dce0d8;margin-top:35px}.step-hint{background:#e5ecf4;padding:14px;border-radius:9px}.win{animation:pop .35s ease-out}@keyframes pop{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:750px){header,main,footer{padding:16px}.hero{grid-template-columns:1fr}.tower-art{display:none}.topics{grid-template-columns:1fr}.board{gap:6px}.platform{min-height:285px;padding:7px 4px}.case{padding:22px}.crate{height:31px;font-size:12px}button{font-size:16px}}@media(prefers-reduced-motion:reduce){.win{animation:none}}