:root{--ink:#eff6f5;--muted:#9cb4b9;--bg:#071c24;--panel:#102b34;--panel-light:#16353e;--border:#29434c;--aqua:#70ded6;--lime:#d5ee83;--coral:#f3a381;--red:#fb9189;--radius:22px;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:16px;line-height:1.5;background-image:radial-gradient(ellipse at 10% 0%,#19434c50,transparent 48%)}button,select,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:var(--aqua);text-underline-offset:4px}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(2rem,4vw,3.3rem)}h2{font-size:1.6rem}h3{font-size:1rem}p{margin-bottom:1rem}button svg{pointer-events:none}.app-shell{max-width:1280px;padding:0 42px;margin:0 auto}.site-header{display:flex;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;font-size:1.55rem;font-weight:780;letter-spacing:-.05em}.brand img{width:36px;height:36px}.brand-accent{font-weight:450}.brand-dot{color:var(--aqua)}nav{display:flex;gap:5px;margin-left:auto}.nav-button{border:0;background:none;border-radius:25px;padding:9px 16px;font-size:.875rem;color:var(--muted);font-weight:650}.nav-button.active{background:#284851;color:var(--ink)}.icon-button{border:1px solid var(--border);background:none;border-radius:50%;height:36px;width:36px;font-weight:700}.skip-link{position:absolute;top:-70px;left:20px;padding:12px;background:var(--lime);color:var(--bg);z-index:100}.skip-link:focus{top:10px}#main{padding:31px 0;min-height:700px;outline:none}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:750;text-transform:uppercase;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-heading h1{margin:7px 0 10px;font-size:2.15rem}.page-heading p{margin:0;color:var(--muted);font-size:.95rem}.day-label{font-size:.8rem;color:var(--muted);display:flex;gap:8px;align-items:center;white-space:nowrap;padding-top:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 4px #70ded613}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:22px}.hero-console{position:relative;overflow:hidden;border:1px solid #3c5b62;border-radius:var(--radius);background:linear-gradient(145deg,#1b414b,#102a34 70%);padding:30px;min-height:470px;display:flex;flex-direction:column}.console-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.tiny-pill{font-size:.7rem;border:1px solid #557078;border-radius:20px;padding:4px 9px;color:#b9ced1}.hero-console h2{font-size:clamp(2.3rem,4.6vw,3.55rem);font-weight:600;margin:27px 0 11px;max-width:470px;position:relative;z-index:1}.hero-console h2 em{font-style:normal;color:var(--aqua)}.hero-description{font-size:.95rem;color:#b7ced0;max-width:390px;margin-bottom:20px;position:relative;z-index:1}.hero-art{margin:0 0 24px;max-width:470px;display:flex;align-items:center;gap:14px;position:relative;z-index:1}.mini-tank{height:76px;width:120px;border:1px solid #54767f;border-radius:13px;position:relative;overflow:hidden;background:#0b222b}.mini-tank:before{content:"";position:absolute;inset:25px 0 0;background:linear-gradient(#70ded659,#25888779);border-top:1px solid var(--aqua);border-radius:40% 35% 0 0}.mini-tank.cells:before{inset:13px 0 0;background:linear-gradient(#d5ee8330,#9aba4f4a);border-color:var(--lime)}.mini-tank span{position:relative;display:block;text-align:center;font-size:.7rem;margin-top:29px;letter-spacing:.08em;font-weight:700;color:#d9f0ed}.mini-transfer{color:var(--aqua);font-size:1.7rem}.hero-art .art-note{font-size:.7rem;color:#a1bfc2;margin-left:6px;max-width:115px;line-height:1.45}.hero-cta{margin-top:auto;display:flex;gap:12px;align-items:center;position:relative;z-index:1}.primary-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;line-height:1.25;border:0;border-radius:11px;padding:14px 21px;font-size:.9rem;font-weight:700}.primary-button{background:var(--lime);color:#10262b}.primary-button:hover{background:#e1f5aa;transform:translateY(-1px)}.primary-button:active{transform:none}.primary-button:disabled{background:#30464a;color:#8da3a5;transform:none}.secondary-button{border:1px solid #3e5c64;background:var(--panel-light);color:var(--ink)}.secondary-button:hover{background:#234650}.text-button{background:none;padding:7px 0;color:var(--aqua);min-height:35px;font-weight:650;font-size:.85rem}.arrow{font-size:1.3rem;font-weight:400}.hero-bottom{font-size:.72rem;color:#9bbabd;margin:14px 0 0}.hero-grid-art{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(#70ded6 1px,transparent 1px),linear-gradient(90deg,#70ded6 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(110deg,transparent 30%,black)}.sidebar{display:flex;flex-direction:column;gap:19px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:23px}.panel-title{font-size:.875rem;display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.track-options{display:grid;gap:9px}.track-button{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:11px;padding:12px;background:none;text-align:left}.track-button:hover{background:#1c3c45}.track-button.selected{background:#d5ee8310;border-color:#97b969}.track-glyph{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#203e46;font-size:.875rem;font-weight:700}.selected .track-glyph{background:var(--lime);color:#183030}.track-text strong{font-size:.85rem;display:block}.track-text small{font-size:.73rem;color:var(--muted);display:block}.track-check{margin-left:auto;color:var(--lime)}.log-grid{display:flex;gap:16px}.log-stat{flex:1}.log-stat strong{display:block;font-size:1.7rem;letter-spacing:-.05em;line-height:1.05;margin-bottom:5px}.log-stat span{font-size:.7rem;color:var(--muted)}.log-caption{font-size:.72rem;color:var(--muted);margin:16px 0 0;padding-top:12px;border-top:1px solid var(--border)}.below-home{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:23px}.small-card{display:flex;gap:12px;padding:18px 0 0;border-top:1px solid var(--border)}.small-icon{width:33px;height:33px;border:1px solid var(--border);border-radius:9px;display:grid;place-items:center;flex:none;color:var(--aqua);font-weight:700}.small-card h3{font-size:.875rem;margin:0 0 5px}.small-card p{font-size:.8rem;color:var(--muted);margin:0}.session-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.session-title h1{font-size:1.6rem;margin:7px 0 0}.session-meta{display:flex;align-items:center;gap:15px}.exit-button{border:1px solid var(--border);border-radius:9px;background:none;font-size:.78rem;padding:7px 11px}.puzzle-strip{display:flex;gap:7px;align-items:center}.puzzle-dot{width:29px;height:29px;border:1px solid #3b5960;border-radius:8px;display:grid;place-items:center;font-size:.72rem;color:var(--muted)}.puzzle-dot.current{background:var(--lime);border-color:var(--lime);color:#10262b;font-weight:700}.puzzle-dot.done{background:#2a6865;border-color:var(--aqua);color:var(--aqua)}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;align-items:start}.simulation-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:26px;min-width:0}.mission-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.mission-tag{font-size:.7rem;padding:4px 9px;border-radius:20px;background:#70ded615;color:var(--aqua);border:1px solid #70ded630}.moves-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.moves-count strong{color:var(--ink)}.mission-description{font-size:.9rem;color:#c3d4d7;line-height:1.6;margin-bottom:21px;max-width:630px}.targets{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-bottom:24px}.target-metric{border:1px solid var(--border);background:#0b242d;border-radius:12px;padding:13px 12px}.target-metric.hit{border-color:#91b761;background:#d5ee8310}.metric-label{display:flex;justify-content:space-between;gap:5px;font-size:.7rem;color:var(--muted);margin-bottom:6px}.metric-hit{color:var(--lime);font-weight:700}.metric-number{font-size:1.55rem;font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:1.2;font-weight:650}.metric-number small{font-size:.7rem;color:var(--muted);letter-spacing:0;font-weight:500}.metric-target{font-size:.7rem;color:var(--muted);display:block;margin-top:6px}.reservoir-stage{position:relative;display:grid;grid-template-columns:1fr 85px 1fr;gap:10px;align-items:end;padding:15px 13px 0;background:radial-gradient(ellipse at 50% 50%,#254e5360,transparent 70%);min-height:235px}.reservoir-col{min-width:0}.tank-title{font-size:.76rem;font-weight:650;text-align:center;margin-bottom:11px}.tank-title small{display:block;color:var(--muted);font-size:.67rem;font-weight:400;margin-top:2px}.reservoir{position:relative;height:155px;border:1px solid #55828b;border-radius:14px 14px 22px 22px;overflow:hidden;background:linear-gradient(#09232d66,#071c2470);box-shadow:inset 0 0 20px #071c2440}.reservoir.icf{border-color:#76874d}.reservoir:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff0a;border-radius:8px 8px 16px 16px;pointer-events:none}.reservoir-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,#218880,#70ded68f);border-top:2px solid var(--aqua);transition:height .6s ease;border-radius:30% 25% 0 0;animation:water-wave 3.5s ease-in-out infinite;transform-origin:bottom}.icf .reservoir-fill{background:linear-gradient(0deg,#658b3c,#d5ee836e);border-color:var(--lime);animation-delay:-1.3s}.tank-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px);background-size:100% 20%;pointer-events:none}.tank-reading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 2px 10px #071c24;font-size:1.6rem;font-weight:700;letter-spacing:-.035em;z-index:1}.tank-reading small{font-size:.72rem;color:#e0edeb;letter-spacing:0;font-weight:550}.osmoles{font-size:.7rem;color:var(--muted);text-align:center;margin-top:9px;font-variant-numeric:tabular-nums}.membrane{align-self:center;display:flex;flex-direction:column;align-items:center;gap:7px;padding-top:18px}.membrane-line{height:77px;width:3px;border-left:3px dashed #587a80}.water-arrow{position:absolute;color:var(--aqua);font-size:1.9rem;top:51%;left:calc(50% - 27px);width:54px;text-align:center;background:var(--panel);border-radius:30px;line-height:1.3;z-index:2;transition:opacity .3s}.membrane-label{font-size:.6rem;line-height:1.3;color:var(--muted);text-align:center;max-width:80px}.shift-feedback{margin:23px 0 0;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#70ded60b;border:1px solid #31555b;border-radius:11px;font-size:.8rem;color:#bad4d4;min-height:49px}.shift-symbol{color:var(--aqua);font-size:1.25rem;font-weight:700;flex:none}.cell-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;padding-top:17px;border-top:1px solid var(--border)}.cell-row-label{font-size:.75rem;color:var(--muted)}.cell-row-label strong{display:block;color:var(--ink);font-size:.85rem;margin-bottom:2px}.cell-drawing{width:46px;height:46px;border:1px solid #c7e797;border-radius:50%;background:radial-gradient(circle at 40% 40%,#afca7040,#799e3330);display:grid;place-items:center;transition:transform .6s ease;flex:none;margin:0 10px}.cell-nucleus{width:14px;height:14px;border:1px solid #d5ee8380;border-radius:50%;background:#d5ee8330}.controls-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.controls-panel h2{font-size:1.15rem;margin-bottom:7px;letter-spacing:-.025em}.controls-subtitle{color:var(--muted);font-size:.78rem;margin-bottom:18px}.control-buttons{display:grid;gap:9px}.move-button{width:100%;border:1px solid #3e5962;border-radius:12px;background:#1b3943;padding:12px;display:flex;align-items:center;gap:11px;text-align:left;min-height:64px}.move-button:hover:not(:disabled){background:#244750;border-color:var(--aqua)}.move-button:active:not(:disabled){transform:scale(.99)}.move-button:disabled{opacity:.38}.move-icon{height:35px;width:35px;border-radius:9px;background:#70ded612;color:var(--aqua);display:grid;place-items:center;font-size:1.3rem;flex:none}.move-icon.salt{background:#d5ee8315;color:var(--lime)}.move-icon.remove{background:#f3a38113;color:var(--coral)}.move-copy{flex:1}.move-copy strong{display:block;font-size:.85rem}.move-copy small{font-size:.7rem;color:var(--muted);display:block;margin-top:2px}.move-key{font-size:.65rem;color:#859ea2;border:1px solid #3c555b;border-radius:4px;padding:0 4px}.control-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:17px;padding-top:14px;gap:12px}.tool-button{border:0;background:none;color:var(--muted);padding:5px 0;display:flex;gap:6px;align-items:center;font-size:.78rem}.tool-button:hover:not(:disabled){color:var(--ink)}.tool-button:disabled{opacity:.35}.hint-button{margin-top:15px;background:none;border:1px dashed #486368;border-radius:10px;padding:10px;width:100%;font-size:.78rem;color:var(--muted)}.hint-text{font-size:.8rem;color:#bfd99c;margin:13px 0 0;line-height:1.55}.lab-note{margin:18px 0 0;font-size:.72rem;color:var(--muted);line-height:1.6}.move-history{margin-top:18px;border:1px solid var(--border);border-radius:15px;padding:15px;background:#0b242d}.move-history h3{font-size:.8rem;font-weight:600;margin-bottom:9px;color:var(--muted)}.history-empty{color:#7d979e;font-size:.75rem;margin:0}.history-list{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0;padding:0}.history-list li{font-size:.67rem;border:1px solid #385158;background:#183740;border-radius:6px;padding:3px 7px;color:#c0d5d5}.history-list li.negative{border-color:#624f45;color:#e0bba6}.outcome-panel{margin-top:20px;padding:20px;border:1px solid #8da963;background:#d5ee8310;border-radius:15px;animation:arrive .3s ease}.outcome-panel.failed{border-color:#996653;background:#f3a38109}.outcome-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.outcome-heading h2{font-size:1.2rem;margin:0}.stars{color:var(--lime);letter-spacing:3px;font-size:1.2rem;white-space:nowrap}.outcome-panel p{font-size:.875rem;line-height:1.65;color:#d2e1d6;margin:10px 0 16px}.failed p{color:#dfcfc4}.outcome-panel .primary-button{width:100%}.source-link{font-size:.72rem;overflow-wrap:anywhere;display:inline-block;margin-bottom:13px}.model-details{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;font-size:.78rem;color:var(--muted)}.model-details summary{cursor:pointer;font-weight:600;color:#b5c9cc}.model-details p{font-size:.8rem;margin:12px 0;line-height:1.65;max-width:800px}.model-details code{background:#183740;padding:2px 4px;border-radius:3px;font-size:.78rem}.challenge-banner{display:flex;gap:15px;align-items:center;justify-content:space-between;border:1px solid #73924f;border-radius:13px;padding:12px 17px;background:#d5ee8309;margin-bottom:20px;font-size:.9rem}.challenge-banner small{font-size:.75rem;color:var(--muted);display:block;margin-top:3px}.result-layout{max-width:870px;margin:auto}.result-top{text-align:center;margin-bottom:26px}.result-top h1{margin:10px 0;font-size:2.7rem}.result-top p{color:var(--muted);font-size:.95rem}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.score-card{background:linear-gradient(150deg,#1c444b,#112c34);border:1px solid #3d6870;border-radius:var(--radius);padding:27px}.score-number{font-size:5rem;line-height:1.1;letter-spacing:-.06em;font-weight:600;margin:14px 0;color:var(--lime)}.score-number small{font-size:1.2rem;color:var(--muted);letter-spacing:0}.result-tiles{display:flex;gap:8px;margin:17px 0}.result-tile{width:67px;padding:9px 0;border:1px solid #698452;border-radius:10px;background:#d5ee8310;color:var(--lime);text-align:center;font-size:.83rem;letter-spacing:1px}.score-meta{display:flex;gap:20px;font-size:.78rem;color:#b0cbcd}.share-panel{display:flex;flex-direction:column}.share-panel h2{font-size:1.5rem}.share-panel p{font-size:.875rem;color:var(--muted)}.share-panel button{width:100%;margin-bottom:10px}.share-panel .small-print{font-size:.72rem;margin:4px 0 0;line-height:1.6}.review-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:22px;margin-bottom:15px;gap:14px}.review-heading h2{font-size:1.2rem;letter-spacing:-.025em;margin:0}.review-heading span{font-size:.75rem;color:var(--muted)}.review-item{border:1px solid var(--border);border-radius:13px;background:var(--panel);padding:0 18px;margin-bottom:10px}.review-item summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px 0;list-style:none}.review-item summary::-webkit-details-marker{display:none}.review-index{height:29px;width:29px;border-radius:8px;background:#d5ee8314;color:var(--lime);display:grid;place-items:center;font-size:.75rem;flex:none}.review-summary-text{flex:1;min-width:0}.review-summary-text strong{display:block;font-size:.85rem}.review-summary-text small{display:block;color:var(--muted);font-size:.72rem}.review-chevron{color:var(--muted);font-size:1.2rem}.review-item[open] .review-chevron{transform:rotate(90deg)}.review-body{padding-bottom:16px;font-size:.85rem;line-height:1.65;color:#bdd0d2}.review-body p{margin-bottom:10px}.result-actions{display:flex;justify-content:center;gap:13px;margin-top:25px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--border);padding:20px 0 26px;font-size:.7rem;color:var(--muted)}.site-footer>div{display:flex;gap:15px;align-items:center}.site-footer button{background:none;border:0;color:var(--muted);font-size:.7rem;padding:5px 0}.pilot-label{font-size:.65rem;border:1px solid var(--border);border-radius:20px;padding:3px 8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #6d9496;background:#183d45;color:white;border-radius:11px;padding:13px 20px;z-index:200;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);font-size:.85rem}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:var(--panel);border:1px solid #526e74;color:var(--ink);border-radius:22px;padding:28px;max-width:580px;width:calc(100% - 32px);max-height:86vh;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#03121ccc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.dialog-heading h2{margin:0;font-size:1.5rem}.dialog-copy{font-size:.9rem;line-height:1.65;color:#cad9db}.dialog-copy ol,.dialog-copy ul{padding-left:20px}.dialog-copy li{margin:10px 0}.dialog-copy .small-print{font-size:.75rem;color:var(--muted)}.dialog-footer{display:flex;gap:11px;justify-content:flex-end;margin-top:21px}.copied-text{background:#0b242d;border:1px solid var(--border);color:var(--ink);border-radius:9px;padding:12px;width:100%;min-height:150px;resize:vertical;font:inherit;font-size:.85rem}.storage-notice{font-size:.75rem;color:var(--coral);margin-top:12px}.error-panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:30px}.noscript{padding:25px;text-align:center}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes water-wave{0%,100%{border-top-left-radius:30%;border-top-right-radius:22%}50%{border-top-left-radius:20%;border-top-right-radius:35%}}
@media(min-width:1500px){.app-shell{padding-top:15px}#main{padding-top:40px}}
@media(max-width:1000px){.app-shell{padding:0 26px}.home-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.lab-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.simulation-panel{padding:22px}.controls-panel{padding:18px}.reservoir-stage{grid-template-columns:1fr 60px 1fr;gap:7px;padding-left:5px;padding-right:5px}.hero-console{padding:26px}.hero-art .art-note{display:none}.metric-number{font-size:1.4rem}.metric-label{font-size:.65rem}}
@media(max-width:760px){.app-shell{padding:0 18px}.site-header{padding:20px 0;gap:10px}.brand{font-size:1.35rem;gap:8px}.brand img{width:31px;height:31px}.nav-button{padding:8px 10px;font-size:.78rem}.help-button{display:none}#main{padding:23px 0;min-height:600px}.page-heading{gap:12px;margin-bottom:19px}.page-heading h1{font-size:1.75rem}.page-heading p{font-size:.85rem;max-width:255px}.page-heading .eyebrow{font-size:.65rem}.day-label{font-size:.7rem;padding-top:6px}.home-grid{display:flex;flex-direction:column;gap:17px}.sidebar{display:contents}.track-panel{order:-1;padding:17px;border-radius:17px}.track-panel .panel-title{margin-bottom:10px}.track-options{grid-template-columns:repeat(3,1fr);gap:7px}.track-button{padding:11px 5px;justify-content:center;text-align:center;gap:0}.track-glyph,.track-check{display:none}.track-text strong{font-size:.8rem}.track-text small{font-size:.65rem}.hero-console{padding:24px;min-height:390px}.hero-console h2{font-size:2.7rem;margin-top:23px}.hero-description{font-size:.9rem;margin-bottom:20px;max-width:300px}.hero-art{margin-bottom:22px}.mini-tank{height:66px;width:110px}.mini-tank span{margin-top:25px}.hero-cta .primary-button{width:100%}.hero-bottom{font-size:.7rem}.log-panel{padding:18px;border-radius:17px}.log-stat strong{font-size:1.5rem}.log-caption{margin-top:13px}.below-home{grid-template-columns:1fr;gap:15px;margin-top:20px}.small-card{padding-top:15px}.lab-layout{display:flex;flex-direction:column;gap:17px}.simulation-panel{padding:19px 16px;border-radius:18px;width:100%}.controls-panel{padding:19px 16px;width:100%;border-radius:18px}.mission-description{font-size:.85rem;margin-bottom:17px}.targets{gap:7px;margin-bottom:15px}.target-metric{padding:10px 8px;border-radius:10px}.metric-number{font-size:1.32rem}.metric-label{font-size:.65rem;line-height:1.25;min-height:27px;align-items:flex-start;margin-bottom:3px}.metric-target{font-size:.65rem}.metric-number small{font-size:.65rem}.reservoir-stage{grid-template-columns:1fr 63px 1fr;gap:7px;min-height:208px;padding-top:7px}.reservoir{height:136px}.tank-title{font-size:.7rem}.tank-title small{font-size:.65rem}.osmoles{font-size:.65rem}.tank-reading{font-size:1.4rem}.tank-reading small{font-size:.65rem}.membrane-label{font-size:.58rem;max-width:65px}.shift-feedback{font-size:.75rem;margin-top:18px;padding:11px;align-items:flex-start}.cell-row{margin-top:14px;padding-top:14px}.control-buttons{grid-template-columns:1fr 1fr;gap:8px}.move-button{padding:10px;gap:8px;min-height:75px;align-items:center}.move-icon{height:27px;width:27px;font-size:1.1rem;border-radius:7px}.move-copy strong{font-size:.75rem}.move-copy small{font-size:.64rem;line-height:1.4}.move-key{display:none}.control-tools{margin-top:14px;padding-top:11px}.tool-button{font-size:.78rem;min-height:33px}.hint-button{margin-top:11px}.lab-note{font-size:.7rem;margin-top:12px}.move-history{margin-top:14px}.session-title h1{font-size:1.3rem}.session-title .eyebrow{font-size:.65rem}.session-meta{gap:10px}.session-heading{margin-bottom:16px}.puzzle-strip{gap:5px}.puzzle-dot{width:25px;height:25px;font-size:.65rem}.exit-button{font-size:.7rem;padding:6px 8px}.mission-tag{font-size:.65rem}.moves-count{font-size:.75rem}.result-top h1{font-size:2.25rem}.result-top p{font-size:.85rem}.result-grid{grid-template-columns:1fr;gap:17px}.score-card{padding:24px}.score-number{font-size:4.5rem;margin:10px 0}.share-panel{padding:21px}.result-actions{flex-direction:column}.result-actions button{width:100%}.review-item{padding:0 14px}.review-heading span{font-size:.65rem}.site-footer{align-items:flex-start;gap:10px;padding:17px 0;font-size:.65rem}.site-footer>div{gap:8px;justify-content:flex-end;flex-wrap:wrap}.site-footer button{font-size:.65rem}.pilot-label{display:none}.challenge-banner{font-size:.85rem;padding:12px 14px}.challenge-banner small{font-size:.7rem}.challenge-banner .text-button{font-size:.75rem}.dialog-heading h2{font-size:1.4rem}}
@media(max-width:370px){.app-shell{padding:0 13px}.brand{font-size:1.16rem;gap:6px}.brand img{width:28px;height:28px}nav{gap:0}.nav-button{padding:7px 8px;font-size:.7rem}.page-heading{flex-wrap:wrap;gap:7px}.day-label{padding-top:0}.hero-console{padding:21px}.hero-console h2{font-size:2.4rem}.track-text strong{font-size:.74rem}.track-text small{font-size:.59rem}.metric-number{font-size:1.15rem}.metric-label,.metric-target{font-size:.59rem}.reservoir-stage{grid-template-columns:1fr 49px 1fr}.tank-title{font-size:.64rem}.osmoles{font-size:.59rem}.control-buttons{gap:7px}.move-button{padding:9px 7px;gap:6px}.move-icon{width:23px;height:25px}.move-copy strong{font-size:.7rem}.session-title h1{font-size:1.1rem}.session-meta{gap:7px}.puzzle-dot{width:21px;height:23px}.puzzle-strip{gap:3px}.site-footer{font-size:.6rem}.site-footer button{font-size:.6rem}.simulation-panel{padding:17px 13px}}
.mobile-move-name{display:none}.water-arrow{top:35%}
/* Keep the quantitative controls legible on narrow phones. */
@media(max-width:760px){.metric-label,.metric-target,.metric-number small,.tank-title small,.osmoles,.move-copy small,.track-text small,.day-label,.mission-tag,.moves-count,.membrane-label{font-size:.75rem}.metric-label{min-height:34px}.metric-number{font-size:1.3rem}.move-copy strong{font-size:.85rem}.move-button{min-height:86px}.move-icon{display:none}.track-text strong{font-size:.85rem}.track-text small{line-height:1.35}.cell-row-label{font-size:.75rem}.cell-row-label strong{font-size:.85rem}.membrane-label{font-size:.65rem}.tank-title{font-size:.8rem}.metric-number small{display:inline-block}.controls-subtitle,.lab-note{font-size:.8rem}.control-tools{gap:9px}.session-meta{flex-wrap:wrap;justify-content:flex-end}.tiny-pill,.hero-bottom{font-size:.75rem}}
/* A compact phone dock lets players move tokens while watching the model. */
@media(max-width:760px){.lab-layout{padding-bottom:250px}.lab-layout .controls-panel{position:fixed;bottom:10px;left:12px;right:12px;width:auto;z-index:20;padding:12px;border:1px solid #55747a;background:#102b34f7;box-shadow:0 -8px 35px #03151cc0;backdrop-filter:blur(12px);border-radius:17px}.controls-panel h2,.controls-subtitle,.lab-note,.controls-panel .storage-notice{display:none}.control-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.move-button{min-height:75px;padding:9px 6px;text-align:center;justify-content:center;background:#1b3943}.move-copy strong{font-size:.8rem}.move-copy small{font-size:.75rem;line-height:1.35}.desktop-move-name{display:none}.mobile-move-name{display:inline}.control-tools{margin-top:10px;padding-top:7px}.hint-button{position:absolute;right:12px;bottom:11px;width:calc(66.66% - 16px);margin:0;padding:7px 4px;min-height:35px;font-size:.7rem;line-height:1.25}.control-tools .tool-button{font-size:.75rem;min-height:35px}.control-tools{justify-content:flex-start;padding-bottom:40px}.control-tools .tool-button:last-child{margin-left:auto}.controls-panel #hint{max-height:65px;overflow:auto}.hint-text{margin:0;font-size:.75rem}.hint-button{position:static;width:100%;min-height:30px;padding:6px 4px;margin-top:3px;font-size:.72rem}.control-tools{padding-bottom:0}.outcome-panel{scroll-margin-bottom:310px}.reservoir-stage{min-height:192px}.tank-title{font-size:.75rem}.metric-label{min-height:20px}.metric-number small{font-size:.7rem}.target-metric{padding:10px 8px}.metric-target{font-size:.7rem}}
@media(max-width:760px){.controls-panel.solved{display:none}.lab-layout:has(.controls-panel.solved){padding-bottom:0}.controls-panel .move-button{min-height:67px}.controls-panel .control-tools{margin-top:8px;padding-top:5px}.controls-panel .hint-button{min-height:28px}.controls-panel .move-copy small{font-size:.7rem}}
/* Goals and first-play guidance stay explicit throughout the experience. */
.hero-console h2{font-size:3.7rem;margin:24px 0 16px;line-height:1.04}.hero-description{max-width:580px;margin-bottom:22px}.hero-console{min-height:0}.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.hero-cta .text-button{font-size:.8rem;text-align:left}.hero-bottom{margin-top:14px}.how-to-steps{list-style:none;padding:0;margin:0;display:grid;gap:15px}.how-to-steps li{display:flex;align-items:flex-start;gap:12px}.how-to-steps li>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #527276;border-radius:9px;background:#70ded60d;color:var(--aqua);font-size:.75rem;font-weight:700}.how-to-steps strong{display:block;font-size:.88rem;line-height:1.4}.how-to-steps small{display:block;font-size:.78rem;color:#b7cdcf;margin-top:2px;line-height:1.5}.track-intro{font-size:.77rem;line-height:1.5;color:var(--muted);margin:0 0 17px}.goal-guide{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:#70ded60a;border:1px solid #427074;border-radius:12px;margin:15px 0}.goal-guide strong{font-size:.91rem;display:block}.goal-guide p{font-size:.77rem;color:#b8d0d2;line-height:1.5;margin:4px 0 0;max-width:370px}#goals-count{font-size:.74rem;color:var(--aqua);white-space:nowrap;font-weight:650}.metric-label{color:var(--ink);font-size:.77rem;margin-bottom:1px;font-weight:600}.metric-meaning{font-size:.66rem;color:var(--muted);display:block;min-height:18px}.metric-number{margin-top:9px;font-size:1.65rem}.now-label{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;font-weight:550;color:var(--muted);margin-bottom:3px}.metric-target{font-size:.75rem;margin-top:8px;color:#b8cdcf}.metric-target strong{color:var(--ink);font-weight:600}.metric-direction{font-size:.68rem;margin-top:9px;display:block;color:var(--coral)}.target-metric.hit .metric-direction{color:var(--lime)}.target-metric.hit{box-shadow:inset 0 0 0 1px #d5ee8315}.score-rule{font-size:.74rem;color:#b3c7c8;line-height:1.5;border-top:1px solid var(--border);padding-top:12px;margin:12px 0 0}.spent-label{font-size:.72rem;color:var(--muted);line-height:1.5;margin:0 0 10px}.learn-reminder{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.8rem;color:var(--muted);margin-top:20px;padding:15px 0;border-top:1px solid var(--border)}.learn-reminder .text-button{font-size:.78rem}.help-terms{display:grid;gap:5px;margin:18px 0}.help-terms dt{font-weight:600;color:var(--ink);margin-top:8px}.help-terms dd{margin:0;font-size:.85rem;color:#b7cdcf}.lesson-progress{display:flex;gap:10px;margin:0 0 24px}.lesson-progress>span{font-size:.8rem;color:var(--muted);border:1px solid var(--border);padding:8px 14px;border-radius:9px}.lesson-progress .current{color:var(--aqua);border-color:#70ded699;background:#70ded60a}.lesson-progress .done{color:var(--lime);border-color:#d5ee8355}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px}.lesson-model h2{font-size:1.45rem;letter-spacing:-.03em;margin:14px 0 10px}.lesson-badge{font-size:.77rem;color:var(--aqua)}.lesson-instruction{align-self:start;background:linear-gradient(145deg,#214750,#102b34);padding:30px;border:1px solid #5b7e81;border-radius:var(--radius);box-shadow:0 12px 38px #03151c40}.lesson-instruction h2{font-size:1.45rem;letter-spacing:-.025em;line-height:1.45;margin:15px 0}.lesson-instruction>p{font-size:.9rem;color:#c2d7d8;line-height:1.7;margin-bottom:20px}.lesson-instruction .primary-button{width:100%;margin-top:16px}.lesson-action{border-color:var(--aqua);background:#70ded610;min-height:78px;margin-top:24px;box-shadow:0 0 0 3px #70ded60d}.lesson-action .move-copy strong{font-size:1rem}.lesson-instruction .lesson-reassurance{font-size:.8rem;color:var(--aqua);margin:10px 0 0}.lesson-instruction .lesson-footnote{font-size:.72rem;color:var(--muted);margin:23px 0 0;padding-top:16px;border-top:1px solid #5b7e8140;line-height:1.6}.lesson-success{display:flex;align-items:center;gap:9px;color:var(--lime);font-size:.85rem;line-height:1.5}.lesson-success>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#d5ee8320;flex:none}.lesson-compartments{display:grid;grid-template-columns:1fr 65px 1fr;gap:12px;max-width:450px;margin:25px auto 0;text-align:center}.lesson-compartments>div:not(.lesson-membrane){position:relative}.lesson-compartments span{font-size:.8rem;color:#b8cdcf}.lesson-compartments strong{display:block;font-size:1.6rem;font-variant-numeric:tabular-nums;margin:8px 0}.lesson-compartments strong small{font-size:.8rem;color:var(--muted)}.lesson-fluid{height:135px;border:1px solid #548589;border-radius:12px 12px 22px 22px;position:relative;overflow:hidden;background:#08212a}.lesson-fluid>div{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,#218880,#70ded67a);border-top:2px solid var(--aqua)}.inside .lesson-fluid{border-color:#90a866}.inside .lesson-fluid>div{background:linear-gradient(0deg,#658b3c,#d5ee837a);border-color:var(--lime)}.lesson-membrane{align-self:center;font-size:1.8rem;color:var(--aqua);padding-top:35px}.lesson-membrane small{display:block;font-size:.65rem;line-height:1.5;color:var(--muted);margin-top:10px}.lesson-reading{font-size:.77rem;color:var(--muted);line-height:1.7;margin:20px 0 0;text-align:center}
@media(max-width:1000px){.hero-console h2{font-size:3.1rem}.lesson-layout{gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr)}.lesson-instruction{padding:23px}.lesson-instruction h2{font-size:1.25rem}.metric-number{font-size:1.4rem}.metric-meaning{font-size:.63rem}}
@media(max-width:760px){.hero-console{padding:23px}.hero-console h2{font-size:2.8rem;margin-top:23px}.hero-description{max-width:none;font-size:.88rem}.hero-cta{gap:10px;margin-top:23px}.hero-cta .text-button{padding:9px 0;min-height:40px}.hero-bottom{line-height:1.5}.track-panel{order:0}.track-intro{font-size:.78rem;margin-bottom:12px}.track-text small{font-size:.68rem}.how-to-steps{gap:15px}.how-to-steps strong{font-size:.85rem}.how-to-steps small{font-size:.78rem}.page-heading p{max-width:340px}.page-heading .day-label{display:none}.goal-guide{padding:12px;margin:12px 0;align-items:flex-start;flex-direction:column;gap:9px}.goal-guide strong{font-size:.87rem}.goal-guide p{font-size:.76rem}.metric-label{font-size:.74rem;min-height:18px;margin-bottom:1px}.metric-meaning{font-size:.63rem;min-height:30px;line-height:1.35}.metric-number{font-size:1.3rem;margin-top:6px}.metric-number small{font-size:.65rem}.now-label{font-size:.63rem;margin-bottom:4px}.metric-target{font-size:.71rem;line-height:1.45;margin-top:7px}.metric-target strong{display:block}.metric-direction{font-size:.66rem;line-height:1.4;min-height:19px;margin-top:7px}.target-metric{padding:10px 8px}.controls-panel .score-rule{display:none}.learn-reminder{align-items:flex-start;flex-direction:column;gap:5px}.lesson-layout{display:flex;flex-direction:column;gap:16px}.lesson-instruction{order:-1;padding:20px}.lesson-instruction h2{font-size:1.2rem;margin:10px 0;line-height:1.4}.lesson-instruction>p{font-size:.85rem;line-height:1.6;margin-bottom:12px}.lesson-instruction .lesson-footnote{display:none}.lesson-instruction .primary-button{margin-top:14px}.lesson-action{min-height:65px;margin-top:15px;text-align:left;justify-content:flex-start;padding:11px 15px}.lesson-action .move-icon{display:grid}.lesson-action .move-copy strong{font-size:.95rem}.lesson-action .move-copy small{font-size:.77rem}.lesson-progress{margin-bottom:16px;gap:7px}.lesson-progress>span{font-size:.75rem;padding:8px 11px}.lesson-model h2{font-size:1.15rem;margin-top:10px}.lesson-model .mission-description{font-size:.8rem}.lesson-model .targets{margin-bottom:0}.lesson-compartments{display:none}.lesson-reading{font-size:.75rem;text-align:left;margin-top:15px}.lesson-badge{font-size:.7rem}.lesson-success{font-size:.8rem}.lesson-instruction .lesson-reassurance{font-size:.75rem}.lesson-model .metric-meaning{min-height:18px}.site-footer{flex-wrap:wrap}.site-footer>div{gap:14px;justify-content:flex-start}}
@media(max-width:370px){.hero-console h2{font-size:2.4rem}.hero-cta .primary-button{font-size:.83rem}.target-metric{padding:9px 6px}.metric-label{font-size:.66rem}.metric-number{font-size:1.18rem}.metric-meaning{font-size:.61rem}.metric-target{font-size:.66rem}.metric-direction{font-size:.62rem}.lesson-instruction{padding:18px}.lesson-progress>span{font-size:.68rem}.lesson-action .move-icon{height:30px;width:30px}}
@media(max-width:760px){.hero-cta{order:1;margin-top:0}.hero-bottom{order:2}.how-to-steps{order:3;margin-top:23px;padding-top:20px;border-top:1px solid #70ded630}.hero-description{margin-bottom:18px}}
@media(max-width:760px){.console-top .tiny-pill{white-space:nowrap}.console-top .eyebrow{font-size:.64rem}.lab-layout .targets{margin-bottom:15px}}
@media(max-width:760px){.metric-meaning{min-height:18px}}
@media(max-width:760px){.controls-panel #hint{display:none}}
.catalog-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:25px;border:1px solid #416068;border-radius:18px;background:linear-gradient(120deg,#1c3c46,#0b242d)}.catalog-banner h2{font-size:1.45rem;margin:9px 0}.catalog-banner p{font-size:.85rem;color:var(--muted);margin:0;max-width:700px}.catalog-banner .secondary-button{flex:none}.collection-progress{display:flex;align-items:center;gap:35px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px 26px;margin:24px 0}.collection-progress strong{display:block;color:var(--lime);font-size:2.1rem;line-height:1.2;letter-spacing:-.04em}.collection-progress strong small{font-size:1rem;color:var(--muted);letter-spacing:0}.collection-progress>div>span{font-size:.8rem;color:var(--muted)}.collection-bar{flex:1;min-width:160px}.progress-track{height:8px;border-radius:6px;background:#061b23;overflow:hidden}.progress-track>span{display:block;background:var(--aqua);height:100%;border-radius:6px}.collection-bar p{color:var(--muted);font-size:.75rem;margin:11px 0 0}.library-filters{display:grid;gap:20px;margin-bottom:23px}.library-tracks{display:flex;gap:9px;flex-wrap:wrap}.filter-chip{background:var(--panel);border:1px solid var(--border);border-radius:25px;padding:9px 15px;font-size:.84rem;color:var(--muted);display:flex;align-items:center;gap:12px;min-height:43px}.filter-chip.selected{border-color:var(--aqua);color:var(--aqua);background:#70ded60a}.filter-chip>span{font-size:.73rem;opacity:.8}.library-search-row{display:flex;align-items:end;gap:15px}.search-label,.category-label{font-size:.75rem;color:var(--muted);display:grid;gap:7px}.search-label{flex:1}.category-label{width:270px}.library-search-row input[type=search],.library-search-row select{background:#0e2932;color:var(--ink);border:1px solid #446069;border-radius:10px;min-height:46px;padding:10px 12px;width:100%;font-size:.85rem}.unsolved-filter{display:flex;gap:9px;align-items:center;font-size:.82rem;min-height:46px;white-space:nowrap;color:#b9cecf}.unsolved-filter input{height:17px;width:17px;accent-color:var(--aqua)}.library-count{font-size:.8rem;color:var(--muted);margin-bottom:15px}.puzzle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.puzzle-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);background:linear-gradient(145deg,#13323c,#0d262f);border-radius:17px;padding:21px;transition:border-color .2s,transform .2s}.puzzle-card:hover{border-color:#608287;transform:translateY(-2px)}.puzzle-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.difficulty-tag{font-size:.69rem;letter-spacing:.04em;border:1px solid #50797a;background:#70ded60b;border-radius:20px;padding:4px 9px;color:var(--aqua)}.difficulty-tag.resident{color:var(--lime);border-color:#849b59;background:#d5ee8309}.difficulty-tag.fellow{color:var(--coral);border-color:#996852;background:#f3a3810b}.puzzle-code{color:#809ca1;font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.07em}.puzzle-category{font-size:.69rem;text-transform:uppercase;color:var(--muted);letter-spacing:.055em;margin-bottom:8px}.puzzle-card h2{font-size:1.2rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px}.puzzle-card>p{color:#aec7ca;font-size:.8rem;line-height:1.6;flex:1;margin-bottom:20px}.puzzle-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.72rem;color:var(--muted);margin-bottom:15px}.puzzle-card-meta .stars{font-size:.8rem;letter-spacing:1px}.puzzle-card .secondary-button{width:100%;min-height:43px;padding:11px 14px;font-size:.83rem}.unsolved-label{font-size:.68rem;border:1px solid #3d5961;border-radius:7px;padding:3px 6px;white-space:nowrap}.empty-library{grid-column:1/-1;border:1px solid var(--border);border-radius:16px;padding:30px;text-align:center}.empty-library h2{font-size:1.4rem}.empty-library p{color:var(--muted);font-size:.85rem}.collection-milestone{padding:22px;border:1px solid #698453;border-radius:15px;background:#d5ee8308;margin-top:25px;text-align:center}.collection-milestone strong{font-size:1.05rem;color:var(--lime)}.collection-milestone p{font-size:.82rem;color:var(--muted);margin:8px 0 17px}#cell-motion{margin-top:18px}.page-heading>.secondary-button{font-size:.78rem;max-width:260px}.cell-drawing{display:none}
@media(max-width:1000px){.puzzle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-progress{gap:23px}.category-label{width:230px}.library-search-row{flex-wrap:wrap}.unsolved-filter{min-height:35px}.catalog-banner{padding:22px}.catalog-banner h2{font-size:1.3rem}}
@media(max-width:760px){.site-header{flex-wrap:wrap;gap:15px;padding:17px 0}.site-header nav{order:2;width:100%;margin:0;justify-content:space-between;border-top:1px solid #29434c80;padding-top:12px}.site-header .brand{font-size:1.4rem}.site-header .help-button{display:block;margin-left:auto}.site-header .nav-button{flex:1;font-size:.8rem;padding:9px 12px}.catalog-banner{display:block;padding:21px}.catalog-banner h2{font-size:1.3rem;line-height:1.3}.catalog-banner .secondary-button{width:100%;margin-top:18px}.catalog-banner p{font-size:.81rem}.collection-progress{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.collection-progress strong{font-size:1.75rem}.collection-progress strong small{font-size:.85rem}.collection-bar{grid-column:1/-1}.collection-progress>div>span{font-size:.74rem}.library-search-row{display:grid;grid-template-columns:1fr;gap:14px}.category-label{width:auto}.library-tracks{gap:7px}.filter-chip{padding:9px 12px;font-size:.77rem;gap:8px}.filter-chip>span{font-size:.7rem}.puzzle-grid{grid-template-columns:1fr;gap:14px}.puzzle-card{padding:20px}.puzzle-card h2{font-size:1.18rem}.puzzle-card>p{font-size:.83rem}.puzzle-card-top{margin-bottom:13px}.puzzle-category{font-size:.7rem}.puzzle-card-meta{font-size:.75rem}.puzzle-code{font-size:.75rem}.difficulty-tag{font-size:.72rem}.page-heading:has(>.secondary-button){display:block}.page-heading>.secondary-button{margin-top:15px;max-width:none;width:100%;font-size:.8rem}.collection-milestone{padding:20px}.cell-row-label strong{font-size:.8rem}#cell-motion{margin-top:15px}}
.tank-details{border:1px solid var(--border);border-radius:11px;margin-top:18px;padding:12px 14px}.tank-details summary{font-size:.78rem;color:#b5ced0;cursor:pointer}.tank-details[open] summary{margin-bottom:14px}.tank-details .reservoir-stage{min-height:225px}.cell-row{margin-top:14px;padding-top:12px}.cell-row-label strong{font-size:.8rem}.cell-row-label{font-size:.75rem}.tank-details~.shift-feedback{margin-top:16px}
@media(max-width:760px){.tank-details{margin-top:13px;padding:10px 12px}.tank-details summary{font-size:.76rem}.tank-details .reservoir-stage{min-height:190px}}
.goal-tools{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}.motion-jump{font-size:.7rem;min-height:25px;line-height:1.2;padding:4px 0}.scenario-details{font-size:.78rem;margin-top:15px;color:var(--muted)}.scenario-details summary{cursor:pointer;color:#b8cecf}.scenario-details .mission-description{font-size:.82rem;margin:11px 0 0}.goal-tools .motion-jump:hover{text-decoration:underline}#cell-motion{scroll-margin-top:12px}
@media(max-width:760px){.goal-tools{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px}.motion-jump{font-size:.72rem}.goal-guide{gap:5px}.scenario-details{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:370px){.goal-guide{padding:10px;margin:10px 0}.goal-guide p{line-height:1.4}.target-metric{padding-top:8px;padding-bottom:8px}.metric-number{margin-top:5px}.metric-target{margin-top:5px}.metric-direction{margin-top:5px}}
/* Live announcements stay available to screen readers without adding layout. */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }