@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
.choice-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.choice-chart{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.choice-chart h3{font-size:16px;font-weight:500}.choice-bar{display:grid;grid-template-columns:24px minmax(60px,1fr) 40px;gap:12px;align-items:center;margin:18px 0}.choice-bar progress{height:16px}.choice-bar output{text-align:right;font-variant-numeric:tabular-nums}.cue-a{--bar:#ffa46b}.cue-b{--bar:#a4b5ff}@media(max-width:700px){.choice-chart{grid-template-columns:1fr;gap:4px}}
.learning-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:26px 0}.learning-stages>div{border-left:2px solid #8c6d96;padding-left:14px}.learning-stages small,.learning-stages span{display:block;font-size:14px;color:var(--muted)}.learning-stages strong{display:block;font-size:28px;font-variant-numeric:tabular-nums;margin:10px 0;color:#e8b2ef}.learning-controls{display:flex;flex-wrap:wrap;gap:18px}.learning-panel details{margin-top:20px;font-size:14px;line-height:1.7}.learning-panel summary{cursor:pointer}.learning-panel a{text-decoration:underline;color:var(--mint)}@media(max-width:900px){.learning-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.learning-stages{grid-template-columns:1fr}.learning-panel{padding:18px}.learning-controls{display:grid}}
.learning-panel{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#162126}.learning-panel h2{font-size:21px;margin-bottom:20px}.learning-panel p{font-size:14px;line-height:1.7;color:#a8b9ba;max-width:900px}.learning-panel .metric{max-width:550px}.memory{--bar:#e8b2ef}.learning-panel #pairing-note{color:var(--mint)}.learning-panel button.quiet{border:1px solid #617776;border-radius:8px;padding:10px 14px;font-size:14px}.shocked .arena-wrap{box-shadow:inset 0 0 0 4px #d57940}.shocked #fly-sprite{filter:sepia(.6) saturate(2)}#events li[data-kind=memory]{border-color:#97669e}
:root{font-family:Manrope,system-ui,sans-serif;color:#eaf0ee;background:#10191c;font-synthesis:none;color-scheme:dark;--muted:#94a5a7;--line:#2b383d;--mint:#abecd4;--orange:#ffa46b;--red:#f47c80}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:5px}button{font:inherit;cursor:pointer;transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}.topbar{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:14px;font-size:21px;letter-spacing:-.6px}.brand b{color:var(--mint)}.brand small{display:block;font-size:10px;letter-spacing:2.1px;color:var(--muted);margin-top:5px}.brand-mark{width:43px;height:43px;border:1px solid #617776;border-radius:12px;font-size:32px;line-height:42px;text-align:center;color:var(--mint);position:relative}.brand-mark span{position:absolute;font-size:17px;right:3px;top:-8px}.model-badge{font-size:13px;color:#b7c8c9;border:1px solid var(--line);border-radius:40px;padding:9px 14px}.model-badge span{color:var(--mint);margin-left:10px}main{max-width:1450px;margin:auto;padding:38px 5vw 22px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:30px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--mint);margin-bottom:12px}h1{font-size:clamp(28px,3.4vw,46px);line-height:1.12;letter-spacing:-1.5px;margin:0;font-weight:600}h1 span{color:#8a9c9f}.heading p{font-size:15px;line-height:1.8;color:#a6b7b9;margin:0 0 3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#162126}.chamber{min-width:0;display:flex;flex-direction:column}.chamber-top,.chamber-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-size:14px}.chamber-top>div{display:flex;align-items:center;gap:9px}.chamber-top strong{font-weight:500}.chamber-top #clock{font-variant-numeric:tabular-nums;color:#a6b7b9}.live-dot{width:7px;height:7px;background:var(--mint);border-radius:50%}.arena-wrap{position:relative;flex:1;min-height:440px;margin:0 16px;border-radius:12px;overflow:hidden;background:#d8e0dd}canvas{width:100%;height:100%;display:block;position:absolute;touch-action:manipulation;cursor:crosshair}.arena-label{position:absolute;top:20px;left:22px;display:flex;flex-direction:column;color:#425953;pointer-events:none;font-size:12px;gap:5px}.arena-label span:first-child{font-size:11px;font-weight:800;letter-spacing:1.8px}.arena-hint{position:absolute;bottom:15px;text-align:center;width:100%;font-size:12px;color:#597168;pointer-events:none}.chamber-bottom{color:var(--muted);padding:15px 24px}.chamber-bottom>span{display:flex;align-items:center;gap:7px;font-size:12px}.legend-food,.legend-fly{width:7px;height:7px;border-radius:50%;display:inline-block;background:#dd7c3f}.legend-fly{background:#48574f;margin-left:15px}.quiet{border:0;background:none;color:#bfcdce;font-size:13px;padding:5px 8px}.controls{border-left:1px solid var(--line);padding:24px;background:#1a272c}h2{font-size:16px;letter-spacing:-.3px;margin:0;font-weight:600}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:25px}.panel-title>span{font-size:11px;background:#2b413b;padding:5px 8px;border-radius:5px;color:#b0e5ce}.metric{margin-bottom:23px}.metric>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.metric label{font-size:14px}.metric output{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}.metric output span{font-size:11px;color:#7e9397;margin-left:4px;font-weight:400}.metric small{font-size:11px;color:#90a2a6;display:block;margin-top:7px}progress{display:block;width:100%;height:5px;appearance:none;border:0;border-radius:3px;overflow:hidden;background:#354349}progress::-webkit-progress-bar{background:#354349}progress::-webkit-progress-value{background:var(--bar);border-radius:3px;transition:width .15s}progress::-moz-progress-bar{background:var(--bar)}.pleasure{--bar:var(--mint)}.stress{--bar:var(--orange)}.health{--bar:#83b8db}.actions{border-top:1px solid #344248;padding-top:20px}.actions h2{margin-bottom:15px}.primary,.shock-button{width:100%;border-radius:8px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700}.primary{background:var(--mint);color:#183c30;border:1px solid var(--mint)}.button-note{font-size:11px;font-weight:500;opacity:.65}.actions p{font-size:12px;color:#92a4a8;line-height:1.55;margin:8px 0 18px}.intensity{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.intensity output{color:var(--orange)}input[type=range]{width:100%;accent-color:var(--orange);height:12px;cursor:pointer;margin:2px 0 0}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#8d9fa3;margin:6px 0 15px}.shock-button{background:#413332;border:1px solid #755045;color:#ffc1a1}.reset-button{background:none;border:0;color:#a5b6b9;font-size:12px;width:100%;padding:8px 0}.journal{margin-top:27px}.journal-title{display:flex;align-items:center;gap:18px;margin-bottom:14px}.journal-title h2{font-size:15px}.journal-title span{font-size:10px;letter-spacing:1.5px;color:#7d959a}#events{padding:0;list-style:none;display:flex;gap:10px;margin:0;overflow-x:auto;min-height:69px;align-items:stretch}#events li{background:#18252a;border:1px solid #2a393e;border-radius:9px;min-width:245px;padding:12px 15px;font-size:12px;line-height:1.5}#events time{font-size:10px;color:#88a39f;display:block;margin-bottom:3px;font-variant-numeric:tabular-nums}#events li[data-kind=shock]{border-color:#624038}#events li[data-kind=food]{border-color:#37594a}#events li[data-kind=death]{border-color:#a3565c}footer{display:flex;align-items:start;gap:12px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line);color:#809599}footer p{font-size:11px;line-height:1.7;margin:0;max-width:810px}footer strong{font-weight:500;color:#a9babb}footer a{font-size:11px;white-space:nowrap;margin-left:auto;margin-top:3px}.note-icon{border:1px solid #627b7d;border-radius:50%;width:17px;height:17px;flex-shrink:0;text-align:center;font-size:11px;line-height:15px;margin-top:3px}.end-overlay{position:absolute;inset:0;background:#13241b9e;backdrop-filter:blur(5px);align-items:center;justify-content:center;text-align:center}.end-overlay:not([hidden]){display:flex}.end-overlay>div{background:#17282a;padding:28px;border:1px solid #48605c;border-radius:14px;margin:20px}.end-symbol{font-size:30px;color:var(--red);line-height:1}.end-overlay h2{font-size:25px;margin-top:8px}.end-overlay p{font-size:14px;line-height:1.7;color:#a8bfba}.end-overlay button{justify-content:center;margin-top:20px}.paused canvas{opacity:.65}@media(min-width:1500px){.arena-wrap{min-height:520px}}@media(max-width:950px){main{padding:28px 24px}.topbar{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 290px}.controls{padding:20px}.heading p{font-size:13px}.arena-wrap{margin:0 10px;min-height:400px}.chamber-top,.chamber-bottom{padding:18px 16px}}@media(max-width:700px){.topbar{height:80px;padding:0 18px}.brand{font-size:18px}.brand small{font-size:8px;letter-spacing:1.5px}.model-badge{font-size:10px;padding:7px 10px}.model-badge span{display:none}main{padding:26px 14px 18px}.heading{display:block;margin-bottom:22px}.heading h1 br{display:none}.heading h1 span{display:block}.heading p{margin-top:14px;font-size:14px;line-height:1.5}.desktop{display:none}.workspace{grid-template-columns:1fr}.arena-wrap{min-height:330px}.controls{border-left:0;border-top:1px solid var(--line);padding:22px}.panel-title{margin-bottom:20px}.metric{margin-bottom:20px}.metric small,.actions p{font-size:13px}.actions p{margin-bottom:20px}.intensity{font-size:14px}.range-labels{font-size:12px}.primary,.shock-button{padding:15px;font-size:16px}.button-note{font-size:12px}.reset-button{font-size:14px}.arena-label{top:15px;left:15px;font-size:10px}.arena-hint{font-size:11px}footer{flex-wrap:wrap}footer p{font-size:12px;flex:1}footer a{margin-left:29px;font-size:12px}.journal-title span{font-size:10px}.brand-mark{width:36px;height:36px;line-height:35px;font-size:27px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Readable regular labels; fine print remains secondary. */
.brand small{font-size:12px;letter-spacing:1px}.metric small,.actions p,.intensity,.range-labels,.reset-button,.button-note{font-size:14px}.panel-title>span{font-size:12px}.actions p{line-height:1.6}.arena-label span:first-child,.chamber-bottom>span,.quiet{font-size:14px}.arena-label,.arena-hint{font-size:12px}.journal-title span,#events time{font-size:12px}#events li{font-size:14px}footer p,footer a{font-size:12px}.heading p{font-size:16px}@media(max-width:700px){.brand small{font-size:10px}.model-badge{font-size:12px}.arena-label{font-size:12px}.arena-hint{font-size:12px}}

#fly-sprite{position:absolute;width:190px;height:190px;background-image:url('assets/fly-walk.png?v=2');background-size:1200% 100%;background-repeat:no-repeat;pointer-events:none;will-change:transform,left,top;z-index:1}.arena-label,.arena-hint{z-index:2}.end-overlay{z-index:3}@media(max-width:700px){#fly-sprite{width:130px;height:130px}.model-badge{max-width:135px;line-height:1.5;text-align:center}}
.neural-panel{margin-top:24px;border:1px solid var(--line);background:#162126;border-radius:14px;padding:24px}.neural-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.neural-heading .eyebrow{font-size:12px;margin-bottom:8px}.neural-heading h2{font-size:21px}.neural-heading>span{font-size:14px;color:var(--mint)}.neural-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:26px 0}.neural-stages>div{border-left:2px solid #40645a;padding-left:16px}.neural-stages small{font-size:12px;color:var(--muted);display:block}.neural-stages strong{font-size:32px;font-weight:500;display:block;color:var(--mint);margin:8px 0;font-variant-numeric:tabular-nums}.neural-stages>div>span{font-size:14px;color:var(--muted)}.neural-switch{display:flex;align-items:center;gap:12px;font-size:14px;cursor:pointer}.neural-switch input{width:18px;height:18px;accent-color:var(--orange)}.neural-panel details{margin-top:22px;font-size:14px;color:#a8b9ba;line-height:1.7}.neural-panel summary{cursor:pointer;color:#d9e7e2}.neural-panel a{text-decoration:underline;color:var(--mint)}@media(max-width:700px){.neural-heading{align-items:start;flex-direction:column}.neural-stages{grid-template-columns:1fr;gap:18px}.neural-stages strong{display:inline-block;font-size:26px;margin-right:14px}.neural-panel{padding:20px}.neural-switch{align-items:flex-start}}