.specimen-controls { position:relative; display:grid; grid-template-columns:auto minmax(170px,1fr) auto auto auto; gap:.55rem; align-items:center; margin:.75rem 0 1rem; padding:.75rem; border:1px solid #66eadc55; border-radius:16px; background:#001b1dcc; }
.specimen-controls button { min-height:44px; padding:.65rem .85rem; border:1px solid #f2c23d88; border-radius:12px; background:#062a28; color:#fff; font-weight:850; cursor:pointer; }
.specimen-controls button[aria-pressed="true"] { background:#c92f36; border-color:#fff; }
.specimen-controls label { display:grid; gap:.25rem; color:#f2c23d; font-size:.68rem; font-weight:950; letter-spacing:.1em; }
.specimen-controls input { width:100%; accent-color:#c92f36; }
.animal-subject { transform:perspective(900px) rotateX(var(--specimen-tilt,0deg)) rotateY(var(--specimen-turn,0deg)) scaleX(var(--specimen-flip,1)); transform-style:preserve-3d; transition:transform .42s cubic-bezier(.2,.7,.2,1); }
.materialized .animal-subject { filter:drop-shadow(0 0 15px #66eadc66); }
.activation-console { display:grid; grid-template-columns:minmax(240px,420px) 1fr; gap:1rem; align-items:center; margin:.8rem 0; }
.materialize { min-height:72px; padding:.8rem 1.3rem; border:1px solid #f2c23d; border-radius:16px; background:linear-gradient(135deg,#8f111b,#d4383e 50%,#671015); box-shadow:0 0 0 1px #fff2 inset,0 0 24px #c92f3655; color:#fff; cursor:pointer; }
.materialize span,.materialize small { display:block; }
.materialize span { font-size:1rem; font-weight:950; letter-spacing:.08em; }
.materialize small { margin-top:.25rem; color:#ffe7a0; }
.materialize:disabled { cursor:default; opacity:.9; }
.energy-meter { height:16px; overflow:hidden; border:1px solid #66eadc88; border-radius:999px; background:#001417; }
.energy-meter i { display:block; width:0; height:100%; background:linear-gradient(90deg,#66eadc,#f2c23d,#fff); box-shadow:0 0 18px #66eadc; }
.energizing .energy-meter i { animation:energy-charge 4.3s cubic-bezier(.18,.8,.22,1) forwards; }
.awaiting-specimen .animal-subject { opacity:.08; filter:blur(8px) saturate(0); }
.materializing .animal-subject:before,.materializing .animal-subject:after { content:""; position:absolute; z-index:8; inset:-10% -6%; pointer-events:none; }
.materializing .animal-subject:before { background:repeating-linear-gradient(0deg,transparent 0 8px,#66eadcaa 9px,#fff 10px,transparent 12px); mix-blend-mode:screen; animation:transport-bands .62s linear infinite; }
.materializing .animal-subject:after { background:radial-gradient(ellipse,#fff9 0,#66eadc55 34%,transparent 70%); animation:transport-core 4.3s ease both; }
@keyframes energy-charge { to { width:100%; } }
@keyframes transport-bands { to { transform:translateY(20px); } }
@keyframes transport-core { 0%{opacity:0;transform:scale(.3)} 25%{opacity:1} 72%{opacity:.8;transform:scale(1.12)} 100%{opacity:0;transform:scale(1)} }
.unit-changing:after { content:"RECALIBRATING MEASUREMENT SYSTEM"; position:fixed; z-index:9999; left:50%; top:50%; width:min(82vw,620px); padding:1.1rem; transform:translate(-50%,-50%); border:1px solid #f2c23d; border-radius:16px; background:#021719ee; box-shadow:0 0 70px #66eadc99; color:#f2c23d; text-align:center; font-weight:950; letter-spacing:.12em; animation:unit-sweep .9s ease both; pointer-events:none; }
@keyframes unit-sweep { 0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%) scale(.85)} 25%,70%{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)} 100%{opacity:0;filter:blur(5px);transform:translate(-50%,-50%) scale(1.04)} }
.kris-player { display:block; width:100%; margin-top:.8rem; accent-color:#c92f36; }
.narration-pending { color:#b8d0ca; font-style:italic; }
.projection-note { padding:.75rem 1rem; border-left:4px solid #66eadc; background:#66eadc12; color:#d7e7e3; }
.projection-note b { color:#f2c23d; }
@media (max-width:760px) { .activation-console,.specimen-controls { grid-template-columns:1fr 1fr; } .activation-console .materialize,.activation-console .energy-meter,.specimen-controls label { grid-column:1/-1; } .specimen-controls .reset-view { grid-column:1/-1; } }
.specimen-3d{position:absolute;z-index:3;inset:0;min-height:260px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 50% 46%,#16494d 0,#05292c 48%,#001316 100%);touch-action:none;cursor:grab}.specimen-3d:active{cursor:grabbing}.specimen-3d canvas{display:block;width:100%;height:100%}.model-state{position:absolute;z-index:4;left:50%;bottom:.45rem;transform:translateX(-50%);white-space:nowrap;padding:.3rem .6rem;border:1px solid #66eadc66;border-radius:999px;background:#001316cc;color:#bafbf1;font-size:.58rem;font-weight:900;letter-spacing:.08em;pointer-events:none}.true-3d-ready .animal-subject .specimen-fallback{opacity:0;pointer-events:none}.true-3d-ready .animal-subject{transform:none!important}.true-3d-ready.materializing .specimen-3d{animation:ww-materialize 4.3s ease both}.awaiting-specimen.true-3d-ready .specimen-3d{opacity:.08;filter:blur(8px) saturate(0)}
.true-3d-ready .animal-subject .subject-box{position:relative;min-height:260px;isolation:isolate}.true-3d-ready .animal-subject .specimen-fallback{visibility:hidden!important;opacity:0!important}.true-3d-ready .animal-subject .specimen-3d{display:block;z-index:10}
.true-3d-ready .specimen-3d:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 7px,#66eadc12 8px 9px),radial-gradient(circle at 50% 50%,#66eadc12,transparent 58%);animation:ww-holo-scan 5s linear infinite}.true-3d-ready .specimen-3d:after{content:"HOLOGRAPHIC BIO-SCAN ACTIVE";position:absolute;z-index:12;left:.55rem;top:.5rem;padding:.25rem .45rem;border-left:2px solid #f2c23d;color:#9fffee;font-size:.52rem;font-weight:950;letter-spacing:.11em;text-shadow:0 0 10px #66eadc}.true-3d-ready .specimen-3d canvas{position:relative;z-index:2;filter:drop-shadow(0 0 9px #66eadc88)}@keyframes ww-holo-scan{0%{background-position:0 -80px,0 0}100%{background-position:0 280px,0 0}}
@media(max-width:600px){.specimen-3d{min-height:220px}.model-state{font-size:.5rem}}
.sound-lab{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:1rem;margin-top:1rem;padding:1.2rem;border:1px solid #f2c23d88;border-radius:20px;background:radial-gradient(circle at 85% 15%,#08756b40,transparent 34%),linear-gradient(135deg,#071315,#020708);box-shadow:inset 0 0 38px #0008}.sound-lab h3{margin:.2rem 0;color:#f2c23d}.call-types{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0}.call-types span{padding:.4rem .65rem;border:1px solid #66eadc77;border-radius:999px;color:#9ff7ed;background:#062b2d;font-size:.72rem;font-weight:900;letter-spacing:.05em}.hearing-note{padding:.75rem;border-left:3px solid #c92f36;background:#0005}.hearing-note b{display:block;margin-bottom:.25rem;color:#f2c23d;font-size:.72rem;letter-spacing:.1em}.listen-animal{min-height:52px;padding:.75rem 1rem;border:1px solid #f2c23d;border-radius:12px;color:#fff;background:linear-gradient(135deg,#8e111c,#d52b36);font-weight:950;letter-spacing:.07em;cursor:pointer}.spectrogram{position:relative;overflow:hidden;margin:0;border:1px solid #66eadc77;border-radius:16px;background:#001011}.spectrogram img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}.spectrogram i{position:absolute;top:0;bottom:30px;left:-8%;width:3px;background:#fff;box-shadow:0 0 9px 3px #66eadc,0 0 24px 7px #66eadc88;opacity:0}.animal-sound-playing .spectrogram i{opacity:1;animation:ww-sound-scan 2.2s linear infinite}.spectrogram figcaption{position:absolute;right:0;bottom:0;left:0;padding:.45rem;background:#000c;color:#d9f9f5;font-size:.68rem;text-align:center}.sound-source{grid-column:1/-1;margin:0;color:#b8d0ca;font-size:.75rem}.animal-sound-playing .sound-lab{box-shadow:inset 0 0 52px #0c807744,0 0 26px #66eadc22}@keyframes ww-sound-scan{from{left:-8%}to{left:108%}}@media(max-width:760px){.sound-lab{grid-template-columns:1fr}.spectrogram img{min-height:180px}}.effects-off .spectrogram i{animation:none!important}.unit-changing:after{content:'LAB UNIT SYSTEM RECALIBRATED';position:fixed;z-index:9999;inset:45% 8% auto;padding:1rem;border:1px solid #f2c23d;border-radius:14px;background:#061011ed;color:#f2c23d;text-align:center;font-weight:950;letter-spacing:.12em;animation:ww-unit-flash .9s ease both}@keyframes ww-unit-flash{0%{opacity:0;transform:scale(.86)}25%,70%{opacity:1;transform:scale(1)}100%{opacity:0}}
.evidence-lab{padding:1.2rem;border:1px solid #f2c23d88;border-radius:20px;background:linear-gradient(145deg,#051719,#07100f)}
.evidence-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:1rem 0}
.evidence-tabs button{min-height:48px;border:1px solid #f2c23d;border-radius:12px;background:#081c1d;color:#fff;font-weight:900;cursor:pointer}
.evidence-tabs button[aria-pressed="true"]{background:#a71922;color:#fff}
.evidence-screen{min-height:145px;padding:1.2rem;border:1px solid #66eadc66;border-radius:16px;background:radial-gradient(circle at top right,#0d4b4966,#020808)}
.evidence-screen b{display:block;margin-bottom:.45rem;color:#f2c23d;letter-spacing:.1em}
.evidence-progress{height:8px;margin-top:1rem;overflow:hidden;border-radius:99px;background:#fff1}
.evidence-progress i{display:block;width:25%;height:100%;background:linear-gradient(90deg,#c92f36,#f2c23d);transition:width .4s}
@media(max-width:600px){.evidence-tabs{grid-template-columns:1fr 1fr}}