:root{font-family:ui-sans-serif,system-ui,PingFang SC,sans-serif;color:#fff7e6;background:#17110c;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}#game{position:relative;width:100vw;height:100dvh;content-visibility:auto;contain-intrinsic-size:auto 100vw auto 100vh}canvas{display:block;width:100%;height:100%;outline:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#160f09d9,#25160a77,#160f09bb)}.panel{width:min(520px,90vw);text-align:center;padding:38px 42px;background:#1b140dc9;border:1px solid #d8ae5e42;border-radius:6px;box-shadow:0 16px 90px #0008}.eyebrow{letter-spacing:.35em;font-size:12px;color:#d9b16c}h1{font-size:62px;letter-spacing:.14em;margin:18px 0 6px;color:#f6c85f;text-shadow:2px 4px #593819}h2{margin-top:0}.chapter{letter-spacing:.25em;margin-bottom:30px}button{font:inherit;color:#22160b;background:#efc26e;border:0;border-radius:4px;padding:12px 24px;cursor:pointer;font-weight:650}button:hover{background:#ffdc91}button:focus-visible,select:focus-visible{outline:3px solid white;outline-offset:4px}button:disabled{opacity:.45;cursor:wait}#play{display:block;margin:22px auto;width:100%}.hint,.build-note{font-size:13px;line-height:1.8;color:#e6dcc4}.build-note{font-size:11px;color:#b8a78c;margin-top:26px}progress{width:100%;height:5px;accent-color:#efc26e}#load-status{font-size:13px;color:#e7cca2;min-height:20px}.names{position:absolute;top:0;width:100%;display:flex;background:linear-gradient(#0007,transparent);padding:18px 0 50px;pointer-events:none}.names>span{width:50%;padding:0 25px;font-weight:700;text-shadow:0 2px 4px #000}.names>span:first-child{color:#9ed3ff}.names>span:last-child{color:#ace8a2}.names small{display:block;font-size:10px;font-weight:400;margin-top:6px;color:#f6e9d1}.divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#17110c;pointer-events:none}#objective{position:absolute;top:22px;left:50%;transform:translate(-50%);max-width:40%;text-align:center;padding:10px 20px;border-radius:30px;background:#20190fe8;font-size:13px;box-shadow:0 4px 30px #0004;pointer-events:none}.prompts{position:absolute;bottom:12%;display:flex;width:100%;text-align:center;pointer-events:none}.prompts>span{width:50%;text-shadow:0 2px 6px #000;font-size:16px}.quiet{position:absolute;right:20px;bottom:18px;padding:8px 14px;background:#1d170db3;color:#f2e3c5;font-size:12px}dialog{background:#251b12;border:1px solid #b99352;color:#f9e9cb;border-radius:8px;max-width:430px;padding:32px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog button{margin:6px}dialog p{font-size:13px;line-height:1.8}dialog label{display:block;margin-top:18px}select{padding:7px;max-width:100%}[hidden]{display:none!important}@media(max-width:700px){.names small{display:none}h1{font-size:42px}.panel{padding:26px}#objective{top:60px;max-width:90%;width:max-content}}.names>span:last-child{text-align:right}#hud.cinematic .names,#hud.cinematic .divider,#hud.cinematic .prompts{display:none}#hud.cinematic #objective{top:auto;bottom:28px;font-size:13px;opacity:.75}#boss-bar{position:absolute;top:76px;left:35%;width:30%;height:7px;accent-color:#efae5e}.life{position:absolute;bottom:28px;left:25%;width:40px;height:40px;border-radius:50%;background:conic-gradient(#9ed3ff var(--life),#20190fcc 0);border:3px solid #fff3;box-shadow:0 2px 15px #0009}.life:after{content:"";position:absolute;inset:6px;background:#20190f;border-radius:50%}#life1{left:75%;background:conic-gradient(#ace8a2 var(--life),#20190fcc 0)}.life.dead,#life1.dead{background:conic-gradient(#fff var(--life),#20190fcc 0)}#nail-crosshair{position:absolute;left:75%;top:50%;transform:translate(-50%,-50%);font:30px/1 system-ui;color:#fff8de;text-shadow:0 0 3px #000;pointer-events:none}#nail-crosshair[data-ready=false]{color:#bd9b65}.cinematic #nail-crosshair{display:none}#subtitles{position:absolute;bottom:12%;left:15%;right:15%;text-align:center;white-space:pre-line;font-size:clamp(16px,2.1vw,25px);line-height:1.4;text-shadow:0 2px 3px #000,1px 0 3px #000,-1px 0 3px #000;pointer-events:none}#chapter-finished a{color:#efc26e}
