.brain-atlas{--brain-signal:0;position:relative;overflow:hidden;padding:clamp(46px,6vw,76px) clamp(18px,5vw,72px);border-block:1px solid rgba(208,183,255,.13);background:radial-gradient(circle at 46% 43%,rgba(79,27,111,.24),transparent 34%),linear-gradient(145deg,#050407,#020203 68%);color:#f4effa;font-family:Arial,Helvetica,sans-serif}.brain-atlas:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(123,238,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(123,238,255,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at 50% 48%,#000,transparent 70%)}.brain-atlas__head,.brain-atlas__deck,.brain-atlas__signal,.brain-atlas__source{position:relative;z-index:1;width:min(1180px,100%);margin-inline:auto}.brain-atlas__head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.brain-atlas__eyebrow{margin:0 0 14px;color:#74c7d0;font-size:9px;font-weight:600;letter-spacing:.3em}.brain-atlas h2{margin:0;font:400 clamp(48px,4.4vw,68px)/.8 Georgia,serif;letter-spacing:-.055em}.brain-atlas h2 em{color:transparent;font-weight:400;-webkit-text-stroke:1px #83bbc1}.brain-atlas__intro{width:min(410px,40%);margin:0 0 4px;color:#8fa2a5;font-size:13px;line-height:1.7}.brain-atlas__deck{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;height:min(690px,68vw);min-height:560px;border:1px solid rgba(205,246,255,.14);background:rgba(4,8,9,.6);box-shadow:0 38px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025)}.brain-atlas__viewport{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(126,55,181,calc(.05 + var(--brain-signal)*.12)),transparent 34%)}.brain-atlas canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;filter:drop-shadow(0 10px calc(8px + var(--brain-signal)*12px) rgba(29,101,108,.22))}.brain-atlas canvas:active{cursor:grabbing}.brain-atlas__halo{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;border:1px solid rgba(123,238,255,.13);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 calc(15px + var(--brain-signal)*70px) rgba(74,226,241,calc(.05 + var(--brain-signal)*.16)),inset 0 0 35px rgba(70,226,242,.04)}.brain-atlas__halo:after,.brain-atlas__halo:before{content:"";position:absolute;inset:9%;border:1px dashed rgba(123,238,255,.1);border-radius:50%}.brain-atlas__halo:after{inset:29% -18%;border-style:solid}.brain-atlas__orientation{position:absolute;inset:16px 18px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;color:#63777a;font-size:7px;letter-spacing:.24em}.brain-atlas__loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#8ed8df;font-size:9px;letter-spacing:.25em}.brain-atlas__tooltip{position:absolute;z-index:4;padding:7px 9px;transform:translate(12px,-50%);border:1px solid rgba(123,238,255,.25);background:#071012d9;color:#dffbff;font-size:8px;letter-spacing:.14em;pointer-events:none}.brain-atlas__panel{padding:32px 27px;border-left:1px solid rgba(205,246,255,.13);background:rgba(7,12,14,.87)}.brain-atlas__number{display:block;color:rgba(123,238,255,.16);font:300 72px/1 Georgia,serif}.brain-atlas__panel h3{min-height:62px;margin:2px 0 12px;font:400 29px/1 Georgia,serif}.brain-atlas__description{min-height:68px;margin:0;color:#91a3a6;font-size:12px;line-height:1.6}.brain-atlas__panel dl{margin:23px 0}.brain-atlas__panel dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(205,246,255,.1)}.brain-atlas__panel dt,.brain-atlas__panel dd{margin:0;font-size:8px;letter-spacing:.14em}.brain-atlas__panel dt{color:#627578}.brain-atlas__panel dd{color:#b9d3d6;text-align:right}.brain-atlas__panel button{width:100%;padding:12px;border:1px solid rgba(123,238,255,.22);background:transparent;color:#b5dce0;font:600 8px Arial;letter-spacing:.18em;cursor:pointer}.brain-atlas__labels{position:absolute;z-index:3;left:18px;top:18px;display:grid;gap:6px}.brain-atlas__labels button{display:flex;align-items:center;gap:8px;width:max-content;padding:6px 9px;border:1px solid transparent;background:rgba(4,8,9,.54);color:#82979a;font:600 8px Arial;letter-spacing:.1em;cursor:pointer}.brain-atlas__labels i{width:5px;height:5px;border:1px solid #6daab0;border-radius:50%}.brain-atlas__labels button:hover,.brain-atlas__labels button.active{border-color:rgba(123,238,255,.24);color:#e9ffff}.brain-atlas__labels button.active i{background:#7beeff;box-shadow:0 0 8px #7beeff}.brain-atlas__zoom{position:absolute;z-index:3;right:298px;bottom:18px;display:flex;align-items:center;gap:7px}.brain-atlas__zoom button{width:30px;height:30px;border:1px solid rgba(123,238,255,.2);background:#071012bb;color:#dffbff;font-size:16px;cursor:pointer}.brain-atlas__zoom span{font-size:7px;letter-spacing:.15em;color:#6d8184}.brain-atlas__signal{display:grid;grid-template-columns:180px 1fr minmax(310px,1.4fr);align-items:center;gap:24px;margin-top:20px}.brain-atlas__signal span,.brain-atlas__signal strong{display:block}.brain-atlas__signal span{color:#63777a;font-size:7px;letter-spacing:.18em}.brain-atlas__signal strong{margin-top:5px;color:#b9e8eb;font-size:10px;letter-spacing:.1em}.brain-atlas__meter{height:2px;background:#172426}.brain-atlas__meter i{display:block;width:0;height:100%;background:#7beeff;box-shadow:0 0 12px #55e9f8;transition:width .5s ease}.brain-atlas__signal p,.brain-atlas__source{color:#77898c;font-size:9px;line-height:1.55}.brain-atlas__signal b{color:#abc5c8;font-weight:600}.brain-atlas__source{margin-top:20px}.brain-atlas button:focus-visible,.brain-atlas__viewport:focus-visible{outline:1px solid #7beeff;outline-offset:3px}
@media(max-width:800px){.brain-atlas{padding-inline:14px}.brain-atlas__head{display:block}.brain-atlas__intro{width:100%;margin-top:22px}.brain-atlas__deck{grid-template-columns:1fr;height:570px;min-height:0}.brain-atlas__viewport{height:390px}.brain-atlas__panel{display:grid;grid-template-columns:62px 1fr;align-content:start;padding:18px;border-top:1px solid rgba(205,246,255,.13);border-left:0}.brain-atlas__panel .brain-atlas__eyebrow{display:none}.brain-atlas__number{grid-row:1/3;font-size:48px}.brain-atlas__panel h3{min-height:0;margin:0;font-size:24px}.brain-atlas__description{min-height:0;margin-top:6px}.brain-atlas__panel dl,.brain-atlas__panel button{display:none}.brain-atlas__zoom{right:16px;bottom:236px}.brain-atlas__signal{grid-template-columns:1fr;gap:12px}.brain-atlas__signal p{margin:0}.brain-atlas__labels{top:12px;left:10px;grid-template-columns:repeat(2,max-content);gap:2px}.brain-atlas__labels button{padding:5px 6px;font-size:7px}}
@media(max-width:1000px) and (min-width:761px){.brain-atlas h2{font-size:44px}}
@media(max-width:760px){.brain-atlas h2{font-size:clamp(32px,10vw,44px)}}
@media(max-width:430px){.brain-atlas__deck{height:520px;min-height:0}.brain-atlas__viewport{height:350px}.brain-atlas__labels span{max-width:82px;overflow:hidden;text-overflow:ellipsis}.brain-atlas__zoom{bottom:216px}.brain-atlas__halo{width:68%}}
@media(prefers-reduced-motion:reduce){.brain-atlas__meter i{transition:none}.brain-atlas canvas{filter:drop-shadow(0 8px 9px rgba(29,101,108,.16))}}

/* High-contrast reference treatment and gesture-safe controls. */
.brain-atlas__viewport{background:radial-gradient(ellipse at 50% 47%,rgba(103,44,150,calc(.1 + var(--brain-signal)*.1)) 0,rgba(20,13,31,.34) 36%,transparent 67%)}
.brain-atlas canvas{filter:drop-shadow(0 0 9px rgba(194,157,255,.13)) drop-shadow(0 14px calc(12px + var(--brain-signal)*12px) rgba(45,99,190,.28))}
.brain-atlas__turn{position:absolute;z-index:5;left:50%;bottom:17px;display:flex;align-items:center;gap:6px;transform:translateX(-50%);pointer-events:auto}
.brain-atlas__turn button,.brain-atlas__zoom button{min-width:38px;min-height:38px;border:1px solid rgba(169,225,235,.3);background:rgba(3,8,12,.78);color:#d7f8ff;font:500 17px/1 Arial;cursor:pointer}
.brain-atlas__turn button:last-child{width:auto;padding-inline:10px;font-size:8px;letter-spacing:.15em}
.brain-atlas__turn span{color:#73979d;font-size:7px;letter-spacing:.18em}
.brain-atlas__turn button:hover,.brain-atlas__turn button:focus-visible,.brain-atlas__zoom button:hover,.brain-atlas__zoom button:focus-visible{border-color:#d8b9ff;background:rgba(74,31,105,.56);outline:2px solid transparent;color:#fff}
.brain-atlas__description{line-height:1.58}
@media(max-width:800px){
  .brain-atlas__deck{height:auto;min-height:0}
  .brain-atlas__viewport{height:410px}
  .brain-atlas__panel{min-height:154px;grid-template-columns:62px minmax(0,1fr)}
  .brain-atlas__panel h3{padding-right:0}
  .brain-atlas__description{font-size:10px;line-height:1.5;max-width:none;padding-right:0}
  .brain-atlas__turn{left:12px;top:356px;bottom:auto;transform:none}
  .brain-atlas__turn button,.brain-atlas__zoom button{min-width:42px;min-height:42px}
  .brain-atlas__turn span{display:none}
  .brain-atlas__zoom{right:12px;top:356px;bottom:auto}
  .brain-atlas__labels{position:static;grid-row:2;right:auto;max-width:none;padding:8px 10px;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(205,246,255,.13);background:rgba(3,7,10,.86)}
  .brain-atlas__panel{grid-row:3}
  .brain-atlas__labels button{min-height:26px;white-space:nowrap}
}
@media(max-width:430px){
  .brain-atlas__viewport{height:390px}
  .brain-atlas__panel{min-height:164px}
  .brain-atlas__labels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brain-atlas__turn,.brain-atlas__zoom{top:336px}
  .brain-atlas__turn button:last-child{display:block}
  .brain-atlas__zoom span{display:none}
}