/* Shared science-experiment presentation for non-game, non-Geometric-AI project pages. */
.science-console{margin-top:clamp(30px,5vw,70px);margin-bottom:clamp(20px,4vw,55px);border:1px solid color-mix(in srgb,var(--blue) 45%,var(--line));border-radius:20px;overflow:hidden;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--blue) 12%,transparent),transparent 32%),linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface) 82%,#061019));box-shadow:0 26px 70px #0003}
.science-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 17px;border-bottom:1px solid var(--line)}.science-console-head h2{font-size:clamp(1.45rem,2.5vw,2.1rem);margin:5px 0 0}.science-kicker{margin:0;color:var(--accent);font-size:.68rem;letter-spacing:.16em}.science-status{white-space:nowrap;border:1px solid color-mix(in srgb,var(--blue) 50%,var(--line));border-radius:999px;padding:6px 9px;color:var(--blue);font-size:.62rem;letter-spacing:.1em}
.science-console-grid{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr)}.science-protocol{padding:22px 24px;border-right:1px solid var(--line);display:grid;gap:15px;align-content:start}.science-protocol>div{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.science-protocol>div:last-child{border-bottom:0}.science-protocol small,.science-stage-label{color:var(--accent);font-size:.62rem;letter-spacing:.13em}.science-protocol p{margin:5px 0 0;font-size:.82rem;line-height:1.48}.science-stage{min-width:0;padding:22px 24px;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start;background:linear-gradient(145deg,transparent,#07151c42)}
.science-form{display:grid;gap:12px}.science-form label{display:grid;gap:6px;font-size:.76rem;color:var(--muted)}.science-form label output{justify-self:end;color:var(--ink);font-weight:700}.science-form input[type=range]{width:100%}.science-form input[type=number],.science-form select{width:100%;min-height:44px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px 10px}.science-check{grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important}.science-check input{width:18px;height:18px;accent-color:var(--accent)}
.science-output{min-width:0;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:14px;padding:18px;background:color-mix(in srgb,var(--bg) 65%,transparent)}.science-output>strong{display:block;font-size:1.08rem;line-height:1.35;margin-bottom:8px}.science-output>strong[data-tone=good]{color:#94e3c1}.science-output>strong[data-tone=warn]{color:#ffc19c}.science-output p{font-size:.82rem;line-height:1.5;margin:7px 0;color:var(--muted)}.science-output ul{padding-left:20px;color:var(--muted);font-size:.82rem}.science-output li{margin:.45em 0}.science-note{font-size:.72rem!important;color:var(--muted)!important}
.science-meter{height:9px;background:var(--surface2);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:9px 0}.science-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--accent));border-radius:inherit;transition:width .25s}.science-orb{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#8cc8d1 20%,#24596a 66%,#0a1e27);box-shadow:0 0 30px #8cc8d155;margin-bottom:12px}.science-orb[data-tone=warn]{background:radial-gradient(circle at 35% 28%,#fff,#f4a575 20%,#713c2a 66%,#24120b);box-shadow:0 0 30px #f4a57555}
.science-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.science-node-grid button,.science-probes button{min-height:44px;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:var(--bg);color:var(--muted);text-align:left}.science-node-grid button.active,.science-node-grid button:hover,.science-probes button:hover{border-color:var(--accent);color:var(--ink);background:var(--surface2)}.science-paths{display:grid;gap:6px;margin-top:12px}.science-paths span{display:block;padding:7px 9px;border-left:2px solid var(--blue);background:var(--surface);font-size:.72rem;color:var(--muted)}
.science-plan{padding-left:20px;margin:10px 0;font-size:.82rem;color:var(--muted)}.science-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.science-check-list>div{padding:8px;border:1px solid var(--line);border-radius:8px;font-size:.75rem;color:var(--muted)}.science-check-list>div[data-ok=true]{border-color:#3c8067;color:#a9e7cd}.science-check-list>div[data-ok=false]{border-color:#895945;color:#ffc6aa}.science-pill{display:inline-flex;padding:3px 7px;border:1px solid var(--line);border-radius:999px;font-size:.65rem}.science-pods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.science-pods span{padding:10px 7px;border:1px solid #3f7964;border-radius:9px;text-align:center;font-size:.72rem;background:#17312855}.science-pods span[data-state=not-ready]{border-color:#9b6045;background:#3b211855}.science-pods small{display:block;margin-top:3px;color:var(--muted);font-size:.58rem}.science-probes{display:flex;gap:8px;flex-wrap:wrap;align-content:start}.science-probes .button,.science-probes button{flex:1 1 130px;justify-content:center;text-align:center}.science-stage .table-scroll{max-height:260px;overflow:auto}.science-stage table{width:100%;border-collapse:collapse;font-size:.72rem}.science-stage th,.science-stage td{padding:7px;border-bottom:1px solid var(--line);text-align:left}
@media(max-width:900px){.science-console-grid{grid-template-columns:1fr}.science-protocol{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr}.science-stage{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.science-console{width:calc(100% - 28px);border-radius:16px}.science-console-head{padding:17px 16px}.science-status{font-size:.54rem}.science-console-grid,.science-stage{display:block}.science-protocol{display:grid;grid-template-columns:1fr;padding:17px 16px}.science-stage{padding:17px 16px}.science-stage>*+*{margin-top:16px}.science-node-grid{grid-template-columns:1fr 1fr}.science-check-list{grid-template-columns:1fr}.science-pods{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.science-meter span{transition:none}}
/* Lab workspaces */
.lab-workspace .lab-grid,#lab .lab-grid{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:0 22px 60px #0002}.lab-workspace form,#lab form{padding:22px;background:linear-gradient(160deg,var(--surface2),var(--surface));border-right:1px solid var(--line)}.lab-workspace form label,#lab form label{display:grid;gap:6px;margin-bottom:12px;color:var(--muted);font-size:.8rem}.lab-workspace form input,.lab-workspace form select,#lab form input,#lab form select{min-height:44px}.lab-workspace canvas,#lab canvas{display:block;width:100%;border:1px solid var(--line);border-radius:10px;background:#071117}.lab-workspace .table-scroll{border:1px solid var(--line);border-radius:10px;max-height:360px}.lab-workspace tr.is-dominant{background:color-mix(in srgb,var(--accent) 9%,transparent)}#network-status,#qpe-result{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:var(--blue)}
.app-panel{border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,30px);background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 34%),var(--surface);box-shadow:0 24px 65px #0003}.agent-scenarios{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.agent-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.agent-metric{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--bg)}.agent-metric small{display:block;color:var(--muted);font-size:.68rem}.agent-metric strong{display:block;margin-top:4px;font-size:1.25rem}.agent-coverage-track{height:8px;background:var(--surface2);border-radius:999px;overflow:hidden;margin-top:8px}.agent-coverage-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--accent));transition:width .25s}#agent-tasks{display:grid;gap:8px;padding-left:20px}#agent-tasks li{padding:10px 12px;border-left:2px solid var(--blue);background:var(--bg);color:var(--muted)}#agent-tasks .status{display:inline-flex;margin-left:8px;padding:2px 6px;border:1px solid var(--line);border-radius:999px;font-size:.62rem}#agent-ledger{max-height:300px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:10px;background:#061017;color:#b8dce6;font-size:.72rem;white-space:pre-wrap}
@media(max-width:700px){.lab-workspace .lab-grid,#lab .lab-grid{display:block}.lab-workspace form,#lab form{border-right:0;border-bottom:1px solid var(--line)}.agent-metrics{grid-template-columns:1fr}}