.mech-drebbel-breathe{color:#f4ecd6;touch-action:none;background:#070a08;position:absolute;inset:0;overflow:hidden}.mech-drebbel-breathe .view{cursor:none;width:100%;height:100%;position:absolute;inset:0}.mech-drebbel-breathe .prompt{text-align:center;width:min(40rem,100% - 2.5rem);font-family:var(--font-title);color:#f6e7bd;text-shadow:0 1px 6px #000,0 0 20px #000c;pointer-events:none;margin:0;font-size:clamp(1.05rem,.9rem + .6vw,1.4rem);position:absolute;top:1.2rem;left:50%;transform:translate(-50%)}.mech-drebbel-breathe .air{font-family:var(--font-uncial);color:#e8c77a;text-shadow:0 1px 3px #000;pointer-events:none;align-items:center;gap:.5rem;font-size:.8rem;display:flex;position:absolute;bottom:1.4rem;left:1.25rem}.mech-drebbel-breathe .air .bar{border:1px solid #c9a22799;border-radius:999px;width:7rem;height:.4rem;overflow:hidden}.mech-drebbel-breathe .air .bar span{transform-origin:0;background:linear-gradient(90deg,#7a2e2e,#c9a227);height:100%;display:block}.mech-drebbel-breathe .closeup{animation:drebbel-rise-in 1.4s var(--ease-slow);justify-items:center;gap:1rem;margin:0;display:grid;position:absolute;top:50%;right:clamp(1rem,8vw,9rem);transform:translateY(-50%)}.mech-drebbel-breathe .closeup[hidden]{display:none}@keyframes drebbel-rise-in{0%{opacity:0;transform:translateY(-46%)}}.mech-drebbel-breathe .closeup .glass{aspect-ratio:420/806;filter:drop-shadow(0 0 22px #ffdc8c59)drop-shadow(0 14px 24px #000000b3);width:clamp(7rem,14vw,12rem);position:relative;overflow:hidden}.mech-drebbel-breathe .closeup .body{width:100%;height:100%;position:absolute;inset:0}.mech-drebbel-breathe .closeup .glass:after{content:"";height:13%;transition:transform 1.6s var(--ease-slow), opacity 1.6s var(--ease-slow);background:url(/house/sprites/drebbel/vessel.webp) top/100% no-repeat;position:absolute;top:0;left:0;right:0}.mech-drebbel-breathe .closeup .body{clip-path:inset(13% 0 0)}.mech-drebbel-breathe.is-unstopped .closeup .glass{overflow:visible}.mech-drebbel-breathe.is-unstopped .closeup .glass:after{opacity:0;transform:translate(35%,-120%)rotate(28deg)}.mech-drebbel-breathe .boyle{width:min(44rem,100% - 2.5rem);animation:drebbel-fade 2.4s var(--ease-slow);background:#0a0e0cb8;border:1px solid #c9a22773;border-radius:4px;margin:0;padding:1rem 1.3rem;position:absolute;bottom:4.6rem;left:50%;transform:translate(-50%)}.mech-drebbel-breathe .boyle[hidden]{display:none}@keyframes drebbel-fade{0%{opacity:0}}.mech-drebbel-breathe .boyle p{font-family:var(--font-body);margin:0;font-size:clamp(.98rem,.9rem + .3vw,1.15rem);font-style:italic;line-height:1.5}.mech-drebbel-breathe .boyle cite{font-family:var(--font-uncial);letter-spacing:.04em;color:#e8c77a;margin-top:.5rem;font-size:.8rem;font-style:normal;display:block}.mech-drebbel-breathe .boyle .note{color:#d9ccb0;margin-top:.6rem;font-size:.9rem;font-style:normal}.mech-drebbel-breathe .controls{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.mech-drebbel-breathe button,.mech-drebbel-furnace button{font:inherit;font-family:var(--font-body);color:#f4ecd6;cursor:pointer;background:#14161c9e;border:1px solid #c9a22799;border-radius:999px;padding:.4rem 1rem;font-size:.98rem}.mech-drebbel-breathe button[hidden],.mech-drebbel-furnace button[hidden],.mech-drebbel-furnace .controls label[hidden]{display:none}.mech-drebbel-breathe button:hover,.mech-drebbel-furnace button:hover,.mech-drebbel-furnace button[aria-pressed=true],.mech-drebbel-furnace button.is-held{background:#c9a22747}.mech-drebbel-breathe button:focus-visible,.mech-drebbel-furnace button:focus-visible,.mech-drebbel-furnace input:focus-visible{outline-offset:2px;outline:2px solid #f2dfa2}.mech-drebbel-breathe button:disabled{opacity:.5;cursor:default}.mech-drebbel-breathe .closeup .unstop{background:#7a2e2e99;padding:.55rem 1.3rem;font-size:1.1rem}.mech-drebbel-furnace{isolation:isolate;color:#f4ecd6;background:#120d0a;grid-template-rows:auto minmax(0,1fr);gap:.6rem;padding:1rem 1.25rem;display:grid;position:absolute;inset:0;overflow:hidden}.mech-drebbel-furnace .bg{z-index:-1;filter:blur(14px)brightness(.32)saturate(.9);background:url(/house/plates/drebbel/workshop-1440.webp) 50%/cover;position:absolute;inset:-20px}.mech-drebbel-furnace .prompt{text-align:center;font-family:var(--font-title);color:#f6e7bd;text-shadow:0 1px 6px #000;margin:0;font-size:clamp(1.05rem,.9rem + .6vw,1.4rem)}.mech-drebbel-furnace .stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);justify-self:center;gap:1.4rem;width:100%;max-width:78rem;min-height:0;display:grid}.mech-drebbel-furnace .machine{background:#efe3c2 radial-gradient(at 50% 40%,#ffffff59,#78501e2e);border-radius:3px;grid-template-rows:minmax(0,1fr) auto;min-height:0;margin:0;padding:.8rem;display:grid;box-shadow:0 14px 30px #0009,inset 0 0 40px #78501e40}.mech-drebbel-furnace .diagram{width:100%;height:100%;min-height:0}.mech-drebbel-furnace .machine figcaption{font-family:var(--font-title);color:#3a2614;text-align:center;font-size:.95rem;font-style:italic}.mech-drebbel-furnace .panel{grid-template-rows:minmax(8rem,1fr) auto auto auto;gap:.6rem;min-height:0;display:grid}.mech-drebbel-furnace .chart{background:#efe3c2;border-radius:3px;width:100%;height:100%;min-height:0;box-shadow:0 14px 30px #0009}.mech-drebbel-furnace .reading{font-family:var(--font-body);margin:0;font-size:1rem;font-style:italic;line-height:1.4}.mech-drebbel-furnace .controls{gap:.5rem;display:grid}.mech-drebbel-furnace .controls label{font-family:var(--font-body);gap:.2rem;font-size:.98rem;display:grid}.mech-drebbel-furnace .controls output{color:#e8c77a}.mech-drebbel-furnace .controls input[type=range]{accent-color:#c9a227;width:100%}.mech-drebbel-furnace .buttons{flex-wrap:wrap;gap:.6rem;display:flex}.mech-drebbel-furnace .note{font-family:var(--font-body);color:#cfc2a6;margin:0;font-size:.82rem;line-height:1.4}@media (width<=760px),(aspect-ratio<=1){.mech-drebbel-furnace{flex-direction:column;padding:.8rem .75rem 4rem;display:flex;overflow-y:auto}.mech-drebbel-furnace .bg{position:fixed}.mech-drebbel-furnace .stage{flex-direction:column;flex:none;display:flex}.mech-drebbel-furnace .machine{flex:none;height:22rem}.mech-drebbel-furnace .panel{flex-direction:column;display:flex}.mech-drebbel-furnace .chart{flex:none;height:13rem}.mech-drebbel-breathe .closeup{right:50%;transform:translate(50%,-50%)}.mech-drebbel-breathe .boyle{max-height:60vh;bottom:4.2rem;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.mech-drebbel-breathe .closeup,.mech-drebbel-breathe .boyle{animation:none}}