.thinking-robot{--tr-teal:#126a70;--tr-gold:#f8b43b;--tr-ink:#18364c;color:var(--ink,#18364c)}
.tr-toolbar,.tr-buttons{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end}.tr-toolbar{padding:1rem;background:#f6f8fc;border:1px solid #d8e0e9;border-radius:1rem}.tr-toolbar label{font-weight:650;flex:1 1 13rem}.tr-toolbar .tr-buttons{flex:2 1 25rem}.tr-buttons .btn{min-height:44px}
.tr-note{background:#edf7f4;border-left:5px solid var(--tr-teal);padding:1rem;margin:1rem 0}.tr-note p:last-child{margin-bottom:0}
.tr-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}.tr-world,.tr-program{min-width:0;border:1px solid #d5dfea;background:#fff;border-radius:1rem;padding:1.2rem}.tr-world h2,.tr-program h2{font-size:1.5rem}.tr-world>p,.tr-program>p{font-size:.95rem}
.tr-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;background:#d5e0e7;padding:5px;border-radius:.7rem;max-width:34rem;margin:auto}.tr-cell{aspect-ratio:1;border:2px solid transparent;background:#fbfaf3;border-radius:5px;color:var(--tr-ink);font-size:clamp(1.25rem,3vw,2rem);position:relative;display:grid;place-items:center;padding:0;min-width:0;touch-action:manipulation}.tr-cell:disabled{opacity:1}.tr-cell.tr-start{border-color:#126a70}.tr-cell.tr-goal{background:#ffedb4;color:#825408}.tr-cell.tr-wall{background:#32465b;color:white}.tr-cell.tr-trail:not(.tr-wall):not(.tr-goal){background:#d9efea}.tr-cell.tr-front{outline:3px dashed #d98b11;outline-offset:-5px}.tr-cell .tr-robot{background:#126a70;color:#fff;border-radius:50%;width:75%;height:75%;display:grid;place-items:center;box-shadow:0 0 0 3px white}.tr-cell:focus-visible,.thinking-robot button:focus-visible,.thinking-robot select:focus-visible{outline:3px solid #e99b19;outline-offset:3px}
.tr-legend{list-style:none;padding:0;margin:1rem 0;display:flex;gap:.4rem 1rem;flex-wrap:wrap;font-size:.85rem}.tr-legend li{display:flex;align-items:center;gap:.35rem}.tr-key{font-size:1.1rem}.tr-key-robot{color:#126a70}.tr-key-goal{color:#a36a08}.tr-key-wall{color:#32465b}.tr-key-trail{background:#d9efea;padding:0 .3rem}
.tr-status{padding:1rem;margin:1rem 0 .5rem;border-radius:.7rem;background:#edf4ff;border:1px solid #b8cbe5;min-height:5rem;font-weight:600}.tr-status[data-event=success]{background:#e3f5e8;border-color:#64a97d}.tr-status[data-event=blocked],.tr-status[data-event=limit],.tr-status[data-event=invalid]{background:#fff0e9;border-color:#df9d84}.tr-scrubber{display:block;font-size:.9rem}.tr-scrubber input{display:block;width:100%;margin:.6rem 0}.tr-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.tr-metrics p{margin:0;padding:.65rem;background:#f7f9fc;border-radius:.6rem}.tr-metrics span{display:block;font-size:.8rem}.tr-metrics strong{font-size:1.3rem}
.tr-program fieldset{border:0;padding:0;min-width:0;max-height:43rem;overflow-y:auto;overscroll-behavior:contain}.tr-node{background:#f5f7fd;border:1px solid #ccd7e7;border-left:4px solid #8198b8;border-radius:.6rem;margin:.55rem 0;padding:.65rem;min-width:0}.tr-node[data-type=if]{border-left-color:#b87c13;background:#fff9e9}.tr-node[data-type=repeat],.tr-node[data-type=while]{border-left-color:#178078;background:#edf8f5}.tr-node.tr-active{box-shadow:0 0 0 3px #f4ae24;background:#fff3ce}.tr-node-header{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,2rem);gap:.25rem;align-items:center}.tr-node-header select{min-width:0;width:100%;font-size:.9rem;padding:.45rem .25rem}.tr-node-header button{border:1px solid #b5c4d1;border-radius:.35rem;background:white;min-height:36px;padding:0}.tr-node-header button:disabled{opacity:.35}.tr-times{display:flex;align-items:center;gap:.5rem;font-size:.85rem;margin:.5rem 0}.tr-times select{width:5rem}.tr-branch{padding-left:.55rem;margin-top:.5rem;border-left:1px solid #a5c5bd;min-width:0}.tr-branch-label{font-size:.8rem;font-weight:750;margin:.5rem 0}.tr-add{font-size:.85rem;margin:.4rem 0;min-height:38px}.tr-empty{font-size:.85rem;color:#526779;margin:.6rem 0}
@media(max-width:850px){.tr-layout{grid-template-columns:minmax(0,1fr)}.tr-program fieldset{max-height:none;overflow:visible}.tr-world,.tr-program{padding:.85rem}.tr-toolbar{padding:.75rem}.tr-node{padding:.45rem}.tr-node-header{grid-template-columns:minmax(0,1fr) repeat(3,1.85rem)}.tr-branch{padding-left:.3rem}.tr-cell{font-size:1.7rem}.tr-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.thinking-robot *{scroll-behavior:auto!important}}