/* Agent brain · viewport, projected HTML data and physical console controls. */
.brain-minibox{aspect-ratio:1/.98!important;min-height:290px;background:radial-gradient(ellipse at 50% 40%,#1b3538e8,#09171bf2 72%)}
.agent-brain-view{position:absolute;isolation:isolate;overflow:hidden;touch-action:none;cursor:grab;outline:none;user-select:none}
.agent-brain-view.is-dragging{cursor:grabbing}
.agent-brain-view:focus-visible{outline:2px solid #f6bc77;outline-offset:-3px}
.brain-minibox .agent-brain-view{inset:25px 4px 88px}
.agent-brain-view canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;pointer-events:none}
.agent-brain-labels{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.agent-brain-name,.agent-brain-token{position:absolute;left:0;top:0;white-space:nowrap;line-height:1.3;font-family:var(--sc-font-mono);font-weight:400}
.agent-brain-name{padding:3px 5px;color:#e0ece6;background:#12272be8;border:1px solid #506f71;border-left:2px solid #ebaa65;font-size:10px;pointer-events:auto;user-select:text;cursor:text}
.agent-brain-name:before{content:'';display:inline-block;width:3px;height:3px;margin:0 4px 2px 0;background:#87d9d9}
.agent-brain-token{font-size:11px;letter-spacing:.02em;text-shadow:0 0 5px #64e2eb80,1px 1px #000;background:#0a171ba8;padding:0 2px}
.agent-brain-labels [hidden]{display:none!important}
.agent-brain-status,.agent-brain-hint{position:absolute;margin:0;font-family:var(--sc-font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:9px;color:#bdc9c4;pointer-events:none}
.agent-brain-status{top:10px;left:12px;color:#dcb880}
.agent-brain-hint{bottom:67px;left:0;right:0;text-align:center;font-size:8px}
.agent-brain-controls{position:absolute;display:flex;gap:4px;bottom:30px;left:50%;transform:translateX(-50%);z-index:4}
.agent-brain-controls button{display:grid;place-content:center;flex:none;padding:0;width:30px;height:29px;border:1px solid #68736c;border-bottom:3px solid #080e10;border-radius:2px;background:linear-gradient(#334043,#1b292d);color:#f2d1a2;font:17px var(--sc-font-mono);cursor:pointer;box-shadow:0 2px 0 #0007;touch-action:manipulation}
.agent-brain-controls button:hover{border-color:#e2b078;background:#344e50}.agent-brain-controls button:active{transform:translateY(2px);box-shadow:none}
.agent-brain-controls button:focus-visible{outline:2px solid #8febf0;outline-offset:2px}
.agent-brain-controls .brain-pause{margin-left:5px;font-size:13px;color:#a5e5e5}
.brain-minibox .agent-brain-name{font-size:9px;padding:2px 4px}.brain-minibox .agent-brain-token{font-size:10px}
.brain-minibox figcaption{bottom:3px!important;font-size:8px!important;padding-top:4px!important;letter-spacing:.12em!important}
.brain-stage .agent-brain-view{left:30%;right:25%;top:8%;bottom:20%;z-index:2;border:1px solid #68808055;background:radial-gradient(ellipse,#0a2025f2,#0b1c20da 70%);box-shadow:inset 0 0 45px #0007,0 4px 0 #080f1290}
.brain-stage .agent-brain-status{top:17%;left:var(--sc-gutter);font-size:10px;max-width:180px;line-height:1.7;z-index:3}
.brain-stage .agent-brain-controls{bottom:13%;left:52.5%;gap:6px}.brain-stage .agent-brain-controls button{width:38px;height:36px;font-size:20px}
.brain-stage .agent-brain-hint{bottom:19%;left:30%;right:25%;font-size:10px;z-index:3}
.brain-stage .brain-nota{bottom:25%;font-size:10px;max-width:15vw;line-height:1.7}
.brain-stage .brain-copy{max-width:28%;bottom:18%}.brain-stage .brain-copy p{max-width:28vw;font-size:clamp(1rem,1.6vw,1.5rem);background:#102126d9;padding:12px;border-left:2px solid #ae824e}
@media(max-width:900px){
 .brain-minibox{max-width:32rem}.brain-stage .agent-brain-view{left:4%;right:4%;top:13%;bottom:37%}
 .brain-stage .agent-brain-status{top:10%;left:22px;max-width:none;font-size:8px}
 .brain-stage .agent-brain-hint{left:4%;right:4%;bottom:36%;font-size:8px}
 .brain-stage .agent-brain-controls{left:50%;bottom:30%;gap:5px}.brain-stage .agent-brain-controls button{width:32px;height:30px;font-size:17px}
 .brain-stage .brain-cifre{top:auto;bottom:20%;left:22px;right:22px;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;text-align:left;padding:8px;font-size:8px}
 .brain-stage .brain-cifre b{font-size:12px}.brain-stage .brain-cifre li{line-height:1.4}
 .brain-stage .brain-copy{left:22px;right:22px;bottom:9%;max-width:none}.brain-stage .brain-copy p{width:100%;max-width:none;font-size:12px;line-height:1.45;padding:8px}
 .brain-stage .brain-nota{display:none}.brain-stage .brain-kicker{font-size:9px;max-width:90%;top:3%}
}
@media(max-width:420px){.brain-minibox{min-height:300px}.agent-brain-controls{gap:3px}.agent-brain-controls button{width:29px}.brain-minibox .agent-brain-name{font-size:8px}.brain-stage .agent-brain-name{font-size:9px}.brain-stage .agent-brain-token{font-size:10px}}
@media(max-height:580px) and (min-width:901px){.brain-stage .brain-nota{display:none}.brain-stage .agent-brain-status{top:23%}.brain-stage .agent-brain-controls{bottom:10%}.brain-stage .agent-brain-hint{bottom:19%}}

@media(pointer:coarse){.agent-brain-controls button{width:36px;height:36px}.agent-brain-hint{bottom:72px}.brain-stage .agent-brain-hint{bottom:36%}}