.research-lab{--gold:#f2c23d;--red:#c92f36;--cyan:#66eadc;position:relative;margin:clamp(2rem,5vw,4rem) auto;padding:clamp(1.1rem,3vw,2.4rem);overflow:hidden;border:1px solid #806b2f;border-radius:30px;background:radial-gradient(circle at 80% 0,rgba(102,234,220,.13),transparent 30%),linear-gradient(145deg,#020d0e,#063a34 65%,#081d1b);box-shadow:0 25px 70px #0008,inset 0 0 50px #66eadc0b;color:#fff}.lab-grid{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(#66eadc44 1px,transparent 1px),linear-gradient(90deg,#66eadc44 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent)}.research-lab header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.research-lab h2{margin:.15rem 0 .5rem;color:var(--gold);font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.02;text-shadow:0 1px #fff6,0 4px 14px #000}.lab-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.lab-tools button,.units,.analyze{min-height:44px;padding:.65rem .9rem;border:1px solid #f2c23daa;border-radius:999px;background:#072a27;color:#fff;font-weight:850;cursor:pointer}.speak,.analyze{background:var(--red)!important;border-color:var(--red)!important}.mission{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin:1.3rem 0;padding:0;list-style:none}.mission li{padding:.6rem;border:1px solid #fff2;border-radius:999px;color:#8ba8a3;text-align:center;font-size:.75rem;font-weight:900;text-transform:uppercase}.mission li.on{border-color:var(--gold);color:#fff;background:linear-gradient(90deg,#c92f3655,#f2c23d1e)}.hypothesis{position:relative;padding:1rem;border-left:4px solid var(--gold);border-radius:0 16px 16px 0;background:#ffffff0d}.hypothesis b,.field-note b{color:var(--gold);letter-spacing:.08em}.hypothesis p{margin:.3rem 0 .7rem}.hypothesis button{min-height:44px;margin:.2rem;padding:.55rem 1rem;border:1px solid #fff5;border-radius:10px;background:transparent;color:#fff;font-weight:800}.hypothesis button[aria-pressed=true]{border-color:var(--cyan);background:#66eadc22;box-shadow:0 0 20px #66eadc22}.lab-status{position:relative;margin:.85rem 0;color:var(--cyan);font:850 .78rem ui-monospace,Consolas,monospace;letter-spacing:.08em}.size-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:end;gap:1rem;min-height:340px;padding:3rem 1rem 1rem;overflow:hidden;border:1px solid #66eadc66;border-radius:22px;background:linear-gradient(#04272f,#07463d)}.size-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 35px,#66eadc22 36px 37px),linear-gradient(90deg,transparent 49.8%,#f2c23d33 50%,transparent 50.2%)}.size-stage:after{content:"WWATV · CALIBRATED COMPARISON BAY";position:absolute;top:.7rem;left:1rem;color:#ffffff88;font:800 .67rem ui-monospace,monospace;letter-spacing:.12em}.scanner{position:absolute;z-index:5;top:36px;bottom:15px;left:2%;width:3px;background:var(--cyan);box-shadow:0 0 18px 5px #66eadc99;opacity:0}.scanning .scanner{opacity:1;animation:scan 4.3s cubic-bezier(.2,.65,.25,1) forwards}.subject{position:relative;z-index:2;display:flex;min-width:0;margin:0;flex-direction:column;align-items:center}.subject-box{position:relative;display:flex;align-items:flex-end;justify-content:center;width:min(100%,285px);min-height:48px;transition:height .5s ease}.subject-box img{width:100%;height:100%;object-fit:contain;border-radius:16px;filter:saturate(1.1) contrast(1.05);box-shadow:0 12px 28px #0008}.ref-icon{display:flex;width:100%;height:100%;align-items:flex-end;justify-content:center}.ref-icon svg{display:block;width:100%;height:100%;max-width:260px;fill:#e9f4f1;filter:drop-shadow(0 12px 10px #0007)}.ref-icon .cut{fill:#123a37}.ref-icon .gold{fill:var(--gold)}.ruler{position:absolute;top:0;right:-2px;bottom:0;width:15px;border-right:2px solid var(--gold)}.ruler:before,.ruler:after{content:"";position:absolute;right:-6px;width:13px;border-top:2px solid var(--gold)}.ruler:before{top:0}.ruler:after{bottom:0}.ruler span{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:right center;white-space:nowrap;color:var(--gold);font:900 .7rem ui-monospace,monospace}.subject figcaption{margin-top:.7rem;font-weight:900;text-align:center}.subject figcaption small{display:block;margin-top:.2rem;color:#b8d0ca;font-weight:500}.vs{z-index:2;align-self:center;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.readouts,.facts{display:grid;gap:.65rem;margin:1rem 0}.readouts{grid-template-columns:repeat(3,1fr)}.facts{grid-template-columns:repeat(4,1fr)}.readouts p,.facts p{margin:0;padding:.8rem;border:1px solid #fff2;border-radius:14px;background:#ffffff0b}.readouts span,.facts span{display:block;color:var(--cyan);font-size:.7rem;font-weight:900;letter-spacing:.07em}.facts span{color:var(--gold)}.readouts b,.facts b{display:block;margin-top:.3rem}.controls>div:first-child{display:flex;align-items:center;justify-content:space-between}.controls label{color:var(--gold);font-weight:900}.controls input{width:100%;margin:1rem 0;accent-color:var(--red)}.presets{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem}.presets button{display:flex;min-height:112px;padding:.5rem;flex-direction:column;align-items:center;justify-content:flex-end;gap:.35rem;border:1px solid #f2c23d77;border-radius:14px;background:#0002;color:#fff;font-weight:800}.presets svg{width:100%;height:64px;fill:currentColor}.presets button[aria-pressed=true]{border-color:var(--gold);background:#c92f3666;box-shadow:0 0 24px #c92f3644}.presets span{font-size:.74rem}.field-note{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid #66eadc66;border-radius:16px;background:#66eadc10}.field-note p{margin:0}.note{font-size:.88rem;color:#cfe1dd}.complete .field-note{box-shadow:0 0 26px #66eadc22}.effects-off *{animation-play-state:paused!important;transition:none!important}.sound-off .sound{opacity:.75}@keyframes scan{from{left:2%}to{left:98%}}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:900px){.research-lab header{display:block}.lab-tools{justify-content:flex-start;margin-top:1rem}.presets{grid-template-columns:repeat(3,1fr)}.facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.mission{grid-template-columns:repeat(2,1fr)}.size-stage{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);min-height:290px;padding-inline:.35rem}.readouts{grid-template-columns:1fr}.presets{grid-template-columns:repeat(2,1fr)}.field-note,.controls>div:first-child{align-items:flex-start;flex-direction:column}.ruler span{font-size:.58rem}}@media(prefers-reduced-motion:reduce){.research-lab *,.research-lab *:before,.research-lab *:after{animation:none!important;transition:none!important}.scanner{display:none}}
/* Photorealistic comparison assets replace abstract symbols without changing calibrated scale. */
.ref-icon>img{display:block;width:100%;height:100%;max-width:260px;object-fit:contain;border-radius:0;filter:drop-shadow(0 12px 10px #0007);box-shadow:none}
.presets{grid-template-columns:repeat(8,1in);justify-content:center;align-items:start}
.presets button{width:1in;height:1in;min-height:0;padding:.16rem;justify-content:space-between;border-radius:10px}
.presets .ref-icon{height:.62in;align-items:center}
.presets .ref-icon>img,.presets button>img{display:block;width:100%;height:.62in;max-width:.78in;object-fit:contain;filter:drop-shadow(0 5px 5px #0007)}
.presets span{font-size:.54rem;line-height:1.05}
@media(max-width:900px){.presets{grid-template-columns:repeat(4,1in)}}
@media(max-width:430px){.presets{grid-template-columns:repeat(3,1in)}.presets button{width:1in;height:1in}.presets .ref-icon,.presets .ref-icon>img,.presets button>img{height:.62in}}
.hypothesis.needs-choice{animation:ww-choice-prompt .7s ease 3;border-left-color:#fff;box-shadow:0 0 0 2px #f2c23d,0 0 30px #f2c23d44}
.hypothesis.needs-choice button{border-color:#f2c23d}
@keyframes ww-choice-prompt{50%{transform:scale(1.015)}}
.research-record .play-result{margin-top:.8rem;padding:.8rem 1rem;border:1px solid #f2c23d;border-radius:999px;background:linear-gradient(135deg,#9e1f27,#c92f36);color:#fff;font-weight:950;letter-spacing:.06em;cursor:pointer}.research-record .play-result:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.55)}.research-record .play-result:not(:disabled){box-shadow:0 0 18px #c92f3655}.research-record .result-audio-note{margin:.55rem 0 0;color:#b8d0ca;font-size:.78rem}