:root{--bone:#d9d3c1;--ash:#86857c;--pitch:#040506;--hazard:#c9a227;--blood:#8e2a20;--sign:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--hand:"Newsreader", Georgia, "Times New Roman", serif;box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body{background:var(--pitch);height:100%;color:var(--bone);font-family:var(--sign);overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.hide{display:none!important}#hud{pointer-events:none;letter-spacing:.02em;font-size:18px;position:fixed;inset:0}#dot{background:var(--bone);opacity:.55;border-radius:50%;width:4px;height:4px;margin:-2px;transition:transform .12s,opacity .12s;position:absolute;top:50%;left:50%}#dot.can{opacity:.95;transform:scale(1.6)}#devtag{letter-spacing:.12em;color:var(--hazard);text-shadow:0 1px 4px #000;white-space:pre;font-size:14px;font-weight:600;position:absolute;top:18px;right:20px}#track{max-width:min(46em,60vw);max-height:calc(100vh - 260px);color:var(--bone);text-shadow:0 1px 4px #000;white-space:pre-wrap;background:#0203048c;padding:8px 10px;font-size:13px;line-height:1.35;position:absolute;top:92px;left:28px;overflow:hidden}.screen{background:#020304b8;flex-direction:column;justify-content:flex-end;padding:8vh 8vw;display:flex;position:fixed;inset:0}#title{background:linear-gradient(#0203041f,#0203044d 52%,#020304e0),linear-gradient(270deg,#02030499,#0000 40%)}.screen h1{letter-spacing:-.01em;text-transform:uppercase;margin:0 0 .12em -.04em;font-size:clamp(64px,13vw,180px);font-weight:600;line-height:.85}.menu{flex-direction:column;align-items:flex-start;gap:.15em;font-size:clamp(22px,2.2vw,30px);display:flex;position:absolute;top:50%;right:12vw;transform:translateY(-50%)}.menu button{font:inherit;letter-spacing:.06em;color:var(--bone);opacity:.72;cursor:pointer;text-align:left;background:0 0;border:0;padding:.1em 0;font-weight:600}.menu button:hover,.menu button:focus-visible{opacity:1;color:var(--hazard);outline:none}.menu label{letter-spacing:.06em;color:var(--ash);align-items:center;gap:.8em;padding:.2em 0;font-size:.7em;font-weight:500;display:flex}.menu input[type=range]{width:12em;accent-color:var(--hazard)}.menu input[type=checkbox]{accent-color:var(--hazard);width:1.1em;height:1.1em;margin:0}.menu .keys{color:var(--ash);grid-template-columns:repeat(3,auto);gap:2px 28px;margin:1em 0 .8em;font-size:.55em;display:grid}.menu .keys b{color:var(--bone);margin-right:.5em;font-weight:500}#settings .menu{left:8vw;right:auto}.screen .dev{color:var(--ash);margin:0;font-size:16px}.screen .dev a{color:var(--hazard)}#end{cursor:pointer;justify-content:center}#end p{font-family:var(--hand);max-width:34em;margin:0;font-size:clamp(17px,1.5vw,22px);line-height:1.5}:root{--paper:#cfc7ae;--ink:#1d1a15}#vig,#fade,#hitdir{pointer-events:none;position:fixed;inset:0}#hitdir{opacity:0;background:radial-gradient(ellipse 55% 55% at var(--hx,50%) var(--hy,50%), #960c08b3, transparent)}#fade{opacity:0;background:#000}#vig{opacity:0;background:radial-gradient(#0000 45%,#780a06bf 100%)}#prompt{text-align:center;letter-spacing:.03em;opacity:.85;text-shadow:0 1px 6px #000;font-size:18px;font-weight:500;position:absolute;top:54%;left:0;right:0}#stat{width:230px;position:absolute;bottom:26px;left:28px}.bar{background:#d9d3c124;height:9px;margin-bottom:6px}.bar i{background:var(--blood);width:100%;height:100%;display:block}.bar.sm{width:60%;height:4px}.bar.sm i{background:var(--hazard)}#o2w i{background:#7fb6c9}#ammo{color:var(--bone);font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.panel{background:#020304d1;justify-content:center;align-items:center;padding:4vh 4vw;display:flex;position:fixed;inset:0}#inv{--c:46px;z-index:2;background:#040506e6;border:1px solid #d9d3c138;padding:8px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000008c}#invb{grid-template-columns:auto auto;gap:8px 14px;display:grid}#invb .grid,#invb .equip{grid-template-columns:repeat(var(--w), var(--c));grid-template-rows:repeat(3, var(--c));display:grid}#invb .grid{--w:8}#invb .equip{--w:3;gap:0}#invb .grid>i{background:#d9d3c108;border:1px solid #d9d3c117}#invb .it{color:var(--bone);cursor:pointer;touch-action:none;background:#1e2125e6;border:1px solid #d9d3c147;justify-content:center;align-items:center;display:flex;position:relative}#invb .equip .it{margin:1px}#invb .it:hover{border-color:var(--bone)}#invb .it.on{border-color:var(--hazard);box-shadow:inset 0 0 0 1px #c9a22780}#invb .it.lit{background:#c9a2272e}#invb .it.ghost{cursor:default;background:0 0;border-style:dashed;border-color:#d9d3c124}#invb .it.ghost .pic{filter:grayscale()brightness(.55);opacity:.2}#invb .it.lifted{opacity:.25}#invb .pic{pointer-events:none;width:100%;height:100%;padding:3px;display:block}#invb .it em{color:var(--bone);text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:13px;font-style:normal;font-weight:600;position:absolute;top:1px;left:3px}#invb .land{border:2px solid var(--hazard);pointer-events:none;z-index:1;background:#c9a22724}#invb .land.no{background:#b8392b24;border-color:#b8392b}#invb .row{flex-wrap:wrap;grid-column:1/-1;gap:3px;display:flex}#invb .it.sm{width:calc(var(--c) * .72);height:calc(var(--c) * .72)}#ghost{z-index:4;pointer-events:none;opacity:.9;border:1px solid var(--hazard);background:#1e2125bf;position:fixed;top:0;left:0}#ghost .pic{width:100%;height:100%;padding:3px;display:block}#ghost em{display:none}#ghost.out{opacity:.6;border-color:#b8392b}#tip{z-index:3;pointer-events:none;letter-spacing:.04em;color:var(--bone);white-space:nowrap;background:#040506eb;border:1px solid #d9d3c14d;padding:2px 8px;font-size:16px;font-weight:600;position:fixed}#liftb{width:min(320px,100%)}#liftb button{width:100%;font:inherit;text-align:left;color:var(--bone);cursor:pointer;background:#d9d3c10d;border:1px solid #d9d3c140;margin:0 0 6px;padding:10px 14px;font-size:22px;font-weight:500;display:block}#liftb button:disabled{opacity:.4;cursor:default;border-style:dashed}#note article{background:var(--paper);width:min(560px,100%);max-height:86vh;color:var(--ink);font-family:var(--hand);white-space:pre-wrap;padding:38px 42px 30px;font-size:19px;line-height:1.5;overflow:auto;transform:rotate(-.6deg);box-shadow:0 20px 60px #000}#note article h2{font-family:var(--sign);letter-spacing:.16em;text-transform:uppercase;color:#5c5546;margin:0 0 18px;font-size:15px;font-weight:600}#pad>div{width:250px}#padd{letter-spacing:.3em;text-align:center;border-bottom:3px solid var(--hazard);height:66px;margin-bottom:12px;font-size:44px;font-weight:600}#padk{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}#padk button{font:inherit;color:var(--bone);cursor:pointer;background:#d9d3c10f;border:1px solid #d9d3c14d;padding:10px 0;font-size:26px}#padk button .ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em;margin:auto;display:block}#padk button:hover,#padk button:focus-visible{border-color:var(--hazard);outline:none}#feed{pointer-events:none;color:#e8e4d8;letter-spacing:.12em;text-shadow:0 1px 3px #000;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;position:fixed;inset:0}#feedn{font-size:20px;font-weight:600;position:absolute;top:24px;left:28px}#feedn:before{content:"";vertical-align:.05em;background:#c0392b;border-radius:50%;width:.55em;height:.55em;margin-right:.5em;display:inline-block}#feedt{font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;position:absolute;top:24px;right:28px}#feedx{text-align:center;letter-spacing:.3em;font-size:34px;font-weight:600;position:absolute;top:46%;left:0;right:0}body.watching #dot{display:none}body:not(.touch) .touchonly,body.touch .keysonly{display:none!important}body.touch{touch-action:none;-webkit-touch-callout:none}body.touch .panel>div,body.touch #note article,body.touch .screen{touch-action:pan-y}#touch{touch-action:none;font-family:var(--sign);position:fixed;inset:0}#stick{pointer-events:none;border:2px solid #d9d3c159;border-radius:50%;width:104px;height:104px;margin:-52px 0 0 -52px;display:none;position:absolute}#stick.on{display:block}#stick.run{border-color:var(--hazard);box-shadow:0 0 0 10px #c9a2271f}#stick i{background:#d9d3c147;border-radius:50%;width:46px;height:46px;margin:-23px;position:absolute;top:50%;left:50%}.tb{color:#d9d3c1d9;letter-spacing:.1em;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#04050659;border:2px solid #d9d3c166;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:13px;font-weight:600;display:flex;position:absolute}.tb svg,#back svg,#turn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:50%;height:50%}.tb.down{border-color:var(--bone);background:#d9d3c140}.tb[data-tb=hands]{width:88px;height:88px;right:calc(24px + env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom))}.tb[data-tb=jump]{right:calc(128px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}.tb[data-tb=crouch]{right:calc(198px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}.tb[data-tb=use]{right:calc(38px + env(safe-area-inset-right));bottom:calc(136px + env(safe-area-inset-bottom));opacity:.5;width:62px;height:62px}.tb[data-tb=use].lit{opacity:1;border-color:var(--hazard);color:var(--hazard)}.tb[data-tb=light]{right:calc(116px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:52px;height:52px}.tb[data-tb=carry],.tb[data-tb=pause]{top:calc(12px + env(safe-area-inset-top));border-radius:3px;width:44px;height:44px}.tb[data-tb=pause]{right:calc(16px + env(safe-area-inset-right))}.tb[data-tb=carry]{right:calc(70px + env(safe-area-inset-right))}body.touch #stat{top:calc(14px + env(safe-area-inset-top));bottom:auto;left:calc(18px + env(safe-area-inset-left));width:180px}body.touch #prompt{font-size:18px;top:60%}body.touch #inv{left:calc(12px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));transform:none}body.touch #devtag{top:54px}#back{z-index:2;bottom:calc(14px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));width:54px;height:54px;color:var(--bone);background:#04050699;border:2px solid #d9d3c180;border-radius:3px;padding:0;display:none;position:fixed}#back svg{margin:auto;display:block}body.touch.panelled #back{display:block}#turn{z-index:3;background:var(--pitch);color:var(--hazard);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#turn svg{stroke-width:1.6px;width:96px;height:96px}@media (orientation:portrait){body.touch.playing #turn{display:flex}}@media (height<=520px){.screen{padding:5vh 6vw}.screen h1{font-size:min(13vw,21vh)}.menu{font-size:22px;right:8vw}#end p{font-size:15px;line-height:1.4}.panel{padding:2vh 3vw}#inv{--c:34px;padding:6px}#note article{max-height:92vh;padding:22px 26px 18px;font-size:16px}#pad>div{width:220px}#padd{height:44px;margin-bottom:8px;font-size:32px}#padk button{padding:6px 0;font-size:20px}#liftb button{padding:7px 12px;font-size:18px}}
