:root{--paper:#f3eee4;--paper-2:#e9e2d3;--ink:#1c1a17;--ink-2:#4a453d;--ink-3:#8a8274;--rule:#d6cdbd;--reward:#1f7a4d;--punish:#c43d2b;--accent:#c8871e;--left:#2f6aa3;--right:#c8581e;--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.ghost{color:var(--ink);border:1px solid var(--rule);background:0 0}.icon-btn.ghost svg{width:18px;height:18px}.icon-btn.ghost .wave{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.icon-btn.ghost .icon-off,.icon-btn.ghost.muted .icon-on{display:none}.icon-btn.ghost.muted .icon-off{display:block}.text-btn.quiet-on[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}#sound-hint{color:#7a5a2e;pointer-events:none;background:#fffaf0eb;border:1.5px dashed #b08a55;border-radius:8px;padding:2px 9px;font:15px Pangolin,Comic Sans MS,cursive;position:absolute;top:64px;right: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 arcade pathway"minmax(0,1fr)"game spikes brain"minmax(0,1fr)/minmax(0,.82fr) minmax(0,.6fr) minmax(0,.6fr);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);background:#fbf6e8;grid-area:game;padding:0}.panel.arcade{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-area:arcade}.panel.pathway{border-bottom:1px solid var(--rule);grid-area:pathway}.panel.spikes{border-right:1px solid var(--rule);grid-area:spikes}.panel.brain{grid-area:brain}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}#game{width:100%;height:100%;display:block}#arcade,#pathway,#brainmap{flex:1;width:100%;min-height:0;margin-top:8px}#arcade{cursor:grab;border-radius:4px}#arcade:active{cursor:grabbing}#brainmap{cursor:grab}#raster{flex:1;width:100%;min-height:0;margin-top:10px}#traces{width:100%;height:92px;margin-top:8px}.steer{font:500 13px var(--mono);color:var(--ink-3);margin-left:auto}.steer.left{color:var(--left)}.steer.right{color:var(--right)}.facts{padding:9px var(--pad) 10px;border-top:1px solid var(--rule);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;overflow:hidden}.facts b{color:var(--ink);font-weight:600}.caption{text-align:center;font:italic 400 15px/1.35 var(--serif);color:var(--ink-2);margin:10px 0 0}.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-height:980px) and (min-width:1101px){.panel .sub{display:none}.panel{padding-top:12px;padding-bottom:12px}.panel.game{padding:0}#traces{height:76px}}@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"78vh"arcade""pathway""spikes""brain"/minmax(0,1fr)}.panel.game,.panel.arcade,.panel.spikes{border-right:0;border-bottom:1px solid var(--rule)}#arcade{flex:none;height:46vh}#pathway{flex:none;height:420px}#raster{flex:none;height:220px}#brainmap{flex:none;height:300px}.facts{white-space:normal}}