:root{--paper:#f3eee4;--paper-2:#e9e2d3;--ink:#1c1a17;--ink-2:#4a453d;--ink-3:#8a8274;--rule:#d6cdbd;--reward:#1f7a4d;--punish:#c43d2b;--accent:#c8871e;--serif:"Newsreader", Georgia, serif;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--pad:28px}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{overflow:hidden}canvas{display:block}button{font-family:var(--sans)}#app{height:100vh;flex-direction:column;height:100dvh;display:flex}.masthead{padding:14px var(--pad) 13px;border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:baseline;gap:18px;min-width:0;display:flex}h1{font:italic 500 31px/1 var(--serif);letter-spacing:-.01em;margin:0}.dek{font:400 17px/1.2 var(--serif);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.icon-btn{background:var(--ink);width:34px;height:34px;color:var(--paper);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .12s;display:grid}.icon-btn:active{transform:scale(.94)}.icon-btn svg{fill:currentColor;width:14px;height:14px}.icon-btn .i-play,.icon-btn.paused .i-pause{display:none}.icon-btn.paused .i-play{display:block}.seg{border:1px solid var(--rule);border-radius:999px;padding:2px;display:flex}.seg button{color:var(--ink-2);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.seg button:hover{color:var(--ink)}.seg button[aria-checked=true]{background:var(--ink);color:var(--paper)}.divider{background:var(--rule);width:1px;height:22px;margin:0 6px}.text-btn{border:1px solid var(--rule);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.text-btn:hover{border-color:var(--ink-3)}.text-btn[aria-pressed=true]{background:var(--punish);border-color:var(--punish);color:#fff}.text-btn.done{background:var(--ink);border-color:var(--ink);color:var(--paper)}.text-btn.quiet{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:4px;border-color:#0000}.text-btn.quiet:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.figure{flex:1;grid-template:"game futures futures""game circuit brain"minmax(0,1fr)"game learning learning"minmax(0,.7fr)/minmax(0,.94fr) minmax(0,1.2fr) minmax(0,.44fr);min-height:0;display:grid}.panel{min-width:0;min-height:0;padding:16px var(--pad);flex-direction:column;display:flex;position:relative}.panel.game{border-right:1px solid var(--rule);grid-area:game;padding-top:20px}.panel.futures{border-bottom:1px solid var(--rule);grid-area:futures}.panel.circuit{grid-area:circuit;padding-right:8px}.panel.brain{grid-area:brain;padding-left:8px}.panel.learning{border-top:1px solid var(--rule);grid-area:learning}h2{font:500 19px/1.2 var(--serif);align-items:baseline;gap:10px;margin:0;display:flex}.fig{font:600 15px var(--sans)}.sub{color:var(--ink-3);margin:3px 0 0 23px;font-size:13px;line-height:1.4}#futures{width:100%;height:158px;margin-top:12px}#circuit,#curve,#brain{flex:1;width:100%;min-height:0}#circuit{margin-top:6px}#curve{margin-top:8px}.narration{min-height:2.6em;font:400 15px/1.35 var(--serif);color:var(--ink-2);margin:4px 0 0}.narration b{color:var(--ink);font-weight:500}.narration .good{color:var(--reward)}.narration .bad{color:var(--punish)}.facts{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:13px}.facts b{color:var(--ink);font-weight:600}.game-head{align-items:flex-end;gap:30px;display:flex}.stat span{color:var(--ink-3);margin-bottom:2px;font-size:12px;display:block}.stat b{font:500 22px/1.1 var(--serif);font-variant-numeric:lining-nums tabular-nums;display:block}.stat.big b{letter-spacing:-.01em;font-size:46px;line-height:.95}.stat.big{margin-right:auto}.board-wrap{aspect-ratio:1;flex:0 auto;align-self:center;width:100%;max-width:100%;min-height:0;max-height:calc(100% - 210px);margin-top:16px}#board{width:100%;height:100%}.caption{text-align:center;font:italic 400 15px/1.35 var(--serif);color:var(--ink-2);margin:10px 0 0}.explainer{max-width:62ch;font:400 15px/1.5 var(--serif);color:var(--ink-2);margin:auto 0 0;padding-top:16px}.explainer b{font:600 13px var(--sans);color:var(--ink)}.caption.small{text-align:left;margin-top:6px;font-size:13px}dialog{border:1px solid var(--rule);background:var(--paper);max-width:min(660px,100vw - 32px);color:var(--ink);border-radius:6px;padding:30px 34px 24px;box-shadow:0 24px 60px #1c1a1738}dialog::backdrop{background:#1c1a1752}dialog h2{margin-bottom:12px;font-size:26px}dialog p{font:400 16px/1.5 var(--serif);color:var(--ink-2);margin:0 0 12px}dialog p.small{color:var(--ink-3);margin-top:14px;font-size:13px}dialog table{border-collapse:collapse;width:100%;margin:6px 0 4px;font-size:13px}dialog th,dialog td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:7px 10px 7px 0}dialog th{color:var(--ink-3);font-weight:600}dialog .close{width:30px;height:30px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:14px}#loader{background:var(--paper);z-index:10;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}#loader .box{text-align:center;width:min(380px,84vw)}.l-title{font:italic 500 44px var(--serif)}.l-sub{font:400 16px var(--serif);color:var(--ink-2);margin:6px 0 22px}.l-track{background:var(--rule);height:2px;overflow:hidden}#loader-bar{background:var(--ink);width:0;height:100%;transition:width .2s}#loader-stage{font:12px var(--mono);color:var(--ink-3);margin-top:12px}#loader.error #loader-stage{color:var(--punish);white-space:pre-wrap;text-align:left}@media (max-width:1560px) and (min-width:1101px){.figure{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(0,.36fr)}}@media (max-height:980px) and (min-width:1101px){.panel.futures .sub{display:none}#futures{height:132px;margin-top:10px}.figure{grid-template-rows:auto minmax(0,1.2fr) minmax(0,.62fr)}.panel{padding-top:12px;padding-bottom:12px}.narration,.explainer{font-size:14px}}@media (max-width:1100px),(max-aspect-ratio:5/4){:root{--pad:18px}body{overflow:auto}#app{height:auto}.masthead{flex-direction:column;align-items:flex-start;gap:12px}.brand{flex-direction:column;gap:4px}.dek{white-space:normal}.controls{flex-wrap:wrap}.divider{display:none}.figure{grid-template:"game""futures""circuit""brain""learning"/minmax(0,1fr)}.panel.game{border-right:0;border-bottom:1px solid var(--rule)}.board-wrap{flex:none;height:min(92vw,70vh)}#circuit{flex:none;height:380px}.panel.brain{padding-left:var(--pad)}#brain{flex:none;height:240px}#curve{flex:none;height:260px}.game-head{gap:18px}.stat.big b{font-size:38px}}