:root{--cream: #f2ead8;--cream-2: #e9dfc7;--ink: #221c14;--crimson: #c9332e;--gold: #e9a820;--cyan: #2f8f9d;--lavender: #8a86c2;--pink: #e87ea8;--border: 3px solid var(--ink);--shadow: 8px 8px 0 var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Space Grotesk,Helvetica Neue,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E")}h1,h2,h3,.kicker,.stat-num,.eq-display,.result-readout{font-family:Archivo Black,Arial Black,sans-serif;text-transform:uppercase}em,q,.sub em{font-family:Playfair Display,Georgia,serif}.hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8vh 6vw;border-bottom:var(--border);overflow:hidden}.hero h1{font-size:clamp(3rem,11vw,8.5rem);line-height:.92;margin:1.2rem 0;letter-spacing:-.01em}.kicker{font-size:clamp(.7rem,1.6vw,1rem);letter-spacing:.35em;background:var(--ink);color:var(--cream);padding:.55em 1.2em}.sub{font-size:clamp(1.1rem,2.6vw,1.7rem);max-width:34em}.dateline{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.hero-shape{position:absolute;z-index:-1}.hero-shape.circle{border-radius:50%}.hero-shape.crimson{width:38vmin;height:38vmin;background:var(--crimson);top:8%;left:-10vmin}.hero-shape.cyan{width:26vmin;height:26vmin;background:var(--cyan);bottom:10%;right:-6vmin}.hero-shape.star{width:34vmin;height:34vmin;top:12%;right:6%;background:var(--gold);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.chapter{padding:10vh 6vw;max-width:1200px;margin:0 auto}.chapter.alt{max-width:none;background:var(--cream-2);border-top:var(--border);border-bottom:var(--border)}.chapter.alt>*{max-width:1200px;margin-left:auto;margin-right:auto}.chapter-head{display:flex;align-items:baseline;gap:1.2rem;border-bottom:var(--border);margin-bottom:3rem}.chapter-no{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:clamp(2.5rem,6vw,4.5rem);color:var(--crimson)}.chapter-head h2{font-size:clamp(1.6rem,5vw,3.2rem);margin:0 0 .6rem}.prose{columns:2;column-gap:3rem;font-size:1.05rem;line-height:1.75}.prose.single{columns:1;max-width:46em}.prose p{margin-top:0;break-inside:avoid}@media(max-width:760px){.prose{columns:1}}.tag{font-weight:700;background:var(--gold);padding:0 .3em;border:2px solid var(--ink);border-radius:3px;white-space:nowrap}.expr{font-family:ui-monospace,monospace;font-size:.9em;background:var(--ink);color:var(--cream);padding:.1em .45em;border-radius:3px;white-space:nowrap}.formula-card{margin-top:3.5rem;background:var(--cream);border:var(--border);box-shadow:var(--shadow);padding:2.2rem 2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;font-size:clamp(1.4rem,4vw,2.6rem)}.fw{font-family:Playfair Display,Georgia,serif;font-weight:700}.fw.result{color:var(--crimson)}.op{font-family:Archivo Black,sans-serif;color:var(--cyan)}.op.eq{color:var(--ink)}.plot-note{margin-top:1.2rem;font-size:.85rem;line-height:1.6;opacity:.85;border-left:4px solid var(--crimson);padding-left:1rem;max-width:62em}.interstitial{border-top:var(--border);border-bottom:var(--border);background:var(--crimson);padding:4.5rem 6vw;text-align:center}.interstitial p{margin:0;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(1.8rem,5.5vw,3.6rem);color:var(--cream);letter-spacing:.02em}.term-label{position:absolute;pointer-events:none;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:700;font-size:.85rem;padding:.05em .5em;border:2px solid var(--ink);background:var(--cream);transform:translate(-50%,60%);z-index:4;white-space:nowrap}.playground-frame{display:grid;grid-template-columns:1.5fr 1fr;border:var(--border);box-shadow:var(--shadow);background:var(--cream)}@media(max-width:900px){.playground-frame{grid-template-columns:1fr}}.canvas-wrap{position:relative;min-height:520px;border-right:var(--border);background:radial-gradient(ellipse at 50% 40%,#f8f2e3 0%,var(--cream) 70%)}@media(max-width:900px){.canvas-wrap{border-right:none;border-bottom:var(--border)}}#scene{display:block;width:100%;height:100%;position:absolute;inset:0}.tooltip{position:absolute;pointer-events:none;background:var(--ink);color:var(--cream);font-family:Playfair Display,Georgia,serif;font-style:italic;padding:.15em .6em;font-size:1rem;border-radius:3px;transform:translate(-50%,-160%);z-index:5}.nearest-label{position:absolute;pointer-events:none;background:var(--crimson);color:var(--cream);font-family:Archivo Black,sans-serif;padding:.3em .7em;font-size:.95rem;border:2px solid var(--ink);transform:translate(-50%,-120%);z-index:5;white-space:nowrap}.nearest-label .arrow{display:inline-block;margin-left:.35em;transform-origin:50% 55%;line-height:1}.controls{padding:1.6rem;display:flex;flex-direction:column;gap:1.1rem}.eq-display{font-size:clamp(.95rem,1.6vw,1.25rem);line-height:1.5;border-bottom:3px solid var(--ink);padding-bottom:.8rem;word-break:break-word}.eq-display .neg{color:var(--crimson)}.eq-display .pos{color:var(--cyan)}.result-readout{font-size:clamp(1.05rem,2vw,1.5rem);background:var(--gold);border:var(--border);padding:.7rem 1rem}.result-readout small{font-family:Space Grotesk,sans-serif;display:block;font-size:.75rem;letter-spacing:.15em;margin-top:.2rem}.slot{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.8rem}.slot select{font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:1.1rem;padding:.4rem .6rem;border:var(--border);background:var(--cream);color:var(--ink)}.slot-row{display:flex;align-items:center;gap:.8rem}.slot-row input[type=range]{flex:1;accent-color:var(--crimson);height:28px}.weight-badge{font-family:Archivo Black,sans-serif;min-width:3.2em;text-align:center;border:2px solid var(--ink);padding:.15em .3em;background:var(--lavender);color:var(--cream)}.presets-title{font-family:Archivo Black,sans-serif;font-size:.75rem;letter-spacing:.25em;margin:0 0 .5rem}.presets-row{display:flex;flex-wrap:wrap;gap:.5rem}.presets-row button{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.8rem;border:2px solid var(--ink);background:var(--cream);color:var(--ink);padding:.45em .8em;cursor:pointer;transition:transform .08s,background .08s}.presets-row button:hover{background:var(--cyan);color:var(--cream);transform:translate(-2px,-2px)}.hint{font-size:.85rem;line-height:1.55;opacity:.85}.play-link{display:block;margin-top:2.5rem;border:var(--border);box-shadow:var(--shadow);background:var(--lavender);color:var(--cream);padding:1.8rem 2rem;text-decoration:none;transition:transform .1s,box-shadow .1s}.play-link:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--ink)}.play-link-kicker{font-family:Archivo Black,sans-serif;font-size:.7rem;letter-spacing:.3em}.play-link-title{display:block;font-family:Archivo Black,sans-serif;font-size:clamp(1.6rem,4.5vw,2.8rem);margin:.3rem 0}.play-link-sub{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:1.05rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem auto}@media(max-width:800px){.stat-row{grid-template-columns:1fr}}.stat{border:var(--border);box-shadow:var(--shadow);padding:1.4rem;background:var(--cream)}.stat:nth-child(1){background:var(--pink)}.stat:nth-child(2){background:var(--gold)}.stat:nth-child(3){background:var(--cyan)}.stat-num{display:block;font-size:clamp(2.2rem,5vw,3.4rem)}.stat-label{display:block;margin-top:.6rem;line-height:1.45;font-size:.92rem}.plate{margin:3.5rem auto}.plate img{width:100%;border:var(--border);box-shadow:var(--shadow);display:block}.plate figcaption{margin-top:.9rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:800px){.method-grid{grid-template-columns:1fr}}.method-card{border:var(--border);padding:1.4rem;background:var(--cream)}.method-card h3{margin:0 0 .7rem;font-size:1rem;letter-spacing:.2em;color:var(--crimson)}.method-card p{margin:0;line-height:1.6;font-size:.95rem}.colophon{text-align:center;padding:8vh 6vw 10vh}.ornament{height:26px;margin:0 auto 2rem;max-width:640px;background:radial-gradient(circle at 10px 13px,var(--crimson) 6px,transparent 7px),radial-gradient(circle at 30px 13px,var(--gold) 6px,transparent 7px),radial-gradient(circle at 50px 13px,var(--cyan) 6px,transparent 7px),radial-gradient(circle at 70px 13px,var(--lavender) 6px,transparent 7px);background-size:80px 26px;background-repeat:repeat-x;background-position:center}.colo-title{font-family:Archivo Black,sans-serif;letter-spacing:.3em;margin:0 0 .5rem}.colophon p{margin:.3rem 0}.colo-small{font-size:.8rem;opacity:.7}@media(prefers-reduced-motion:reduce){.grain{display:none}}