*{box-sizing:border-box}body{margin:0;background:#102a2d;color:#e9f0d9;font:15px/1.5 system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:#244246;border:1px solid #56716b;border-radius:9px;padding:9px 13px;transition:background .15s,transform .15s}button:hover{background:#365a58}button:focus-visible,a:focus-visible{outline:3px solid #f5bd85;outline-offset:3px}button:disabled{opacity:.42;cursor:default}header{max-width:1250px;margin:auto;padding:20px 32px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #35504d}.brand{font:italic 26px Georgia;color:#e7eaca;text-decoration:none;margin-right:18px}.brand span{color:#eca677}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b7d0b4}header .eyebrow{flex:1}header button{font-size:12px;background:transparent}main{max-width:1250px;margin:auto;padding:28px 32px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.intro .eyebrow{color:#dba375;margin:0 0 7px}h1{font:clamp(38px,4.8vw,68px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0;color:#f6efd9}h1 em{color:#eeae80;font-weight:400}.subtitle{margin:12px 0 0;color:#b9c9bb;font-size:17px}.intro-note{font:italic 17px/1.6 Georgia;color:#b8c9b7;border-left:1px solid #536359;padding-left:24px}nav{display:flex;gap:8px;margin:0 0 20px}nav button{width:39px;height:39px;padding:0;border-radius:50%;font-size:13px}nav button.active{background:#efb78d;color:#1b3737;border-color:#efb78d}nav button.done:after{content:'·';color:#b8dfad}nav button.active:after{color:#214239}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0;border:1px solid #56716b;border-radius:18px;overflow:hidden;background:#1d3a3c;box-shadow:0 20px 70px #07191a66}.stage{min-width:0;background:#112e30;position:relative}.stage-top{position:absolute;z-index:3;top:22px;left:25px;right:25px;display:flex;align-items:start;justify-content:space-between;pointer-events:none;text-shadow:0 2px 8px #051c1d}h2{font:26px/1.2 Georgia;margin:6px 0 15px}#counter{text-align:right;font-size:13px;background:#102c2de0;padding:8px 12px;border:1px solid #687a64;border-radius:20px}#scene{height:338px;position:relative;overflow:hidden}.atmosphere{position:absolute;inset:0;background:linear-gradient(0deg,#0c2c2be8 1%,#12302c15 80%),url('woodland.webp') center/cover}#track{position:absolute;left:5%;width:90%;top:252px;display:flex;gap:0;z-index:1}.cell{flex:1;position:relative;height:21px;background:linear-gradient(#a3b58a,#5d7863);border-top:4px solid #9cba82;border-radius:3px 3px 0 0;box-shadow:0 7px 14px #071f22;min-width:0}.cell.dew{background:linear-gradient(#94c6c5,#4f8584);border-color:#b7e5da}.cell.gap{background:none;border-color:transparent;box-shadow:none}.cell .num{position:absolute;top:30px;width:100%;text-align:center;color:#bbd0b0;font-size:10px}.cell .sample{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);color:#ffd48a;font-size:25px;text-shadow:0 0 14px #ffad4b}.cell .sample.taken{opacity:.2}.cell .dock{position:absolute;bottom:22px;font-size:10px;letter-spacing:1px;color:#ffd5a2;left:0;width:200%;text-align:center;border-bottom:1px solid #d4a975;padding-bottom:5px}.cell.held{box-shadow:0 6px 20px #edb47b}.cell.held:after{content:'';position:absolute;width:12px;height:5px;background:#ffca89;left:calc(50% - 6px);top:-6px;border-radius:3px}#pip{position:absolute;top:173px;height:81px;z-index:2;transition:left .32s ease,width .32s ease;pointer-events:none}#pip img{width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 7px 5px #031d1d80)}#hold-label{position:absolute;top:140px;z-index:3;color:#ffdaae;font-size:10px;letter-spacing:1px;transform:translateX(-50%);transition:left .32s;background:#163e3ae6;border:1px solid #b5b58a;border-radius:12px;padding:3px 7px;white-space:nowrap}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 17px;padding:12px 15px 3px;color:#b5cbbb;font-size:10px}.moss{color:#a6bd83}.slick{color:#aad6d0}#message{min-height:63px;padding:15px 23px;text-align:center;font:italic 16px/1.4 Georgia;color:#e6dab9}aside{padding:25px 22px;background:#234143}aside h2{font-size:25px;margin-bottom:12px}aside p{font-size:12px;color:#bfd0c1;min-height:54px}.grip-controls,.pump-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}[data-command]{text-align:left;padding:11px 10px;background:#305352;font-size:14px}[data-command] span{display:block;font-size:9px;letter-spacing:1px;opacity:.65;margin-bottom:3px}[data-command].selected{background:#d8b889;border-color:#f3d4aa;color:#183938}[data-command].hinted{outline:2px solid #ffd490;outline-offset:3px}.pump-controls button{background:#e9b18a;color:#183638;border-color:#e9b18a}.pump-controls button:hover{background:#ffd3ae}aside .control-note{font-size:11px;min-height:34px;margin:14px 0}.tools{display:flex;gap:5px}.tools button{font-size:11px;padding:8px;flex:1;background:transparent}.desk-footer{display:flex;justify-content:space-between;color:#bed4b8;font-size:10px;margin-top:23px;border-top:1px solid #638077;padding-top:12px}#win{border-top:1px solid #728b75;margin-top:20px;padding-top:9px}#win h3{font:25px Georgia;color:#ffcf98;margin:8px 0}#win p{min-height:0}#next{width:100%;background:#eab88d;color:#203e39;font-weight:650}.bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9dbba9}.bottom button{border:0;background:transparent;color:#c5cdb8;font-size:11px}footer{text-align:center;letter-spacing:2px;font-size:9px;color:#70928a;padding:24px}dialog{color:#e9f0d9;background:#244849;border:1px solid #8b9e83;border-radius:18px;max-width:560px;width:calc(100% - 30px);padding:32px;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#061b20bb}dialog h2{font-size:32px}dialog p,dialog li{font-size:14px}dialog a{color:#ffd2a4}#close{float:right;font-size:22px;padding:0 10px;background:transparent}dialog li{margin:10px 0}dialog strong{color:#ffcb94}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 280px}main,header{padding-left:20px;padding-right:20px}.intro-note{font-size:14px}h1{font-size:48px}}@media(max-width:700px){header{padding:12px 16px}.brand{margin-right:auto}header .eyebrow{display:none}main{padding:22px 14px 0}.intro{margin-bottom:20px}.intro-note{display:none}h1{font-size:43px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.subtitle{font-size:14px}.workspace{grid-template-columns:1fr}#scene{height:300px}#track{top:222px}#pip{top:144px}#hold-label{top:112px}.stage-top{top:18px;left:18px;right:18px}h2{font-size:23px}aside{padding:20px}aside p{min-height:0}aside .control-note{min-height:0}.grip-controls,.pump-controls{display:inline-grid;width:calc(50% - 5px);vertical-align:top}.grip-controls{margin-right:6px}[data-command]{font-size:12px;padding:10px 7px}.legend{font-size:9px;gap:5px 12px}#message{min-height:58px;font-size:15px;padding:14px}nav{gap:7px;margin-bottom:15px}nav button{width:34px;height:34px}.bottom p{max-width:230px}.desk-footer{margin-top:16px}footer{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}