:root{--bg:#04050c;--panel:#0b0e1a;--card:#10142280;--line:#1f2640;--text:#dfe5f5;--muted:#8a93ad;--pac:#ffd54a;--wall:#3d6bff;--reward:#3ddc84;--punish:#ff5470;--accent:#ffb13d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}body{grid-template-columns:minmax(0,1fr) clamp(960px,60vw,1400px);display:grid;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#262e4d transparent}:hover{scrollbar-color:#3a4670 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#262e4d padding-box padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#4a5888}::-webkit-scrollbar-corner{background:0 0}#stage{min-height:0;position:relative;overflow:hidden}#maze{width:100%;height:100%;display:block;position:absolute;inset:0}#title{pointer-events:none;max-width:min(64ch,42vw);position:absolute;top:14px;left:18px}#title h1{letter-spacing:.08em;color:var(--pac);text-shadow:0 0 14px #ffd54a66;margin:0;font:800 30px/1 ui-monospace,SFMono-Regular,Menlo,monospace}#title h1 span,#loading h1 span{color:var(--wall)}#title p{color:var(--muted);margin:6px 0 0;font-size:12px}#title .title-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.links{pointer-events:auto;gap:6px;display:flex}.link-btn{color:var(--text);cursor:pointer;background:#121729e6;border:1px solid #2c3760;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font:600 12px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;text-decoration:none;display:inline-flex}.link-btn:hover,.link-btn:focus-visible{border-color:var(--accent)}.link-btn.guide-btn{color:var(--pac)}.link-btn.icon{padding:4px 7px}.link-btn.kofi:hover,.link-btn.kofi:focus-visible{border-color:#ff5e5b}.guide{z-index:30;pointer-events:none;position:fixed;inset:0}.guide-spot{outline:2px solid var(--accent);border-radius:12px;transition:left .25s,top .25s,width .25s,height .25s;position:fixed;box-shadow:0 0 0 200vmax #020309b8}.guide-card{pointer-events:auto;color:var(--text);background:#10152a;border:1px solid #36416b;border-radius:12px;padding:10px 14px 12px;transition:left .25s,top .25s;position:fixed;box-shadow:0 12px 40px #000c}.guide-card header{color:var(--muted);justify-content:space-between;align-items:center;font:11px ui-monospace,Menlo,monospace;display:flex}.guide-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:20px;line-height:1}.guide-close:hover{color:var(--text)}.guide-card h3{color:var(--pac);margin:4px 0 6px;font-size:15px}.guide-body{color:#c9d1e6;font-size:13px;line-height:1.5}.guide-body p{margin:0 0 6px}.guide-body ul{margin:0 0 6px;padding-left:18px}.guide-body b{color:var(--text)}.guide-card footer{align-items:center;gap:8px;margin-top:10px;display:flex}.guide-dots{flex-wrap:wrap;flex:1;justify-content:center;gap:4px;display:flex}.guide-dots button{cursor:pointer;background:#2c3760;border:0;border-radius:50%;width:7px;height:7px;padding:0}.guide-dots button[aria-current=step]{background:var(--accent)}.guide-prev,.guide-next{color:var(--text);cursor:pointer;background:#182039;border:1px solid #2c3760;border-radius:7px;padding:5px 12px;font-size:12px}.guide-next{background:var(--pac);border-color:var(--pac);color:#1a1400;font-weight:700}.guide-prev:disabled{opacity:.4;cursor:default}.guide-hide{color:var(--muted);cursor:pointer;border-top:1px solid #232b48;align-items:center;gap:6px;margin-top:10px;padding-top:8px;font-size:12px;display:flex}.guide-hide input{accent-color:var(--accent);margin:0}@media (prefers-reduced-motion:reduce){.guide-spot,.guide-card{transition:none}}#score{text-align:right;pointer-events:none;gap:16px;display:flex;position:absolute;top:14px;right:18px}#score div{flex-direction:column;display:flex}#score b{color:#fff;font:700 22px/1.1 ui-monospace,Menlo,monospace}#score span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}#banner{color:var(--pac);text-shadow:0 0 18px #000,0 0 8px #000;opacity:0;pointer-events:none;white-space:nowrap;font:800 26px ui-monospace,Menlo,monospace;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}#banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#banner.bad{color:var(--punish)}#fallbackNote{color:#ffd699;background:#2a1d05;border:1px solid #6b4a10;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}#brainstats{color:var(--muted);white-space:pre;text-overflow:ellipsis;pointer-events:none;font:11px/1.4 ui-monospace,Menlo,monospace;position:absolute;bottom:10px;left:18px;right:18px;overflow:hidden}#panel{background:var(--panel);border-left:1px solid var(--line);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.95fr);min-height:0;display:grid;overflow:hidden}.panel-col{flex-direction:column;gap:8px;min-height:0;padding:10px 10px 16px;transition:background-color .15s;display:flex;overflow-y:auto}.panel-col+.panel-col{border-left:1px solid var(--line)}.panel-col.drop-target{background:#0f1328}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px 10px}.card.pinned{z-index:2;background:var(--panel);position:sticky;top:-10px;box-shadow:0 6px 16px #000a}.card h2{align-items:center;gap:4px;margin:0;font-size:13px;display:flex}.card h2 small{color:var(--muted);margin-left:4px;font-weight:400}.card-toggle{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:1;align-items:baseline;gap:2px;padding:2px 0;display:flex}.card-toggle:before{content:"▾";width:14px;color:var(--muted);transition:transform .15s;display:inline-block}.card.collapsed .card-toggle:before{transform:rotate(-90deg)}.card.collapsed>:not(h2){display:none!important}.card-pin{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px}.card-pin[aria-pressed=true]{color:var(--accent)}.card-grip{color:var(--muted);opacity:.5;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:4px;align-items:center;padding:3px 2px;display:flex}.card-grip:hover,.card-grip:focus-visible{opacity:1;color:var(--text)}.card-grip:active{cursor:grabbing}.card.dragging{opacity:.35}.drop-marker{background:var(--accent);border-radius:2px;flex:none;height:3px;margin:-5px 4px;box-shadow:0 0 10px #ffb13d99}.eyes{gap:6px;margin-top:6px;display:grid}.eyes figure{margin:0}.eyes canvas{aspect-ratio:2.4;background:#05060a;border-radius:6px;width:100%;display:block}.eyes figcaption{color:var(--muted);margin-top:2px;font-size:11px}#brain,#circuits{aspect-ratio:1.25;cursor:grab;touch-action:none;background:#05060a;border-radius:6px;width:100%;margin-top:6px;display:block}#memory,#timeline{background:#05060a;border-radius:6px;width:100%;margin-top:6px;display:block}#memory{aspect-ratio:2}#timeline{aspect-ratio:3}.stat.hover{min-height:2.9em;margin-top:4px}.caption{color:var(--muted);margin:6px 0 0;font-size:11px}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{text-align:left;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#151a2c;border-radius:7px;flex-wrap:wrap;align-items:center;gap:1px 10px;padding:3px 8px 4px;font-size:11px;display:flex}.chip b{color:var(--text);flex-basis:100%;font-weight:600}.chip i{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.chip[aria-pressed=true]{border-color:#3a4670}.chip[aria-pressed=false]{opacity:.45}.meter{margin-top:7px}.meter label{color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.lr,.bar{background:#1a2034;border-radius:5px;height:9px;position:relative;overflow:hidden}.lr:after{content:"";background:#5a6480;width:1px;position:absolute;top:0;bottom:0;left:50%}.lr span,.bar span{background:var(--accent);width:0;position:absolute;top:0;bottom:0}.lr span:first-child{right:50%}.lr span:last-child{left:50%}.bar span{background:#7aa2ff;left:0}.bar.reward span{background:var(--reward)}.bar.punish span{background:var(--punish)}.bar.escape span{background:var(--accent)}.lr.food span{background:var(--reward)}.lr.danger span{background:var(--punish)}body.mode-free [data-mode=logic],body.mode-logic [data-mode=free]{display:none}.bar em{background:var(--text);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.stat{color:var(--muted);white-space:pre-line;margin:8px 0 0;font:11px/1.45 ui-monospace,Menlo,monospace}.controls .knob{margin-top:9px}.knob-head{align-items:center;gap:6px;display:flex}.knob-head label{flex:1;font-size:12px}.knob output{color:var(--accent);font:12px ui-monospace,Menlo,monospace}.knob input[type=range],.knob select{width:100%;accent-color:var(--accent);margin-top:3px}.knob select{color:var(--text);border:1px solid var(--line);background:#151a2c;border-radius:6px;padding:4px}.knob.check{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.knob.check label{flex:1;font-size:12px}.knob.check .explain{flex-basis:100%}.info{border:1px solid var(--line);width:18px;height:18px;color:var(--muted);cursor:pointer;background:#151a2c;border-radius:50%;padding:0;font:italic 700 11px/1 Georgia,serif}.info[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.explain{color:var(--muted);margin:4px 0 0;font-size:12px}.buttons{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}button{font:inherit}.buttons button,#start{color:var(--text);cursor:pointer;background:#182039;border:1px solid #2c3760;border-radius:7px;padding:5px 10px}.buttons button:hover,#start:hover{border-color:var(--accent)}.credits{color:var(--muted);margin:4px 2px 0;font-size:11px}.credits a{color:#9fb4ff}#loading{z-index:10;background:radial-gradient(circle at 50% 40%,#0d1330,#04050c 70%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#loading .box{text-align:center;width:min(420px,100%)}#loading h1{letter-spacing:.08em;color:var(--pac);text-shadow:0 0 20px #ffd54a55;margin:0 0 12px;font:800 44px/1 ui-monospace,Menlo,monospace}#loadLabel{color:var(--muted);min-height:2.8em}.progress{background:#1a2034;border-radius:3px;height:6px;overflow:hidden}.progress span{background:var(--pac);width:0;height:100%;transition:width .2s;display:block}.size-note{color:var(--muted);font-size:12px}#start{background:var(--pac);color:#1a1400;border-color:var(--pac);margin-top:8px;padding:9px 22px;font-size:16px;font-weight:700}.error{color:var(--punish)}@media (width<=1600px){body{grid-template-columns:minmax(0,1fr) clamp(640px,46vw,920px)}#panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:min-content;align-items:start;overflow-y:auto}.panel-col{min-height:100%;overflow:visible}#viz{grid-row:span 2}#settings{border-top:1px solid var(--line);grid-column:2}}@media (width<=1200px){body{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}#panel{display:block}.panel-col{min-height:0}.panel-col:not(:last-child){padding-bottom:0}.panel-col+.panel-col{border-top:0;border-left:0;padding-top:8px}}@media (width<=900px){body{grid-template-rows:62vh auto;grid-template-columns:1fr;overflow:auto}#panel{border-left:0;border-top:1px solid var(--line);overflow:visible}#score .optional,#title p{display:none}#title h1{font-size:22px}#brainstats{white-space:normal;font-size:10px}}