:root{--bg:#151718;--panel:#f2efe7;--ink:#171717;--muted:#66645e;--line:#c8c3b9;--accent:#8b342c;--good:#2d6a3f;--bad:#9f2727;--gold:#9d762b;--cell:50px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Georgia,"Times New Roman",serif;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.05),transparent 26%),linear-gradient(135deg,#121414,#202323 60%,#111);color:#eee}.wrap{width:min(1050px,94vw);margin:auto;padding:24px 0 56px}header{text-align:center;margin-bottom:18px}.eyebrow{font:700 12px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#c6c6c1;margin-bottom:8px}h1{margin:0;font-size:clamp(38px,7vw,70px);line-height:.95;letter-spacing:.025em}.sub{margin:10px 0;color:#c8c8c4;font:15px Arial,sans-serif}.pill{display:inline-block;margin-top:8px;padding:8px 13px;border:1px solid #6b7280;border-radius:999px;background:#111827;color:#f7f3ea;text-decoration:none;font:800 12px Arial,sans-serif}.hidden{display:none!important}.topbar{display:flex;justify-content:space-between;margin:18px 0 9px;font:700 13px Arial,sans-serif;color:#d6d6d1}.progress{height:8px;background:#363a3a;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),#c7582d);transition:width .2s}.sectionbar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 15px}.sectionbar button{border:1px solid #8c877d;border-radius:999px;padding:7px 11px;background:#fffdf8;color:#222;font:800 11px Arial,sans-serif;cursor:default}.sectionbar button.active{outline:2px solid #d97706}.sectionbar button.done{opacity:.75}.card{background:var(--panel);color:var(--ink);border:1px solid #dfdbd1;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:clamp(20px,4vw,36px)}.taskhead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid var(--line)}.taskhead h2{margin:0;font-size:clamp(25px,4vw,36px)}.meta{margin-top:7px;color:var(--muted);font:14px/1.45 Arial,sans-serif}.badge{flex:none;border:1px solid #b8b2a7;padding:7px 10px;border-radius:999px;font:700 12px Arial,sans-serif;color:#5e5a53;background:#e8e4da}.boards{display:flex;gap:30px;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:24px 0 10px}.boardwrap{text-align:center}.boardlabel{font:900 12px Arial,sans-serif;letter-spacing:.08em;color:#504b44;margin-bottom:7px}.pitchwrap{position:relative;display:inline-block}.pitch{display:grid;border-top:1px solid #77736b;border-left:1px solid #77736b}.sq{width:var(--cell);height:var(--cell);position:relative;display:flex;align-items:center;justify-content:center;border-right:1px solid #77736b;border-bottom:1px solid #77736b;background:#ddd8cb}.sq.tz{background-color:#ded3c4;background-image:repeating-linear-gradient(135deg,rgba(55,51,46,.38) 0,rgba(55,51,46,.38) 2px,transparent 2px,transparent 11px)}.sq.region{background:#ebe2c8;box-shadow:inset 0 0 0 2px #9a7b3f}.sq.marked{background:#eee9dd;box-shadow:inset 0 0 0 3px #343431}.sq.target{background:repeating-linear-gradient(135deg,rgba(181,132,49,.11) 0 8px,rgba(181,132,49,.26) 8px 12px),#eee5ce;box-shadow:inset 0 0 0 2px #9d762b}.sq.sideline{background:#c9b37b;box-shadow:none}.sq.endzone{background:#c9b37b}.sq.selectable,.sq.movable,.sq.destination{cursor:pointer}.sq.selected{box-shadow:inset 0 0 0 4px #c88718!important}.sq.routeA{background:#e8dfcf}.sq.routeB{background:#e1e7d6}.sq.routeC{background:#e7ddd9}.sq.reachable{background:#e4eddc}.token{position:relative;z-index:5}.tri{width:34px;height:34px;clip-path:polygon(50% 2%,98% 94%,2% 94%);background:#fff;filter:drop-shadow(0 0 1px #111)}.circle{width:28px;height:28px;border:3px solid #1c1f20;border-radius:50%}.ball{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f0e3bd;border:3px solid #9d762b;font:900 9px Arial,sans-serif;color:#5d4210}.label{position:absolute;inset:5px;display:flex;align-items:center;justify-content:center;border:3px solid #9d762b;background:#efe4c5;color:#5d4317;font:900 13px Arial,sans-serif;z-index:4}.lost{width:34px;height:34px;border:2px dashed #7d7469;border-radius:50%;display:grid;place-items:center;font:900 18px Arial,sans-serif;color:#7d7469}.route-svg{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.route-svg path{fill:none;stroke:#6f2f2a;stroke-width:7;stroke-dasharray:15 12;stroke-linecap:round;stroke-linejoin:round}.route-svg polygon{fill:#6f2f2a}.axis{font:900 10px Arial,sans-serif;color:#6c6258;letter-spacing:.08em;margin:5px}.endzonebar{padding:6px 0;border:1px solid #777;border-top:0;background:#c9b37b;color:#3d2a10;text-align:center;font:900 10px Arial,sans-serif;letter-spacing:1.5px}.question{margin:12px 0 14px;text-align:center;font-size:20px;font-weight:700}.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.answers button,.actionbtn{font:800 14px Arial,sans-serif;border:1px solid #8c877d;border-radius:8px;padding:12px 14px;background:#fffdf8;color:#222;cursor:pointer}.answers button.correct{background:#dcebdd;border-color:var(--good)}.answers button.wrong{background:#f2dada;border-color:var(--bad)}.feedback{display:none;margin-top:18px;border-left:5px solid var(--good);padding:14px 17px;background:#e7eee4;border-radius:7px;font:15px/1.5 Arial,sans-serif}.feedback.show{display:block}.feedback.bad{border-left-color:var(--bad);background:#f2dada}.takeaway{margin-top:9px;font-weight:900;letter-spacing:.03em}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}.actionbtn.primary{background:#1f2322;color:#fff;border-color:#1f2322}.helper{text-align:center;color:#6c6258;font:13px Arial,sans-serif;margin-top:9px}.intro{text-align:center}.intro h2{font-size:clamp(34px,5vw,52px);margin:0}.introtag{font:800 15px Arial,sans-serif;letter-spacing:.12em;color:#7a3029;text-transform:uppercase;margin:6px 0 22px}.introcopy{font:18px/1.55 Georgia,serif;max-width:720px;margin:0 auto 18px}.manifesto{margin:22px 0 6px;font:900 clamp(20px,3vw,30px)/1.2 Arial,sans-serif}.complete{text-align:center}.complete h2{font-size:clamp(32px,5vw,48px)}.nothing{font:900 clamp(38px,7vw,66px)/1 Arial,sans-serif;margin:18px 0}.diploma{width:100%;display:block;border-radius:8px}.diplomaframe{background:#0b0d0d;padding:14px;border-radius:14px;margin-top:18px}.legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#aaa;font:12px Arial,sans-serif;margin-top:14px}.hall-return{display:inline-block;margin-top:18px;color:#ffe0a2;text-decoration:none;font:900 13px Arial,sans-serif}.dualcase{display:grid;grid-template-columns:1fr 1fr;gap:10px}.casebox{border:1px solid #c8c3b9;border-radius:8px;padding:10px}.casebox h3{text-align:center;margin:0 0 8px}.casechoices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.casechoices button{padding:10px;border:1px solid #aaa092;border-radius:7px;background:#fffdf8;font-weight:900;cursor:pointer}.casechoices button.selected{outline:3px solid #d19a37}.casechoices button.correct{background:#dcebdd}.casechoices button.wrong{background:#f2dada}
@media(max-width:760px){:root{--cell:40px}.taskhead{display:block}.badge{display:inline-block;margin-top:10px}.dualcase{grid-template-columns:1fr}.boards{gap:18px}}