.brain-enter-circuit{position:absolute;right:15px;bottom:48px;z-index:5}.brain-cluster{cursor:pointer}.brain-cluster:hover>circle,.brain-cluster:focus>circle{stroke:#dfc38b;fill:#354a50}.brain-cluster.replaying>circle{stroke:#e7d092;stroke-width:4}.brain-cluster text{font:13px Georgia,serif;pointer-events:none}.brain-cluster .cluster-name{font:12px Georgia,serif}.brain-cluster-members{max-height:400px;overflow:auto;display:grid;gap:8px}.brain-cluster-members button{text-align:left;min-height:44px}.brain-cluster-members small{display:block;color:#adc2c4}.memory-history{padding-left:18px;font-size:12px}.memory-history li{padding:6px 0}.brain-medallions{pointer-events:none}.brain-medallions button{pointer-events:auto}.tissue-stack,#brain-highlight,.brain-base{pointer-events:none}@media(max-width:650px){.brain-cluster text{font-size:14px}.brain-cluster .cluster-name{font-size:12px}}

/* Match the badge to the tissue under the pointer, including keyboard focus. */
.medallion.selected{border-color:#ffe5a7;background:#34474d;outline:3px solid #ffe5a7;outline-offset:5px;box-shadow:0 0 12px var(--voice),0 0 32px var(--voice);filter:brightness(1.7)}
.medallion.selected span{color:#fff8e4;border-color:var(--voice);background:#12262ef5;font-weight:700}
@media(prefers-reduced-motion:no-preference){.medallion{transition:filter .15s,box-shadow .15s,border-color .15s}}

.medallion.selected>img{filter:brightness(1.3) drop-shadow(0 0 4px #ffe5a7)}

/* 0.7: copper instruments, living mauve tissue, restrained cyan light. */
#brain .brain-stage{isolation:isolate;border:1px solid #8c6644;border-radius:12px;background:#241b19;box-shadow:0 18px 46px #0007,0 0 30px #90533616}
#brain .brain-stage>.brain-base{filter:saturate(1.85) brightness(1.27) contrast(1.07)}
#brain .tissue-stack>img:first-child{filter:saturate(1.4) brightness(1.12) contrast(1.05)}
#brain .tissue-stack #brain-highlight{filter:saturate(1.32) brightness(1.06)}
#brain .brain-stage::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 5px #a97b4520,inset 0 -35px 55px #100c1533;background:radial-gradient(ellipse at 10% 30%,#dd8a3412,transparent 45%),radial-gradient(ellipse at 92% 70%,#41b3bb15,transparent 42%)}
#brain .brain-medallions{position:absolute;inset:0;z-index:4}
#brain .medallion{border-color:#c59a60;background:#14272b;box-shadow:0 2px 8px #000a,inset 0 0 6px #ba8f4444}
#brain .medallion.selected{background:#29454b;filter:brightness(1.35);box-shadow:0 0 12px var(--voice),0 0 28px #50c6d45c}
#brain .medallion span{background:#16262ef5;color:#fff1d3;border-color:#a68b60}
#brain .brain-caption{z-index:5;left:12px;right:12px;bottom:9px;width:fit-content;max-width:calc(100% - 24px);padding:5px 9px;border:1px solid #aa88534d;border-radius:4px;background:#172026ed;color:#efd3a2}
#brain .specimen{z-index:3;filter:saturate(1.32) brightness(1.13)}
#brain .specimen>span{color:#ffe5b2;text-shadow:0 1px 5px #000}
#brain #regions{background:linear-gradient(140deg,#22343a,#17242d);border-color:#756344;border-radius:10px;box-shadow:inset 0 1px #dfbd7830}
#brain #regions h2{color:#f0d49c}
#brain .network-stats>div{border-color:#615e49;background:linear-gradient(140deg,#253b41,#172730);border-radius:7px}
#brain .network-stats strong{color:#f0d09a}
#brain .memory-inspector{background:linear-gradient(145deg,#21343b,#17232d);border-color:#676047;border-radius:10px}
#brain .cortex-toolbar{border-color:#716348}
#brain .implant-creature{z-index:6}
@media(max-width:650px){#brain .brain-caption{font-size:10px;padding:3px 6px;bottom:4px}#brain .brain-stage{border-radius:7px}}

.audio-controls{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.audio-controls button{font-size:11px;padding:8px 10px;white-space:nowrap}.audio-controls button[aria-pressed=true]{color:#f3d49c;border-color:#937847;background:#273436}.audio-volume{position:relative;font-size:11px;color:#bcc9cc}.audio-volume summary{cursor:pointer;padding:8px}.audio-volume>label{position:absolute;right:0;top:28px;width:190px;padding:14px;background:#172830;border:1px solid #957c53;border-radius:7px;box-shadow:0 12px 30px #0008;color:#eed6a5;z-index:8}.audio-volume input{accent-color:#ddbd7f;padding:0;min-height:30px}.audio-controls :focus-visible{outline:2px solid #ffe5a7;outline-offset:3px}@media(max-width:850px){.audio-controls{gap:3px}.audio-controls #sound{margin-left:0}.audio-controls button{font-size:10px;padding:7px 8px}.audio-volume summary{padding:7px 4px}}