html,body{margin:0;height:100%;background:#030304;color:#e6e6ee;font-family:monospace;overflow:hidden;touch-action:none}#wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}#stage{position:relative;width:min(100vw,177.78vh);aspect-ratio:16/9;container-type:size;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#view{transform-origin:50% 80%}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqh;background:#030304e6;text-align:center;padding:3cqh 3cqw;box-sizing:border-box;font-size:max(12px,1.9cqw)}.screen.on{display:flex}[hidden]{display:none!important}h1,h2{margin:0;color:#e01e1e;font-weight:700;letter-spacing:.3em}h1{font-size:max(22px,5cqw)}h2{font-size:max(14px,2.6cqw)}input,button{font:inherit;padding:.45em .8em;border:1px solid #62626a;background:#15151b;color:#e6e6ee;border-radius:0}input[type=range]{padding:0;accent-color:#e01e1e;width:9em}button{cursor:pointer;background:#5e0404;border-color:#a00c0c}button.alt{background:#15151b;border-color:#44444c}button:hover{filter:brightness(1.25)}button:focus-visible,input:focus-visible{outline:2px solid #f5e9a0;outline-offset:2px}ol{list-style:none;padding:0;margin:0;color:#a4a4ac;text-align:left;font-size:.85em;line-height:1.55}ol li.me{color:#f5e9a0}.err{color:#ff6a5a;font-size:.8em;min-height:1.2em}.small{font-size:.75em;color:#82828a;line-height:1.6;margin:0}.row{display:flex;gap:.6em;flex-wrap:wrap;justify-content:center;align-items:center}#title{background:linear-gradient(0deg,#030304d9,#03030400 18%);align-items:flex-start;justify-content:flex-end;text-align:left;padding:0 0 9cqh 4.2cqw}#title:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),radial-gradient(ellipse 85% 85% at 55% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}#title>*{position:relative}#title .tagline{position:absolute;top:31cqh;left:5cqw;margin:0;color:#9a9aa4;font-size:max(11px,1.45cqw);font-style:italic;letter-spacing:.12em;text-shadow:0 0 .6em #000;animation:tagline 9s infinite}@keyframes tagline{0%,88%,to{opacity:.85}90%{opacity:.2}91%{opacity:.85}93%{opacity:.4}}#title .menu-list{font-size:.92em;border-left:2px solid rgba(160,12,12,.55);padding:.3em 0}#title .mi-sep{display:block;width:9em;height:1px;margin:.35em 0 .35em 1.5em;background:linear-gradient(90deg,#2e2e36,transparent)}#title .mi.primary small{display:block;margin:.1em 0 0;font-size:.42em;letter-spacing:.12em}#title .mi.primary small:empty{display:none}.menu-foot{position:absolute!important;left:4.2cqw;right:2cqw;bottom:1.6cqh;display:flex;justify-content:space-between;align-items:flex-end;gap:1em}.menu-foot .small{font-size:max(10px,1.25cqw)}#versao{color:#44444c}.menu-hint kbd{margin:0 .15em;padding:0 .35em;font-size:.95em;color:#82828a;border-color:#2e2e36}.menu-hint kbd+kbd{margin-left:0}#opts{display:grid;grid-template-columns:auto auto;gap:.5em 1em;align-items:center;text-align:left;font-size:.85em;color:#a4a4ac}#opts label{display:contents}#opts .row{grid-column:1/-1;justify-content:flex-start}#coop .box,#journal .box{display:grid;gap:1.1em;justify-items:center}#coop .code{color:#f5e9a0;letter-spacing:.25em;font-size:1.3em}#coopCode{width:6.5em;text-transform:uppercase;letter-spacing:.2em;text-align:center}#coopList{min-width:16em;font-size:.95em}#coopList .vazio{color:#44444c}.dot{display:inline-block;width:.8em;height:.8em;margin-right:.5em;vertical-align:-.05em}#death{background:radial-gradient(circle at 50% 35%,#2a0000eb,#030304f7 60%);gap:1cqh}#killer{position:static;width:34cqh;height:34cqh;margin-bottom:-3cqh}#deathRankPos{color:#a4a4ac}#deathRankPos.rec{color:#f5e9a0;letter-spacing:.2em}#deathTip{color:#82828a;font-size:.8em;max-width:40em}#deathRank{font-size:.75em}#touch{display:none}body.touch.playing #touch{display:block}body.touch .keys,.tkeys{display:none}body.touch .tkeys{display:block}.stick{position:absolute;bottom:max(5cqh,env(safe-area-inset-bottom));width:34cqh;height:34cqh;border-radius:50%;border:2px solid rgba(230,230,238,.22);background:radial-gradient(circle,#15151b59,#15151b26);touch-action:none}#lstick{left:max(4cqw,env(safe-area-inset-left))}#rstick{right:max(4cqw,env(safe-area-inset-right))}.knob{position:absolute;left:50%;top:50%;width:14cqh;height:14cqh;margin:-7cqh 0 0 -7cqh;border-radius:50%;background:#e6e6ee47;border:2px solid rgba(230,230,238,.4);pointer-events:none}.stick.on{border-color:#f5e9a08c}.stick.on .knob{background:#f5e9a059}.tb svg{width:62%;height:62%}.knob svg{width:60%;height:60%;margin:20%;opacity:.7}svg.ico{shape-rendering:crispEdges;fill:currentColor;pointer-events:none}.tb.on svg{color:#030304}#btnFlash{color:#8fd8f0}.knob{color:#e6e6ee}.tb{position:absolute;width:13cqh;height:13cqh;border-radius:50%;background:#15151b8c;border:2px solid rgba(230,230,238,.32);color:#e6e6ee;font-size:2.5cqh;padding:0;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;line-height:1}.tb.on{background:#f5e9a066;border-color:#f5e9a0;color:#030304}.tb.off{opacity:.38}#btnRun{right:calc(max(4cqw,env(safe-area-inset-right)) + 25cqh);bottom:43cqh}#btnUse{right:calc(max(4cqw,env(safe-area-inset-right)) + 12cqh);bottom:48cqh}#btnLight{right:calc(max(4cqw,env(safe-area-inset-right)) - 1cqh);bottom:43cqh}#btnFlash{right:calc(max(4cqw,env(safe-area-inset-right)) + 36cqh);bottom:30cqh;width:15cqh;height:15cqh;border-color:#8fd8f099}#btnPause{top:max(2cqh,env(safe-area-inset-top));left:calc(50% - 11cqh);width:10cqh;height:10cqh}#btnMap{top:max(2cqh,env(safe-area-inset-top));left:calc(50% + 1cqh);width:10cqh;height:10cqh}#btnPing{top:max(2cqh,env(safe-area-inset-top));left:calc(50% + 13cqh);width:10cqh;height:10cqh}#btnTool{right:calc(max(4cqw,env(safe-area-inset-right)) + 38cqh);bottom:64cqh}#btnSneak{left:calc(max(4cqw,env(safe-area-inset-left)) + 2cqh);bottom:50cqh}#btnThrow{right:calc(max(4cqw,env(safe-area-inset-right)) + 38cqh);bottom:48cqh}#rotate{display:none;position:fixed;inset:0;z-index:9;background:#030304;color:#a4a4ac;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:16px}@media(orientation:portrait){body.touch #rotate{display:flex}}@media(prefers-reduced-motion:reduce){#view{transition:none}.mi,.mi:before,#title .tagline{animation:none!important;transition:none}}#opts{max-height:62cqh;overflow-y:auto}#opts select{justify-self:start;max-width:16em;font:inherit;background:#15151b;color:#e6e6ee;border:1px solid #62626a}#opts input[type=checkbox]{justify-self:start;accent-color:#e01e1e;width:1.2em;height:1.2em}#keysPanel{grid-column:1 / -1;display:grid;gap:.4em}#keysPanel[hidden]{display:none}#keysList{display:grid;grid-template-columns:auto auto;gap:.3em 1em;align-items:center}#keysList button{min-width:6em}#keysList button.waiting{border-color:#f5e9a0}#journal .box{max-width:46em;max-height:86cqh}#journalList{max-height:60cqh;overflow-y:auto;display:grid;gap:.8em;padding-right:.5em}#journalList .vazio{color:#44444c}#dailyInfo{color:#f5e9a0}.unlock{margin:0;color:#f5e9a0;letter-spacing:.1em}.tools{display:flex;flex-wrap:wrap;gap:.35em;justify-content:flex-start}.tools .tool{display:inline-flex;flex-direction:column;align-items:center;gap:.15em;min-width:5.2em;padding:.35em .4em;font-size:.8em;background:#15151b;color:#a4a4ac;border:1px solid #44444c}.tools .tool.on{color:#f5e9a0;border-color:#f5e9a0;background:#2a2618}.tools .tool:disabled{opacity:.7;cursor:not-allowed}.tools .tool .ico{fill:currentColor}#coop .tools{justify-content:center}.tooldesc{max-width:40em;margin:.2em 0;min-height:2.4em}.menu-list{display:flex;flex-direction:column;align-items:flex-start;gap:.1em}.menu-list.center{align-items:stretch;min-width:14em}.mi{position:relative;background:none;border:none;padding:.22em .8em .22em 1.5em;color:#8a8a94;font-size:1.1em;letter-spacing:.14em;text-transform:uppercase;text-align:left;transition:color .12s,transform .12s}.mi:before{content:"▶";position:absolute;left:.3em;top:50%;transform:translateY(-50%);font-size:.7em;color:#e01e1e;opacity:0}.mi small{margin-left:.7em;font-size:.62em;letter-spacing:.05em;text-transform:none;color:#5a5a64}.mi:hover,.mi:focus-visible,.mi:focus{filter:none;outline:none;background:linear-gradient(90deg,#e01e1e33,#e01e1e00 85%);color:#f5e9a0;text-shadow:0 0 .5em rgba(224,30,30,.75),0 0 1.4em rgba(224,30,30,.35);transform:translate(.25em)}.mi:hover:before,.mi:focus:before{opacity:1;animation:flicker 1.6s infinite steps(1)}.mi:hover small,.mi:focus small{color:#a4a4ac}.mi.primary{font-size:1.55em;color:#e6e6ee;margin-bottom:.15em}.mi.danger:hover,.mi.danger:focus{color:#ff6a5a}.menu-list.center .mi{text-align:center;padding-left:.8em}.menu-list.center .mi:before{position:static;display:inline-block;margin-right:.6em;transform:none}@keyframes flicker{0%,to{opacity:1}47%{opacity:.35}50%{opacity:1}82%{opacity:.6}}.menu-hint{color:#44444c;letter-spacing:.08em}body.touch .menu-hint{display:none}.panel-screen .box{display:grid;gap:.9em;justify-items:center;min-width:min(22em,90cqw);max-width:90cqw;max-height:92cqh;box-sizing:border-box;padding:1.1em 1.6em;background:#0a0a0df0;border:1px solid #2a2a30;box-shadow:0 0 0 1px #000,0 1em 3em #000000b3}.panel-screen .box.wide{width:min(52em,92cqw);grid-template-rows:auto minmax(0,1fr) auto}#setup .box{justify-items:stretch;width:min(34em,92cqw);text-align:left}#setup h2,#setup .row{justify-self:center}#setup .field{display:grid;gap:.3em;color:#a4a4ac;font-size:.85em}#setup .label{margin-bottom:.3em}#setup .err{margin-top:-.6em}#setupInfo{text-align:center}h3{margin:.6em 0 .3em;color:#c41a1a;font-size:.8em;letter-spacing:.25em;text-transform:uppercase}h3:first-child{margin-top:0}#opts h3{grid-column:1 / -1;border-bottom:1px solid #2a2a30;padding-bottom:.2em}#options #opts{max-height:none;overflow:visible}#optionsBody{overflow-y:auto;min-height:0;padding-right:.5em}.tabs{display:flex;gap:0}.tab{background:#15151b;border-color:#2a2a30;color:#82828a}.tab.on{background:#2a2618;border-color:#f5e9a0;color:#f5e9a0}#ranking ol{min-width:20em;max-height:50cqh;overflow-y:auto;font-size:.9em}.howto{text-align:left;overflow-y:auto;min-height:0;padding-right:.6em;font-size:.85em;line-height:1.55;color:#b4b4bc}.howto p{margin:0 0 .4em}.keygrid{display:grid;grid-template-columns:auto 1fr;gap:.25em .9em;align-items:center;margin-bottom:.5em}kbd{justify-self:start;font:inherit;font-size:.9em;padding:.05em .45em;color:#f5e9a0;background:#15151b;border:1px solid #44444c;border-bottom-width:2px}body.touch .keygrid{display:none}.foes{display:grid;grid-template-columns:auto 1fr;gap:.3em .9em;margin:0}.foes dt{color:#e6e6ee;font-weight:700}.foes dd{margin:0}.toollist,.tips{margin:0;padding:0;list-style:none;display:grid;gap:.35em}.toollist li{display:flex;gap:.6em;align-items:flex-start}.toollist svg{flex:none;margin-top:.2em;color:#f5e9a0}.tips li:before{content:"· ";color:#e01e1e}
