.performance-lab{position:absolute;inset:0;z-index:24;color:#f0eadb;pointer-events:none;font-family:inherit;background:linear-gradient(180deg,rgba(15,33,37,.66),transparent 17%,transparent 85%,rgba(15,33,37,.56))}
.performance-lab[hidden]{display:none}
.performance-lab header{position:absolute;inset:max(18px,env(safe-area-inset-top)) 24px auto;display:flex;justify-content:space-between;align-items:center;gap:12px}
.performance-lab header div{display:grid;gap:6px;text-shadow:0 1px 8px #14282b}
.performance-lab header span{font-size:11px;font-weight:750;letter-spacing:.16em}
.performance-lab header small{font-size:18px;font-weight:500}
.performance-lab button,.performance-lab select,.performance-lab input{pointer-events:auto;font:inherit}
.performance-lab button,.performance-lab select{min-height:44px;border:1px solid #97b9a74a;border-radius:9px;color:#e9eadc;background:#29423ee0;padding:8px 12px;cursor:pointer}
.performance-lab button:hover{background:#3d5c51}
.performance-lab button[aria-pressed=true]{color:#263c35;background:#e6cc99;border-color:#eddbb5}
.performance-lab :focus-visible{outline:3px solid #b5eedc;outline-offset:3px}
.performance-lab select{appearance:none;-webkit-appearance:none;height:44px;min-width:44px;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23d8dfc7' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.lab-panel{pointer-events:auto;position:absolute;right:24px;top:104px;bottom:112px;width:320px;max-height:710px;overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid #c6d2b833;border-radius:18px;background:linear-gradient(145deg,#203a35ef,#192f34f2);box-shadow:0 12px 50px #0f292538;backdrop-filter:blur(14px)}
.lab-panel h2{font-weight:500;font-size:27px;letter-spacing:-.04em;margin:0 0 10px}
.lab-provenance{font-size:10px;letter-spacing:.12em;color:#c7d5be;line-height:1.6;margin:0 0 18px}
.lab-modes{display:flex;gap:4px;margin:0 0 20px}
.lab-modes button{flex:1;min-width:0;font-size:10px;padding:8px 5px}
.lab-panel label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#c5d4bd;margin:0 0 7px}
.lab-panel select{width:100%;margin-bottom:16px;background-color:#203933}
.lab-focus{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}
.lab-focus button{flex:1;font-size:10px;text-transform:capitalize;padding:8px 6px;min-width:44px}
.lab-readout{display:block;font-size:65px;font-weight:400;letter-spacing:-.055em;color:#f2dfb5;line-height:1.15;font-variant-numeric:tabular-nums}
.lab-plot-title{font-size:12px;color:#d1dcc6;margin:4px 0 12px}
.lab-panel svg{display:block;width:100%;height:82px;background:linear-gradient(#abcbb610 1px,transparent 1px);background-size:100% 20px;border-bottom:1px solid #bbd7ba30}
.lab-stats{font-size:12px;line-height:1.6;color:#d5dec6;border-bottom:1px solid #a4cdb52c;padding-bottom:14px;margin-bottom:14px}
.lab-phase{font-size:11px;letter-spacing:.04em;color:#e9d4a7;margin:12px 0 0}
.lab-orbit{display:inline-flex;gap:6px;margin:8px 0 0 6px}
.lab-orbit button{font-size:12px}
.lab-note{font-size:10px;line-height:1.7;color:#b8cbb8;margin:14px 0 0}
.lab-transport{pointer-events:auto;position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;width:min(750px,calc(100% - 48px));padding:12px 16px;background:#1c3630ee;border:1px solid #b9ccb53a;border-radius:15px;box-shadow:0 8px 32px #122d2940}
.lab-transport input{flex:1;min-width:30px;height:44px;accent-color:#e3c992;cursor:pointer}
.lab-transport output{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:102px}
.lab-transport button{min-width:70px}
.lab-active .topbar,.lab-active .hud,.lab-active .objective,.lab-active #hint,.lab-active #scenePeek,.lab-active #toast,.lab-active .speech,.lab-active .moment{visibility:hidden!important;pointer-events:none!important}
@media(max-width:850px){
 .performance-lab header{inset:max(12px,env(safe-area-inset-top)) 12px auto}
 .performance-lab header span{font-size:9px;letter-spacing:.08em}
 .performance-lab header small{font-size:14px}
 .performance-lab header button{font-size:12px;padding:8px}
 .lab-panel{top:auto;bottom:96px;left:12px;right:12px;width:auto;max-height:37vh;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
 .lab-panel h2{display:none}
 .lab-provenance{font-size:8px;margin:0;align-self:center;grid-column:1/-1}
 .lab-modes{grid-column:1/-1;margin:0}
 .lab-panel label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .lab-panel select{grid-column:1/-1;margin:0}
 .lab-focus{grid-column:1/-1;margin:0}
 .lab-readout{font-size:43px;grid-column:1;align-self:end}
 .lab-plot-title{font-size:10px;margin:0;grid-column:1;grid-row:6}
 .lab-panel svg{grid-column:2;grid-row:5/7;height:65px;align-self:center}
 .lab-stats{grid-column:1/-1;font-size:10px;margin:0;padding:8px 0}
 .lab-phase{grid-column:1/-1;font-size:10px;margin:0}
 .lab-note{grid-column:1/-1;margin:0}
 .lab-orbit{margin:0;justify-content:flex-end}
 .lab-transport{bottom:max(12px,env(safe-area-inset-bottom));gap:8px;width:calc(100% - 24px);padding:8px}
 .lab-transport output{min-width:80px;font-size:10px}
 .lab-transport button{min-width:52px;font-size:12px;padding:8px}
 .lab-transport select{font-size:12px;padding:8px 4px}
}
@media(max-height:540px){
 .lab-panel{top:82px;bottom:86px;left:auto;right:12px;width:280px;max-height:none;display:block;padding:14px}
 .lab-panel h2{font-size:20px}.lab-provenance{margin:8px 0}.lab-readout{font-size:40px}.lab-modes,.lab-panel select{margin-bottom:8px}
 .lab-transport{width:min(620px,calc(100% - 24px))}
}
@media(prefers-reduced-motion:reduce){.performance-lab *{scroll-behavior:auto}}

.lab-products{font-size:11px;line-height:1.5;color:#d1dcc6;margin:0 0 10px;grid-column:1/-1}.lab-record{width:100%;margin-bottom:12px;grid-column:1/-1}.lab-video{grid-column:1/-1;margin-bottom:14px;font-size:12px}.lab-video[hidden]{display:none}.lab-video summary{cursor:pointer;padding:10px 0;min-height:44px}.lab-video video{width:100%;max-height:200px;background:#162626;border-radius:8px;display:block}.lab-video-download{display:inline-block;color:#f2dfb5;min-height:44px;padding-top:10px;pointer-events:auto}
.phone-capture{position:absolute;inset:0;z-index:26;color:#f3ead4;pointer-events:none;background:linear-gradient(#122e3355,transparent 24%,transparent 70%,#122e3366)}.phone-capture[hidden]{display:none}.phone-capture header{position:absolute;top:max(16px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.phone-capture small{font-size:10px;letter-spacing:.10em}.phone-capture header p{font-size:13px;margin:6px 0}.phone-capture button{pointer-events:auto;background:#203d35;color:#f3ead4;border:1px solid #b8d3bd;border-radius:10px;min-height:44px;padding:10px 14px;cursor:pointer}.phone-capture button:focus-visible{outline:3px solid #e4c48a;outline-offset:3px}.phone-capture aside{position:absolute;left:24px;bottom:24px;max-width:440px;padding:18px 22px;background:#203d35ed;border:1px solid #a5c8b444;border-radius:16px}.phone-capture h2{font-size:24px;margin:0 0 8px;font-weight:500}.phone-capture aside p{font-size:13px;line-height:1.5;margin:0}.phone-capture output{display:block;font-size:28px;min-height:32px;color:#f0c18b;font-variant-numeric:tabular-nums;margin:8px 0}.phone-capture .phone-source{font-size:10px;color:#c0d6bd}.phone-active .topbar,.phone-active .hud,.phone-active .objective,.phone-active #hint,.phone-active #scenePeek,.phone-active #toast,.phone-active .speech{visibility:hidden!important;pointer-events:none!important}
@media(max-width:850px){.phone-capture header{left:12px;right:12px;gap:8px}.phone-capture small{font-size:8px;letter-spacing:.02em}.phone-capture header p{font-size:11px}.phone-capture button{font-size:11px;padding:8px}.phone-capture aside{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:14px 16px;max-width:none}.phone-capture h2{font-size:20px}.lab-products{font-size:9px;margin:0}.lab-record{margin:0}.lab-video{margin:0}.lab-video video{max-height:160px}}

@media(max-width:850px) and (min-height:541px){.lab-metrics{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.lab-metrics .lab-readout{grid-column:1;grid-row:1}.lab-metrics .lab-plot-title{grid-column:1;grid-row:2}.lab-metrics svg{grid-column:2;grid-row:1/3;align-self:center}}

.phone-capture header{background:#203d35ed;padding:12px 16px;border-radius:14px;border:1px solid #a5c8b444}.lab-record:disabled,.lab-orbit button:disabled{opacity:.55;cursor:default}

.lab-video{pointer-events:auto;position:absolute;left:24px;top:104px;width:min(28vw,320px);padding:10px 14px;background:#203a35f2;border:1px solid #c6d2b833;border-radius:14px;box-shadow:0 12px 40px #0f292530}.lab-video summary{padding:8px 0}.lab-video-download{font-size:11px}.lab-video video{max-height:210px}
@media(max-width:850px){.lab-video{left:12px;right:12px;top:84px;width:auto;padding:4px 12px}.lab-video video{max-height:23vh}.lab-video summary{font-size:11px;padding:8px 0}.lab-video-download{padding:6px 0;min-height:34px}}