*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;overflow:hidden}#vivarium{cursor:crosshair;display:block}.screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0500b8;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.screen.hidden{opacity:0;pointer-events:none}.screen-inner{text-align:center;color:#e8d9b0;max-width:380px;padding:2rem;font-family:system-ui,sans-serif}.screen-inner h1{letter-spacing:.04em;color:#f0e4c0;margin-bottom:.25em;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:700}.screen-inner p{opacity:.75;margin-top:.4em;font-size:clamp(.95rem,3vw,1.15rem);line-height:1.5}.screen-inner .prompt{opacity:.55;letter-spacing:.08em;text-transform:uppercase;margin-top:2em;font-size:clamp(.8rem,2.5vw,.95rem);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.7}}.screen.dead{background:#280500c7}.screen.dead h1{color:#ff7060}.screen.won{background:#08140ac7}.screen.won h1{color:#a0e8a0}.screen.lost{background:#1e0800d9}.screen.lost h1{color:#e8904a}#help-btn{color:#e8d9b08c;cursor:pointer;z-index:20;background:0 0;border:none;padding:.25rem .4rem;font-family:system-ui,sans-serif;font-size:1.35rem;font-weight:700;line-height:1;transition:color .25s;position:fixed;top:.75rem;right:3.4rem}#help-btn:hover{color:#e8d9b0e6}.help-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#080400b8;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.help-modal.hidden{opacity:0;pointer-events:none}.help-inner{color:#e8d9b0;background:#1c1204f2;border:1px solid #e8d9b026;border-radius:10px;width:90%;max-width:380px;padding:2rem 2.5rem 1.75rem;font-family:system-ui,sans-serif;position:relative}.help-inner h2{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:1.2rem;font-size:1.1rem;font-weight:600}.help-inner dl{grid-template-columns:auto 1fr;gap:.55em 1.2em;display:grid}.help-inner dt{opacity:.9;white-space:nowrap;font-size:.88rem;font-weight:600}.help-inner dd{opacity:.6;font-size:.88rem;line-height:1.4}.help-close{color:#e8d9b066;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.9rem;line-height:1;transition:color .2s;position:absolute;top:.75rem;right:.9rem}.help-close:hover{color:#e8d9b0d9}#mute-btn{color:#e8d9b08c;cursor:pointer;z-index:20;background:0 0;border:none;padding:.25rem;font-size:1.35rem;line-height:1;transition:color .25s;position:fixed;top:.75rem;right:1rem}#mute-btn:hover{color:#e8d9b0e6}#credits{letter-spacing:.05em;z-index:25;flex-direction:column;align-items:flex-end;gap:.2em;font-family:system-ui,sans-serif;font-size:.78rem;display:flex;position:fixed;bottom:1rem;right:1.25rem}#credits a{color:#e8d9b0d1;text-shadow:0 1px 4px #000c;text-decoration:none;transition:color .25s}#credits a:hover{color:#f0e4c0}#credits span{color:#e8d9b099;text-shadow:0 1px 4px #000c}