/* Hold Your Breath: vent minigame */
#ventButton{position:relative;display:block;justify-self:start;padding:0;border:0;background:none;line-height:0;touch-action:manipulation}
#ventButton:focus-visible{outline:2px solid #ffe36e;outline-offset:7px}
#ventButton.vent-ready{box-shadow:0 0 0 3px #4a3322,0 0 0 5px #ffb02e,0 6px 10px rgb(0 0 0 / .5)}
#ventButton.vent-ready::after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#ffb02e;box-shadow:0 0 5px #ffb02e;animation:vent-led 1.6s steps(2,jump-none) infinite;pointer-events:none}
#ventButton[aria-disabled="true"]{cursor:help}
@keyframes vent-led{50%{opacity:.35}}
.vent-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;overflow-y:auto;padding:16px;background:rgb(10 6 4 / .86)}
.vent-card{width:min(440px,100%);display:grid;gap:10px;padding:14px;border-radius:8px;color:#f1e6d0;background:linear-gradient(#2a1d14,#170f0a);box-shadow:0 0 0 2px #120b07,inset 0 1px 0 rgb(255 255 255 / .08),0 18px 40px rgb(0 0 0 / .6);font-family:var(--f-text,system-ui,sans-serif)}
.vent-title{margin:0;font-family:var(--f-hw,system-ui);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#ffcf7a}
.vent-help{margin:0;font-size:14px;line-height:1.45;color:#d6c7ad}
.vent-canvas{width:100%;aspect-ratio:280/150;height:auto;display:block;image-rendering:pixelated;border-radius:4px;box-shadow:0 0 0 2px #0d0805}
.vent-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:15px;font-weight:700}
.vent-phase[data-phase="warn"]{color:#ffcf7a}
.vent-phase[data-phase="light"]{color:#ffe9b8;text-decoration:underline wavy;text-underline-offset:4px}
.vent-phase[data-phase="win"]{color:#b9ead8}
.vent-phase[data-phase="lose"]{color:#ff9d9d}
.vent-meter{height:14px;border-radius:3px;background:#0d0805;box-shadow:inset 0 0 0 1px #4a3322;overflow:hidden}
.vent-meter i{display:block;height:100%;width:100%;transform-origin:left;background:repeating-linear-gradient(90deg,#7ff7e6 0 6px,#5ccbbc 6px 8px)}
.vent-meter.low i{background:repeating-linear-gradient(90deg,#ff7b5c 0 6px,#c84a33 6px 8px)}
.vent-passes{display:flex;gap:6px;align-items:center;font-size:13px}
.vent-passes b{width:16px;height:16px;border:2px solid #a99a86;border-radius:3px;display:inline-grid;place-items:center;font-size:11px}
.vent-passes b.on{background:#b9ead8;border-color:#b9ead8;color:#170f0a}
.vent-actions{display:flex;gap:8px}
.vent-hold,.vent-exit{min-height:44px;border:0;border-radius:4px;padding:10px 14px;font-family:var(--f-hw,system-ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;touch-action:none}
.vent-hold{flex:1;background:#ffb02e;color:#2a1405;box-shadow:0 4px 0 #8a4410}
.vent-hold[aria-pressed="true"]{transform:translateY(3px);box-shadow:0 1px 0 #8a4410;background:#e8962a}
.vent-hold:disabled{opacity:.45;cursor:not-allowed}
.vent-exit{background:#2e2016;color:#f1e6d0;box-shadow:inset 0 0 0 1px #6a4d36}
@media (prefers-reduced-motion:reduce){#ventButton.vent-ready::after{animation:none}.vent-hold[aria-pressed="true"]{transform:none}}