.mech-beer{color:#f4ecd6;flex-direction:column;gap:.8rem;padding:.8rem clamp(.75rem,3vw,2rem) 4rem;display:flex;position:absolute;inset:0;overflow-y:auto}.mech-beer>*{flex-shrink:0}.mech-beer .mech-beer-bg{z-index:-1;filter:blur(10px)brightness(.35);background:url(/house/plates/beer/steelworks-1440.webp) 50%/cover;position:fixed;inset:-20px}.mech-beer button{font:inherit;color:#f4ecd6;cursor:pointer;background:#14161c99;border:1px solid #d9a44180;border-radius:999px;padding:.4rem 1rem}.mech-beer button:focus-visible{outline-offset:2px;outline:2px solid #f0cf7a}.mech-beer button kbd{font:.75em var(--font-body);opacity:.65;margin-right:.2rem}.mech-beer .mech-beer-head{justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.mech-beer .mech-beer-lede{font-family:var(--font-title);text-align:center;margin:0;font-size:clamp(1.1rem,.95rem + .7vw,1.5rem)}.mech-beer .leave{position:absolute;right:0}.mech-beer .mech-beer-stage{grid-template-columns:minmax(0,1fr) 12.5rem minmax(0,1.15fr);align-items:stretch;gap:1rem;width:100%;max-width:82rem;margin:0 auto;display:grid}.mech-beer figure{grid-template-rows:1fr auto;gap:.4rem;margin:0;display:grid}.mech-beer .tank{width:100%;height:min(52vh,28rem);display:block}.mech-beer .chart{border-radius:3px;width:100%;height:min(52vh,28rem);display:block;box-shadow:0 0 0 1px #d9a44166,0 6px 20px #0006}.mech-beer figcaption{color:#f4ecd6e0;text-align:center;min-height:2.8em;font-size:.9rem;font-style:italic;line-height:1.4}.mech-beer .mech-beer-wiring{align-content:center;gap:.7rem;margin:0;padding:0;font-size:.86rem;list-style:none;display:grid}.mech-beer .mech-beer-wiring li{background:#0e121099;border:1px solid #d9a44140;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.1rem .35rem;padding:.5rem .6rem;display:flex}.mech-beer .mech-beer-wiring .from,.mech-beer .mech-beer-wiring .to{font-family:var(--font-title);color:#f0cf7a}.mech-beer .mech-beer-wiring .arrow{color:#f4ecd699}.mech-beer .mech-beer-wiring .why{color:#f4ecd6c7;flex-basis:100%;line-height:1.35}.mech-beer .mech-beer-controls{flex-wrap:wrap;justify-content:center;gap:.5rem .7rem;display:flex}.mech-beer .disturb.is-on{background:#c8642a59;border-color:#e0a43a}.mech-beer .run[aria-pressed=false]{background:#d9a44147}.mech-beer .mech-beer-status{text-align:center;width:min(46rem,100%);min-height:2.8em;font-family:var(--font-title);margin:0 auto;font-size:1.05rem;line-height:1.4}.mech-beer .mech-beer-note{color:#f4ecd6d9;width:min(46rem,100%);margin:0 auto;font-size:.9rem;line-height:1.5}.mech-beer .mech-beer-note summary{cursor:pointer;text-align:center;font-family:var(--font-title);color:#e8c77a}.mech-beer .mech-beer-note .cite{color:#f4ecd699;font-size:.8rem}@media (width<=64rem){.mech-beer .mech-beer-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mech-beer .mech-beer-wiring{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=44rem){.mech-beer .mech-beer-stage{grid-template-columns:minmax(0,1fr)}.mech-beer .mech-beer-wiring{order:3;grid-row:auto;grid-template-columns:minmax(0,1fr)}.mech-beer .tank{height:13rem}.mech-beer .chart{height:17rem}.mech-beer .leave{position:static}.mech-beer .mech-beer-head{flex-direction:column;gap:.4rem}}.mech-beer-cyb{color:#f7f1e3;isolation:isolate;flex-direction:column;gap:.7rem;padding:.8rem clamp(.75rem,3vw,2rem) 4rem;display:flex;position:absolute;inset:0;overflow:hidden auto}.mech-beer-cyb>*{flex:none}.mech-beer-cyb .bg{z-index:-1;filter:blur(6px)brightness(.42)saturate(.9);background:url(/house/plates/beer/opsroom-1440.webp) 50% 40%/cover;position:fixed;inset:-20px}.mech-beer-cyb header{grid-template-columns:1fr auto 1fr;align-items:end;gap:.3rem 1rem;display:grid}.mech-beer-cyb h2{text-align:center;font-family:var(--font-title);color:#fbe9c8;text-shadow:0 1px 6px #000;grid-column:2;margin:0;font-size:clamp(1.3rem,1rem + 1vw,1.9rem);font-weight:400}.mech-beer-cyb .lede{text-align:center;grid-area:2/1/auto/-1;margin:0;font-size:clamp(.98rem,.9rem + .3vw,1.12rem);font-style:italic}.mech-beer-cyb .clock{letter-spacing:.04em;color:#2a1d14;font-variant-numeric:tabular-nums;background:#e8893a;border-radius:3px;grid-area:1/3;justify-self:end;margin:0;padding:.15rem .7rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9rem}.mech-beer-cyb .screens{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1rem;min-height:0;display:grid}.mech-beer-cyb .screen{background:linear-gradient(#f4ecd9,#ece0c4);border:2px solid #c9a24a;border-radius:4px;margin:0;padding:.5rem .6rem .6rem;position:relative;box-shadow:0 0 0 4px #2a1d1499,0 0 40px #ffe2aa40,0 14px 40px #0000008c}.mech-beer-cyb .screens .screen{flex-direction:column;display:flex}.mech-beer-cyb .screens .feed canvas{flex:1}.mech-beer-cyb .screen figcaption{letter-spacing:.14em;text-transform:uppercase;color:#3e8c8a;margin:0 0 .25rem .15rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.72rem;font-weight:600}.mech-beer-cyb .screen canvas{width:100%;height:clamp(17rem,46vh,26rem);display:block}.mech-beer-cyb .screen .note{color:#4a3428;margin:.2rem .2rem 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;line-height:1.35}.mech-beer-cyb .said{text-align:center;text-shadow:0 1px 4px #000;max-width:52rem;min-height:4.4em;margin:0 auto;font-size:1.04rem;line-height:1.45}.mech-beer-cyb .armrest{background:linear-gradient(#fbf8f1,#e9e2d3);border-radius:1.6rem;flex-wrap:wrap;justify-content:center;align-self:center;gap:.55rem .9rem;padding:.6rem 1.1rem;display:flex;box-shadow:inset 0 -3px #0000001f,0 10px 30px #00000080}.mech-beer-cyb .key{font:inherit;color:#2a1d14;cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:.45rem;min-height:2.5rem;padding:.25rem .3rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9rem;display:flex}.mech-beer-cyb .key .cap{background:#3e8c8a;border-radius:4px;width:1.7rem;height:1.7rem;box-shadow:inset 0 -3px #00000040,0 1px 2px #0000004d}.mech-beer-cyb .key.act .cap{background:#e8893a}.mech-beer-cyb .key.fast .cap{background:#d8c48a}.mech-beer-cyb .key.leave .cap{background:#8a7a68}.mech-beer-cyb .key:hover:not(:disabled) .cap,.mech-beer-cyb .key:focus-visible .cap{filter:brightness(1.15);transform:translateY(1px)}.mech-beer-cyb .key:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #3e8c8a}.mech-beer-cyb .key:disabled{opacity:.4;cursor:default}.mech-beer-cyb .key.act:not(:disabled) .lab{color:#9c3a1d;font-weight:600}.mech-beer-cyb .end{text-align:center;background:#1e1610c7;border:1px solid #e8893a8c;border-radius:6px;flex-direction:column;align-items:center;gap:.5rem;max-width:44rem;margin:0 auto;padding:.9rem 1.2rem 1rem;display:flex}.mech-beer-cyb .end p{margin:0;line-height:1.45}.mech-beer-cyb .end[hidden]{display:none}.mech-beer-cyb .end button{font:inherit;color:#f7f1e3;cursor:pointer;background:#14161ca6;border:1px solid #e8893ab3;border-radius:999px;min-height:2.5rem;padding:.45rem 1.1rem}.mech-beer-cyb .end .to-pond{background:#3e8c8a8c;border-color:#7cc0bd}.mech-beer-cyb .how{max-width:50rem;margin:0 auto;font-size:.94rem;line-height:1.45}.mech-beer-cyb .how summary{cursor:pointer;text-align:center;color:#f0b07a;font-family:var(--font-title)}.mech-beer-cyb .how p{margin:.5rem 0}.mech-beer-cyb .how .cite{color:#f7f1e3a6;font-size:.8rem}@media (width<=760px){.mech-beer-cyb{padding:.7rem .75rem 4.5rem}.mech-beer-cyb header{grid-template-columns:1fr auto}.mech-beer-cyb h2{text-align:left;grid-column:1}.mech-beer-cyb .clock{grid-column:2}.mech-beer-cyb .lede{text-align:left}.mech-beer-cyb .screens{display:contents}.mech-beer-cyb .feed{order:1}.mech-beer-cyb .said{order:2}.mech-beer-cyb .armrest{order:3}.mech-beer-cyb .alg{order:4}.mech-beer-cyb .end{order:5}.mech-beer-cyb .how{order:6}.mech-beer-cyb .feed canvas{height:31rem}.mech-beer-cyb .alg canvas{height:17rem}.mech-beer-cyb .screen .note{color:#4a3428;margin:.2rem .2rem 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;line-height:1.35}.mech-beer-cyb .said{font-size:.96rem}.mech-beer-cyb .armrest{border-radius:1.2rem;gap:.3rem .6rem;padding:.5rem .8rem}}