:root{color-scheme:dark;--bg:#101b1b;--panel:#192827;--ink:#f2eee0;--muted:#adbfba;--line:#39504a;--gold:#ebbd77;--mint:#9cdbbd;--red:#f2a29a;font-family:system-ui,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 18%,#2d4338aa,transparent 45%),var(--bg)}[hidden]{display:none!important}a{color:var(--mint);text-underline-offset:4px}button,select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#243632;border-radius:8px;min-height:44px;padding:10px 16px;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold);background:#334a40}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--gold);color:#1e241e;font-weight:750;border-color:var(--gold)}.primary:hover:not(:disabled){background:#f6d5a1;color:#1e241e}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 4vw;border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:.13em;font-size:14px;text-decoration:none;color:var(--ink)}.brand span{color:var(--gold)}.truth{font:11px ui-monospace,monospace;letter-spacing:.09em;color:var(--muted)}main{max-width:1500px;margin:auto;padding:24px 4vw 0}.episode{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font:11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 30px}.opening{display:grid;grid-template-columns:minmax(280px,.83fr) minmax(400px,1.5fr);gap:40px;align-items:center}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}h1{font:clamp(60px,6.8vw,102px)/.95 Georgia,serif;letter-spacing:-.055em;margin:20px 0 24px}h1 em{font-weight:400;color:var(--mint)}h2{font:clamp(27px,3.3vw,45px)/1.1 Georgia,serif;margin:8px 0 14px}h3{font-size:20px;line-height:1.35}p{line-height:1.6}.story>p:not(.eyebrow):not(.lead){color:var(--muted);max-width:43ch}.lead{font-size:clamp(19px,2vw,25px);line-height:1.4}.story>.primary{margin:10px 0}.small,small{font-size:12px;line-height:1.55;color:var(--muted)}.future-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:20px;gap:14px;margin-top:24px;font-size:11px;color:var(--muted)}.future-facts b{display:block;font:22px ui-monospace,monospace;color:var(--ink);margin-bottom:7px}.future-facts span:last-child b{color:var(--red)}.diorama{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#182725;box-shadow:0 30px 80px #0006}.scene-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:17px 20px;background:#24312d}.scene-heading strong{font-size:14px}.scene-heading span{font:10px ui-monospace,monospace;color:var(--muted)}#papillon-stage{height:470px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#344535,#142220)}#papillon-stage canvas{width:100%;height:100%;display:block}#scene-fallback{position:absolute;inset:45% 15%;z-index:-1}#papillon-stage.rewinding:after{content:'↶ J96';position:absolute;inset:0;display:grid;place-items:center;background:#09251da0;color:var(--mint);font:52px Georgia,serif;animation:rewind .75s ease-out forwards;pointer-events:none}@keyframes rewind{to{opacity:0;transform:scale(1.12)}}.scene-tools{display:flex;gap:6px;padding:12px;flex-wrap:wrap}.scene-tools button{font-size:12px;padding:6px 12px}.timeline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 12px;border-top:1px solid var(--line)}.timeline button{font-size:12px}.timeline span{font:10px ui-monospace,monospace;color:var(--muted);flex:1;text-align:center}#scene-note{padding:0 16px}.status{border-left:3px solid var(--gold);padding:12px 18px;background:#ffffff06;margin:30px 0;min-height:49px}.status.error{border-color:var(--red);color:var(--red)}#workbench,#outcome{padding:32px 0 36px;border-top:1px solid var(--line);scroll-margin-top:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.counter{font:13px ui-monospace,monospace;border:1px solid var(--line);padding:12px 16px;border-radius:50px;white-space:nowrap}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.rule{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#25352f,#192725)}.rule.changed{border-color:var(--gold);box-shadow:inset 0 3px var(--gold)}.rule strong{font:24px Georgia,serif}.rule-icon{color:var(--gold);font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.rule>span:not(.rule-icon){color:var(--muted);font-size:14px}.rule select{margin-top:auto;width:100%;border-color:#627264}.rule small{min-height:40px}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0}.action-row span{flex:1;min-width:200px}details{padding:17px 0;border-top:1px solid var(--line)}details details{margin:15px 0 0 20px}summary{cursor:pointer;color:var(--mint);min-height:26px}pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;padding:20px;background:#0b1313;border:1px solid var(--line);border-radius:10px;font:12px/1.7 ui-monospace,monospace}.assistant{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.assistant p{flex:1;min-width:250px;font-size:14px}.assistant a{font-size:12px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:28px 0}#witnesses p{font-size:14px;color:var(--muted);padding:12px 16px;background:var(--panel);border-left:3px solid var(--gold)}#chart svg{display:block;width:100%;height:auto}#chart{min-height:180px}.legend-a{color:var(--red)}.legend-b{color:var(--mint)}table{width:100%;border-collapse:collapse;font:13px ui-monospace,monospace}caption{text-align:left;color:var(--muted);padding:14px 0}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}thead{color:var(--mint)}td{font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:12px;display:flex;gap:20px;flex-wrap:wrap}footer p{width:100%;margin-top:0}#outcome[data-result=completed] h2{color:var(--mint)}#outcome[data-result=management_setback] h2{color:var(--gold)}
@media(min-width:1600px){#papillon-stage{height:550px}}@media(max-width:950px){.opening{grid-template-columns:1fr;gap:25px}.story{position:relative}.story h1{font-size:78px}.future-facts{max-width:550px}.episode{font-size:10px}.rules{gap:10px}.rule{padding:18px}.result-grid{gap:20px}}@media(max-width:620px){main{padding:20px 5vw 0}.top{padding:16px 5vw;flex-wrap:wrap;gap:12px}.truth{order:3;width:100%;font-size:10px}.top>a:last-child{font-size:12px}.episode{flex-direction:column;gap:10px}.story h1{font-size:74px;margin-top:10px}.story .lead{font-size:21px}#papillon-stage{height:340px}.rules,.result-grid{grid-template-columns:1fr}.rule small{min-height:0}.rule{gap:12px}.section-head{align-items:flex-start}.counter{padding:9px;font-size:11px}.timeline span{display:none}.action-row>button{flex:1;min-width:220px}th,td{padding:12px 8px;font-size:12px}.scene-tools{gap:4px}.scene-tools button{padding:5px 10px}.future-facts{gap:7px}.future-facts b{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}#papillon-stage.rewinding:after{display:none}}