/* Fin's cream and charcoal illustrated card. */
#brain-panel{padding:10px 9px 9px;background:#f4e7bd;color:#302b27;border:2px solid #302b27;border-radius:19px 9px 20px 10px;box-shadow:2px 3px 0 #302b2770,inset 0 0 0 2px #fff7dc;isolation:isolate}
.brain-heading{padding:0 0 8px;gap:5px;align-items:center}
.brain-heading h2{font:24px/1 var(--title);color:#39312c;text-shadow:none;padding-left:30px}
.brain-heading button{color:#68574b;text-shadow:none;border:1px solid #8b776555;border-radius:50%;width:30px;min-width:30px;height:30px;min-height:30px;font-size:21px;background:#ead8b8}
.brain-heading button:hover{color:#fff6d9;background:#b85540;border-color:#874632}
.brain-heading button:focus-visible{outline:2px solid #b85540;outline-offset:3px}
#brain-viewport{margin:0;height:194px;background:radial-gradient(ellipse at 48% 40%,#39302e 0%,#292426 60%,#201d21 100%);border:2px solid #4b3b32;border-radius:12px 7px 14px 7px;box-shadow:inset 0 0 0 1px #c99f7555,0 1px 0 #fff9df;position:relative}
#brain-canvas{background:transparent;border-radius:inherit}
#brain-live{color:#57483b;text-shadow:none;font:italic 13px/1.35 Georgia,serif;margin:8px 0 0}
#brain-live:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#c47b50;border:1px solid #885238;margin-right:6px;vertical-align:1px}
#brain-loading{color:#f7ebc8;text-shadow:none}
@media(max-width:600px){#brain-panel{padding:8px 7px 7px;border-radius:15px 7px 16px 8px}.brain-heading{padding-bottom:6px}.brain-heading h2{font-size:20px;padding-left:27px}.brain-heading button{width:27px;min-width:27px;height:27px;min-height:27px;font-size:19px}#brain-viewport{height:137px;border-radius:10px 6px 11px 6px}#brain-live{font-size:12px;margin-top:7px}}
@media(max-height:600px) and (min-width:601px){#brain-viewport{height:144px}.brain-heading h2{font-size:21px}}

.vision-preview{margin:16px 0;padding-bottom:12px;border-bottom:1px solid #d8d3b344}.vision-preview h3{font:24px var(--title);margin:0 0 10px}.vision-eye-labels{display:flex;justify-content:space-around;font:italic 14px Georgia,serif;margin-bottom:6px}#fin-vision{display:block;width:100%;height:110px;image-rendering:pixelated;border:1px solid #ead8b8;border-radius:5px}.vision-preview #vision-status{font-size:13px}

/* Live sensor view beside the neural card; shares the same incoming state. */
#vision-panel{position:absolute;top:83px;right:280px;width:240px;z-index:15;padding:10px 9px 9px;background:#f4e7bd;color:#302b27;border:2px solid #302b27;border-radius:9px 19px 10px 20px;box-shadow:2px 3px 0 #302b2770,inset 0 0 0 2px #fff7dc}
#vision-title{font:24px/30px var(--title);text-align:center;margin:0 0 8px}
.vision-window{height:194px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 48% 40%,#39302e,#201d21);border:2px solid #4b3b32;border-radius:7px 12px 7px 14px;overflow:hidden}
#vision-panel .vision-eye-labels{color:#f4e7bd;font:italic 12px Georgia,serif;margin:0 0 12px}
#vision-panel #fin-vision{width:100%;height:auto;aspect-ratio:4;image-rendering:pixelated;display:block;border:0;border-radius:0}
#vision-status{font:italic 13px/1.35 Georgia,serif;margin:8px 0 0;text-align:center;color:#57483b}
#vision-caption{font:11px/1.4 Georgia,serif;text-align:center;margin:6px 0 0;color:#68574b}
@media(max-width:600px){#vision-panel{top:73px;right:201px;width:calc(100% - 216px);max-width:174px;padding:8px 7px 7px;border-radius:7px 15px 8px 16px}#vision-title{font-size:20px;line-height:27px;margin-bottom:6px}.vision-window{height:137px}#vision-status{font-size:12px}#vision-caption{font-size:10px}}
@media(max-width:374px){#brain-panel{width:calc((100% - 42px)/2)}#vision-panel{right:calc(50% + 6px);width:calc((100% - 42px)/2)}}
@media(max-height:600px) and (min-width:601px){#vision-panel{top:66px;right:240px;width:200px}.vision-window{height:144px}#vision-title{font-size:21px}}

/* Rounded per-column facet views, rendered once per incoming eye frame. */
#vision-panel #fin-vision{aspect-ratio:16/9;image-rendering:auto;width:100%;height:auto}
#vision-panel .vision-eye-labels{margin:0 0 2px}