:root{--ink:#151b22;--navy:#102a35;--deep:#0a1a22;--teal:#1c5961;--cyan:#8ed8d5;--rust:#a9462f;--amber:#e5ad46;--paper:#eee9dc;--light:#f8f5ed;--muted:#596067;--line:#c8c1b2;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--ink);font:16px/1.62 var(--sans)}a{color:inherit;text-underline-offset:3px}button{font:inherit}.skip{position:fixed;z-index:20;top:-5rem;left:1rem;padding:.7rem 1rem;background:white;border:2px solid var(--ink)}.skip:focus{top:1rem}a:focus-visible,button:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
nav{min-height:68px;padding:0 clamp(1.2rem,6vw,6.5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}nav>div{display:flex;gap:1.7rem}nav>div a{color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.wordmark{font-family:var(--serif);font-weight:700;text-decoration:none}.wordmark span,footer span{margin-right:.5rem;color:var(--rust);font:700 .72rem var(--mono);letter-spacing:-.12em}
.eyebrow,.section-no{margin:0;color:var(--rust);font:700 .7rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.light{color:#f0c466}.hero{position:relative;overflow:hidden;padding:clamp(4.8rem,9vw,8rem) clamp(1.25rem,7vw,8rem) 0;background:linear-gradient(rgba(16,42,53,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,42,53,.04) 1px,transparent 1px),var(--paper);background-size:36px 36px}.hero:before{content:"03";position:absolute;right:-2vw;top:-7rem;color:rgba(169,70,47,.07);font:clamp(20rem,42vw,43rem)/1 var(--serif)}.hero-copy{position:relative;z-index:1;max-width:1140px}.hero h1{max-width:1100px;margin:1.3rem 0 0;font:400 clamp(3.15rem,7.2vw,7.35rem)/.95 var(--serif);letter-spacing:-.055em}.deck{max-width:770px;color:#353d42;font-size:clamp(1.08rem,1.8vw,1.38rem)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.3rem}.button{display:inline-flex;min-height:48px;align-items:center;padding:.75rem 1.15rem;border:1px solid var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.button.primary{background:var(--navy);color:white}.button:hover{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.board{position:relative;z-index:1;max-width:1040px;min-height:325px;margin:5rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:1rem;padding:4rem 2rem;background:var(--deep);color:white;border:1px solid #34535e;box-shadow:12px 12px 0 rgba(169,70,47,.18)}.board article{text-align:center}.board article small,.seat-grid small{display:block;color:var(--cyan);font:700 .65rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.board article strong,.seat-grid strong{display:block;margin-top:.35rem;font:400 1.8rem var(--serif)}.board .chair{padding:1.5rem 1rem;background:#163e49;border:1px solid var(--cyan);box-shadow:0 0 0 8px rgba(142,216,213,.06)}.board em{display:block;color:#dbe8e8;font-size:.7rem;font-style:normal}.board-top,.board-bottom{position:absolute;left:1rem;right:1rem;display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font:.65rem var(--mono);text-transform:uppercase}.board-top{top:.6rem}.board-bottom{bottom:.6rem}.hero dl{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);margin:4rem 0 0;border-top:1px solid var(--line)}.hero dl div{padding:1.2rem;border-right:1px solid var(--line)}.hero dt{color:var(--muted);font-size:.67rem;font-weight:700;text-transform:uppercase}.hero dd{margin:.25rem 0 0;font:1.35rem var(--serif)}
.two-col{display:grid;grid-template-columns:minmax(135px,.62fr) minmax(0,3fr);gap:clamp(2rem,6vw,7rem);padding:clamp(5rem,9vw,8.5rem) clamp(1.25rem,8vw,9rem);border-bottom:1px solid var(--line)}.two-col>div{max-width:980px}.two-col h2,.tape h2,.scoring h2,.results h2,.materials h2,.author h2{margin:0;font:400 clamp(2.45rem,5vw,5rem)/1 var(--serif);letter-spacing:-.043em}.two-col p{max-width:820px;color:#394044}.two-col .lead{color:var(--ink);font:clamp(1.25rem,2vw,1.7rem)/1.48 var(--serif)}.trap{background:var(--paper)}
.sequence{padding:4rem clamp(1.25rem,5vw,5rem);background:var(--navy);color:white}.sequence ol{max-width:1480px;margin:auto;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none}.sequence li{display:grid;grid-template-columns:25px 1fr;gap:.7rem;min-height:155px;padding:0 1rem;border-right:1px solid rgba(255,255,255,.2)}.sequence b{color:var(--amber);font:.7rem var(--mono)}.sequence strong{display:block;font:400 1.3rem var(--serif)}.sequence span{display:block;margin-top:.5rem;color:rgba(255,255,255,.65);font-size:.85rem}.truth-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.5rem;border:1px solid var(--line)}.truth-strip div{padding:1.2rem;border-right:1px solid var(--line)}.truth-strip span{color:var(--rust);font:700 .65rem var(--mono);text-transform:uppercase}.truth-strip strong{display:block;margin-top:.5rem;font:400 1.15rem var(--serif)}
.tape{padding:clamp(5rem,9vw,8rem) clamp(1.2rem,5vw,5rem);background:var(--deep);color:white}.tape-intro,.demo{max-width:1280px;margin-left:auto;margin-right:auto}.tape-intro{margin-bottom:3rem}.tape-intro h2{max-width:900px;margin-top:1rem}.tape-intro>p:last-child{color:rgba(255,255,255,.65)}.demo{border:1px solid #38535d;background:#0e242d}.rotation,.decision{padding:clamp(1.2rem,3vw,2rem)}.rotation{border-bottom:1px solid #38535d}.demo-heading,.tape-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.demo h3{margin:.45rem 0 0;font:400 clamp(1.7rem,3vw,2.5rem)/1.1 var(--serif)}#rotate{padding:.65rem .9rem;background:transparent;color:white;border:1px solid #65808a;cursor:pointer;font-size:.7rem;font-weight:700;text-transform:uppercase}#rotate:hover{background:var(--amber);color:var(--ink)}.seat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.7rem}.seat-grid article{min-height:165px;padding:1.25rem;background:#132f38;border:1px solid #35515a}.seat-grid .chair{background:#19454e;border-color:var(--cyan)}.seat-grid p{color:rgba(255,255,255,.62);font-size:.83rem}.rotation-note{color:rgba(255,255,255,.46);font:.65rem var(--mono);text-align:right;text-transform:uppercase}.decision{background:var(--light);color:var(--ink)}.clock{margin:0;padding-left:1rem;border-left:3px solid var(--rust);text-align:right}.clock span{display:block;color:var(--muted);font:.62rem var(--mono)}.clock strong{font:1.2rem var(--mono)}.crisis{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1.8rem;background:var(--navy);color:white}.crisis div{padding:.8rem 1rem;border-right:1px solid #38535d}.crisis span{color:rgba(255,255,255,.55);font:.62rem var(--mono);text-transform:uppercase}.crisis strong{float:right;color:var(--amber);font-family:var(--mono)}.messages{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.messages article{padding:1.25rem;background:white;border:1px solid var(--line)}.messages article>p{margin:0;color:var(--rust);font:700 .65rem var(--mono);text-transform:uppercase}.messages blockquote{margin:.75rem 0;font:1.08rem/1.45 var(--serif)}.messages small{color:var(--muted)}.choice-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;margin-top:1.3rem;padding-top:1.2rem;border-top:2px solid var(--ink)}.choice-intro>p:last-child{margin:0;color:var(--muted);font-size:.88rem}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.2rem}.choices button{min-height:105px;padding:.85rem;background:transparent;border:1px solid var(--line);cursor:pointer;text-align:left}.choices span{display:block;margin-bottom:.35rem;color:var(--rust);font:700 .58rem var(--mono);text-transform:uppercase}.choices button:hover,.choices button.selected{background:var(--amber);border-color:#b98121}.choice-result{min-height:105px;margin-top:.8rem;padding:1rem;background:#e8e1d2;border-left:4px solid var(--rust)}.choice-result b{color:var(--rust);font:.62rem var(--mono);text-transform:uppercase}.walkthrough-note{color:var(--muted);font-size:.75rem}
.scenario-list{margin-top:2.8rem;border-top:2px solid var(--ink)}.scenario-list article{display:grid;grid-template-columns:62px 1fr;gap:1.2rem;padding:1.55rem 0;border-bottom:1px solid var(--line)}.scenario-list article>span{color:var(--rust);font:.7rem var(--mono)}.scenario-list h3{margin:-.2rem 0 .35rem;font:400 1.5rem var(--serif)}.scenario-list p{margin:0}.scenario-list small{color:var(--muted)}
.scoring{padding:clamp(5rem,9vw,8rem) clamp(1.25rem,8vw,9rem);background:var(--teal);color:white}.scoring>div:first-child{max-width:970px}.scoring h2{margin-top:1rem}.scoring>div:first-child>p:last-child{color:rgba(255,255,255,.7)}.measures{display:grid;grid-template-columns:repeat(5,1fr);margin-top:3rem;border-block:1px solid rgba(255,255,255,.3)}.measures article{min-height:225px;padding:1.2rem;border-right:1px solid rgba(255,255,255,.25)}.measures b{color:var(--amber);font:.66rem var(--mono)}.measures h3{margin:1.8rem 0 .65rem;font:400 1.25rem var(--serif)}.measures p{color:rgba(255,255,255,.65);font-size:.83rem}
.results,.materials,.author{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(0,1.4fr);gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,8rem) clamp(1.25rem,8vw,9rem)}.results{background:var(--paper)}.results h2,.materials h2,.author h2{margin-top:1rem;font-size:clamp(2.25rem,4.4vw,4.5rem)}.results-card{align-self:start;border:1px solid var(--line)}.empty{display:grid;grid-template-columns:repeat(3,1fr);background:var(--deep);color:white}.empty div{min-height:145px;padding:1rem;border-right:1px solid #38535d}.empty span{color:rgba(255,255,255,.56);font:.61rem var(--mono);text-transform:uppercase}.empty strong{display:block;margin-top:2rem;color:var(--amber);font:400 1.2rem var(--serif)}.results-card>p{padding:0 1.2rem;color:var(--muted);font-size:.86rem}.results-card code{display:block;overflow:auto;padding:.9rem 1.2rem;background:#ddd5c5;font-size:.72rem}.materials{background:var(--deep);color:white}.downloads{border-top:1px solid #43616b}.downloads a{display:block;padding:1.2rem 0;border-bottom:1px solid #43616b;text-decoration:none}.downloads span{display:block;font:1.3rem var(--serif)}.downloads small{color:rgba(255,255,255,.56)}.author{background:#142f37;color:white}.author>div>p{color:rgba(255,255,255,.7)}.author-links{display:flex;gap:1.5rem}.author-links a{color:var(--amber)}.sources{padding:3rem clamp(1.25rem,8vw,9rem)}.sources h2{font:400 1.45rem var(--serif)}.sources ul{padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none}.sources a{color:var(--muted);font-size:.82rem}footer{display:grid;grid-template-columns:1fr 1fr 2fr;gap:2rem;padding:1.4rem clamp(1.25rem,8vw,9rem);background:var(--paper);color:var(--muted);font-size:.72rem}footer p{margin:0}footer p:last-child{text-align:right}
@media(max-width:900px){.sequence ol,.measures{grid-template-columns:1fr 1fr}.sequence li:nth-child(even),.measures article:nth-child(even){border-right:0}.choices{grid-template-columns:1fr 1fr}.sources ul{grid-template-columns:1fr 1fr}}
@media(max-width:760px){nav>div{display:none}.hero dl,.two-col,.results,.materials,.author{grid-template-columns:1fr}.board{min-height:600px;grid-template-columns:1fr}.truth-strip,.seat-grid,.messages{grid-template-columns:1fr}.choice-intro{grid-template-columns:1fr}.hero dl div{border-top:1px solid var(--line)}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}
@media(max-width:520px){.hero h1{font-size:3rem}.sequence ol,.measures,.choices,.empty,.sources ul{grid-template-columns:1fr}.sequence li,.measures article,.empty div{min-height:auto;padding-bottom:1.3rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.demo-heading,.tape-head{display:block}.clock{margin-top:1rem;text-align:left}.crisis{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}