html,body{background:#0b0a09;height:100%;margin:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block}#hud{pointer-events:none;color:#efe6d0;position:fixed;inset:0}.crosshair{background:#efe6d0b3;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:transform .12s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}.crosshair.active{background:#ffc23a;transform:scale(1.8)}.hover{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px #000;opacity:0;font-size:18px;font-weight:600;transition:opacity .15s;position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%)}.hover .action,.hint{color:#ffc23a;letter-spacing:.12em;font-size:15px}.hover .action{text-align:center;margin-top:2px;display:block}.hint{text-transform:uppercase;text-shadow:0 1px 2px #000;opacity:0;transition:opacity .2s;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.prompt{letter-spacing:.1em;text-transform:uppercase;background:#0a08068c;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:22px;display:flex;position:absolute;inset:0}.prompt .title{letter-spacing:.3em;font-size:64px;font-weight:700}.prompt .keys{opacity:.7;font-size:15px}.status{color:#cfe8c8;white-space:pre;background:#00000073;padding:3px 6px;font:12px/1.3 ui-monospace,Consolas,monospace;display:none;position:absolute;bottom:6px;left:8px}.lil-gui{pointer-events:auto}.hover .action.blocked{color:#c9b9a4;text-transform:none;letter-spacing:.04em;font-style:italic}.ring{--p:0deg;background:conic-gradient(#ffc23a var(--p), #ffffff1f 0);opacity:0;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .1s;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 12px,#000 13px);mask:radial-gradient(circle,#0000 12px,#000 13px)}.objective{letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 3px #000;opacity:0;max-width:40vw;font-size:19px;font-weight:600;transition:opacity .6s,transform .6s;position:absolute;top:18px;left:22px;transform:translateY(-6px)}.objective.show{opacity:.92;transform:none}.objective .tag{color:#ffc23a;letter-spacing:.25em;font-size:12px;display:block}.objective .ohint{text-transform:none;letter-spacing:.03em;color:#d9ccb0;margin-top:4px;font-size:15px;font-style:italic;font-weight:500;animation:1.2s fadein;display:block}@keyframes fadein{0%{opacity:0}}.subtitle{text-align:center;color:#f4ecd8;text-shadow:0 1px 3px #000,0 0 12px #000000b3;opacity:0;width:min(900px,86vw);font-size:23px;font-weight:500;line-height:1.3;transition:opacity .3s;position:absolute;bottom:9vh;left:50%;transform:translate(-50%)}.subtitle.show{opacity:1}.subtitle .speaker{letter-spacing:.3em;color:#8fd6a0;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.toast{color:#efe6d0;text-shadow:0 1px 3px #000;opacity:0;font-size:18px;font-style:italic;transition:opacity .25s;position:absolute;top:62%;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.caption{text-align:center;text-shadow:0 1px 3px #000;opacity:0;font-size:18px;transition:opacity .2s;position:absolute;bottom:22vh;left:50%;transform:translate(-50%)}.caption .ctitle{letter-spacing:.1em;text-transform:uppercase;font-size:24px;font-weight:700}.caption .keys,.prompt .keys{opacity:.65;margin-top:4px;font-size:14px}.fade{opacity:0;background:#000;position:absolute;inset:0}.prompt .title.small{font-size:44px}.end{text-align:center;pointer-events:auto;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:20px;display:none;position:absolute;inset:0}.end h1{letter-spacing:.25em;margin:0;font-size:64px}.end .dim{opacity:.6;font-size:16px}.end button{letter-spacing:.2em;color:#1b1814;cursor:pointer;background:#ffc23a;border:0;margin-top:26px;padding:10px 28px;font:700 18px Barlow Condensed,sans-serif}#loading{color:#efe6d0;letter-spacing:.2em;text-transform:uppercase;background:#0b0a09;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading .title{letter-spacing:.3em;font-size:64px;font-weight:700}#loading .bar{background:#ffffff1f;width:220px;height:3px;overflow:hidden}#loading .bar span{background:#ffc23a;width:40%;height:100%;animation:1.1s ease-in-out infinite loadbar;display:block}#loading .msg{opacity:.6;font-size:13px}@keyframes loadbar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.end .credits{letter-spacing:.14em;opacity:.45;margin-top:28px;font-size:13px;line-height:1.6}.settings{pointer-events:auto;letter-spacing:.12em;background:#00000059;gap:22px;margin-top:18px;padding:8px 16px;font-size:14px;display:flex}.settings label{cursor:pointer;align-items:center;gap:8px;display:flex}.settings input[type=range]{accent-color:#ffc23a;width:110px}.settings input[type=checkbox]{accent-color:#ffc23a}