:root{color-scheme:dark}
html,body{height:100%;margin:0;padding:0;background:#0d0b09;overflow:hidden}
body{color:#f4efe4;font:18px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;user-select:none;-webkit-user-select:none}
#game{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#000}
#c{position:absolute;left:0;top:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair}
.hide{display:none!important}
.pill{background:rgba(14,12,10,.82);color:#f4efe4;border-radius:6px;padding:5px 12px;font-size:19px;white-space:nowrap}
#xh{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;pointer-events:none;overflow:visible}
#fp{position:absolute;left:50%;top:50%;transform:translate(-50%,44px);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}#fp .row{display:flex;align-items:center;gap:8px}
.kc{display:inline-block;min-width:28px;height:28px;line-height:28px;padding:0 6px;box-sizing:border-box;text-align:center;background:#f4efe4;color:#14110e;border-radius:5px;border-bottom:3px solid #8f897c;font:700 17px system-ui,sans-serif}
#cap{position:absolute;left:0;top:0;transform:translate(-50%,-100%);pointer-events:none;display:flex;align-items:center;gap:8px}
#label{position:absolute;left:0;top:0;transform:translate(-50%,-100%);font-size:18px;font-weight:700;color:#bff6ff;text-shadow:0 0 3px #000,0 0 6px #000;pointer-events:none}
#hp{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;pointer-events:none}
#hp .bar{width:min(190px,40vw);height:16px;border:2px solid #f4efe4;border-radius:3px;background:#2a0606;position:relative;overflow:hidden;box-shadow:0 0 0 2px rgba(0,0,0,.5)}
#hpf{position:absolute;left:0;top:0;bottom:0;width:100%;background:#e8403a}
#vig{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;box-shadow:inset 0 0 150px 50px rgba(200,0,0,.9);opacity:0}
#toast{position:absolute;top:16px;right:16px;max-width:min(70vw,420px);white-space:normal;pointer-events:none}
#title{position:absolute;top:12%;left:50%;transform:translateX(-50%);font-size:24px;font-weight:700;letter-spacing:.02em;pointer-events:none;transition:opacity .6s}
#start{position:absolute;left:50%;top:58%;transform:translateX(-50%);font-size:22px;padding:8px 18px;pointer-events:none}
.edge{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}
.edge svg{position:absolute;left:-16px;top:-16px}
.panel{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(6,5,4,.8);box-sizing:border-box;padding:16px}
.box{background:#17130f;border:2px solid #4d4438;border-radius:10px;padding:20px 24px;max-width:min(92vw,560px);text-align:center;box-sizing:border-box}
.box h2{margin:0 0 10px;font-size:24px}
.box p{margin:8px 0;font-size:19px}
.box .next{color:#ffd78a;margin-top:14px}
.box .small{font-size:17px;color:#d9d2c4}
.box button{display:block;width:100%;margin:8px 0 0;padding:9px 14px;font:600 18px system-ui,sans-serif;background:#2b241d;color:#f4efe4;border:2px solid #6c6050;border-radius:6px;cursor:pointer}
.box button:hover,.box button:focus-visible{background:#3a3128;outline:2px solid #ffd78a}
#ctl{text-align:left;margin:12px 0 4px;font-size:17px;line-height:1.6;color:#e6dfd2}
#death{background:rgba(70,0,0,.35)}
#close{align-items:flex-end;background:linear-gradient(to top,rgba(8,7,6,.9),rgba(8,7,6,.6) 45%,rgba(8,7,6,0) 75%)}
#close .box{background:rgba(23,19,15,.9);margin-bottom:3vh}
#cltimes{font-size:17px;color:#e6dfd2;margin:10px 0 0;line-height:1.5}
/* The pause screen's settings notice, legal links and build stamp (site/pages.ts), read on the toy's dark plate. */
.box .storage-notice,.box .stamp{font-size:17px;color:#d9d2c4}
.box .menu-links{margin:10px 0 0;font-size:17px}
.box .menu-links a{color:#ffd78a;margin:0 8px}