@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(./courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(./courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(./kalam-latin-400-normal-BthBl_aR.woff2)format("woff2"),url(./kalam-latin-400-normal-Bl-H2BUA.woff)format("woff")}html,body{background:#000;height:100%;margin:0;overflow:hidden}body{color:#cfd6c4;-webkit-user-select:none;user-select:none;font-family:Courier Prime,Courier New,Courier,monospace}#app{position:fixed;inset:0}canvas.game{width:100%;height:100%;display:block}.hud{pointer-events:none;position:fixed;inset:0}.hud.paused .crosshair,.hud.paused .viewfinder,.hud.paused .prompt,.hud.paused .subtitle,.hud.paused .card{visibility:hidden}.crosshair{background:#dce6d280;width:3px;height:3px;margin:-1px 0 0 -1px;transition:opacity .3s;position:absolute;top:50%;left:50%}.prompt{letter-spacing:1px;text-shadow:0 0 4px #000,0 0 2px #000;opacity:0;font-size:17px;transition:opacity .2s;position:absolute;top:58%;left:50%;transform:translate(-50%)}.prompt.show{opacity:.9}.subtitle{text-align:center;text-shadow:0 0 4px #000,0 0 2px #000;opacity:0;z-index:2;width:min(70ch,90vw);font-size:18px;line-height:1.45;transition:opacity .4s;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.subtitle.show{opacity:1}.subtitle .who{color:#e6b35a}.hud.subs-small .subtitle{font-size:15px}.hud.subs-large .subtitle{font-size:23px}.card{text-align:center;text-shadow:0 0 6px #000;opacity:0;z-index:2;width:min(52ch,86vw);font-size:20px;line-height:1.6;transition:opacity 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card.show{opacity:1}.card .big{letter-spacing:12px;font-size:40px}.card .hand{color:#e8e0c8;text-shadow:0 0 2px #000,0 0 5px #000,0 0 10px #000c;font-family:Kalam,Segoe Print,Bradley Hand,cursive}.card .hal,.journal .hal{color:#dc6450}.card .note.hal,.journal .note.hal{color:#93261c}.card .close{letter-spacing:1px;opacity:.75;margin-top:20px;font-size:14px}.card.choice .options{letter-spacing:1px;margin-top:18px;font-size:18px}.fade{opacity:1;background:#000;transition-property:opacity;position:absolute;inset:0}.watch{opacity:.65;transform-origin:100% 100%;font-size:16px;transition:opacity 2.5s,transform 2.5s;position:absolute;bottom:20px;right:24px}.watch.running{opacity:1;text-shadow:0 0 8px #cfd6c473;z-index:2;transition-duration:.3s;transform:scale(1.8)}.hud.paused .watch.running{opacity:.65;text-shadow:none;transform:none}.title{cursor:pointer;text-align:center;scrollbar-width:thin;scrollbar-color:#cfd6c44d transparent;background:#0000008c;flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.title>:first-child{margin-top:auto}.title>:last-child{margin-bottom:auto}.title h1{letter-spacing:.3em;color:#d9dccd;margin:0;font-size:clamp(32px,9vw,72px);font-weight:400}.title .tag{opacity:.72;font-style:italic}.title .start{margin-top:24px;animation:2.4s infinite blink}.title .controls{opacity:.55;margin-top:28px;font-size:13px;line-height:1.9}.title .stats{opacity:.55;min-height:1em;font-size:13px}.title.no-webgl{cursor:default}.title .restart,.title .restart-night,.title .settings-link,.title .journal-link{opacity:.55;font-size:13px;text-decoration:underline}.title .restart:hover,.title .restart-night:hover,.title .settings-link:hover,.title .journal-link:hover{opacity:.95}.title:not(.paused) .restart-night,.title.paused .settings-link,.title:not(.paused):not(.has-journal) .journal-link{display:none}.title .settings{box-sizing:border-box;cursor:default;border-top:1px solid #cfd6c433;border-bottom:1px solid #cfd6c433;width:min(430px,100%);padding:8px 4px;font-size:13px;display:none}.title.paused .settings,.title.settings-open .settings{display:block}.settings .s-row{align-items:center;gap:12px;min-height:28px;display:flex}.settings .s-name{text-align:left;opacity:.65;flex:0 0 13em}.settings .s-value{text-align:right;opacity:.65;flex:0 0 3.5em}.settings .s-choices{text-align:left;flex:1}.settings button{font:inherit;color:inherit;opacity:.45;cursor:pointer;background:0 0;border:none;margin-left:-6px;margin-right:8px;padding:2px 6px}.settings button:hover{opacity:.8}.settings button.on{opacity:.95;text-decoration:underline}.settings input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:60px;height:18px;margin:0}.settings input[type=range]::-webkit-slider-runnable-track{background:#cfd6c459;height:1px}.settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#cfd6c4d9;border:none;border-radius:0;width:7px;height:11px;margin-top:-5px}.settings input[type=range]::-moz-range-track{background:#cfd6c459;height:1px}.settings input[type=range]::-moz-range-thumb{background:#cfd6c4d9;border:none;border-radius:0;width:7px;height:11px}.settings input:focus-visible,.settings button:focus-visible{outline-offset:2px;outline:1px dotted #cfd6c499}.hidden{display:none!important}.flash{opacity:0;background:#fff;position:absolute;inset:0}.viewfinder{opacity:0;transition:opacity .15s;position:absolute;inset:12% 18%}.viewfinder.show{opacity:.85}.viewfinder .c{border:0 solid #ebf0e1cc;width:28px;height:28px;position:absolute}.viewfinder .tl{border-width:2px 0 0 2px;top:0;left:0}.viewfinder .tr{border-width:2px 2px 0 0;top:0;right:0}.viewfinder .bl{border-width:0 0 2px 2px;bottom:0;left:0}.viewfinder .br{border-width:0 2px 2px 0;bottom:0;right:0}.viewfinder .focus{border:1px solid #ebf0e180;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%}.viewfinder .shots{color:#e6dcc2;text-shadow:0 0 3px #000;font-size:15px;position:absolute;bottom:-28px;right:6px}.card .plate{letter-spacing:4px;color:#23252a;text-shadow:none;background:#d6d3c4;border:2px solid #8a8d90;border-radius:3px;margin-top:10px;padding:2px 16px;font-size:26px;display:inline-block;box-shadow:0 4px 16px #0009}.card .note{text-align:left;color:#2c2a33;text-shadow:none;background:#dcd8cc;margin-top:14px;padding:18px 22px;font-size:22px;line-height:1.35;transform:rotate(-1.5deg);box-shadow:0 6px 24px #0009}.morning{z-index:5;color:#e6b0a0;text-align:center;box-sizing:border-box;background:radial-gradient(at 50% 30%,#2a0707 0%,#0d0202 60%,#050000 100%);padding:48px 16px 32px;position:fixed;inset:0;overflow-y:auto}.m-heading{letter-spacing:6px;font-size:22px}.m-sub{opacity:.75;margin:10px 0 28px;font-style:italic}.m-grid{flex-wrap:wrap;justify-content:center;gap:22px;max-width:1100px;margin:0 auto;display:flex}.print{background:#d9d3c4;margin:0;padding:10px 10px 6px;box-shadow:0 8px 26px #000000b3}.print:nth-child(odd){transform:rotate(-1.2deg)}.print:nth-child(2n){transform:rotate(1deg)}.print img{width:min(360px,80vw);image-rendering:pixelated;opacity:0;filter:brightness(2.6)contrast(.25)sepia(.6);animation:5s ease-out forwards develop;display:block}.print figcaption{color:#4a4038;text-align:right;margin-top:6px;font-size:12px}.m-footer{flex-direction:column;align-items:center;gap:14px;margin-top:36px;display:flex}.m-notes{opacity:.6;font-size:13px}.m-continue{font:inherit;color:#e6dcc2;cursor:pointer;background:0 0;border:1px solid #e6dcc280;padding:10px 22px}.m-continue:hover{background:#e6dcc214}.m-roll{margin-top:44px}.journal{z-index:6;cursor:default;background:#050605;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.j-head{box-sizing:border-box;border-bottom:1px solid #cfd6c433;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px 22px;width:min(980px,100%);padding:22px 16px 12px;display:flex}.j-title{letter-spacing:6px;color:#d9dccd;font-size:20px}.j-tabs{gap:4px;display:flex}.journal button{font:inherit;color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;padding:2px 8px}.journal button:hover{opacity:.85}.journal button.on{opacity:1;text-decoration:underline}.journal button:focus-visible{outline:1px dotted #cfd6c499}.j-close{font-size:13px}.j-body{box-sizing:border-box;text-align:center;scrollbar-width:thin;scrollbar-color:#cfd6c44d transparent;flex:1;width:min(980px,100%);padding:18px 16px 48px;overflow-y:auto}.j-count,.j-empty{opacity:.6;margin:8px 0 20px;font-size:13px}.j-notes{flex-wrap:wrap;justify-content:center;gap:26px 22px;display:flex}.j-note{width:min(280px,86vw)}.j-where{opacity:.6;min-height:2.8em;margin-bottom:6px;font-size:12px;line-height:1.4}.journal .hand{color:#e8e0c8;font-family:Kalam,Segoe Print,Bradley Hand,cursive}.journal .note{text-align:left;background:#dcd8cc;padding:14px 18px;font-size:18px;line-height:1.35;box-shadow:0 6px 24px #0009}.j-note:nth-child(odd) .note{transform:rotate(-1.2deg)}.j-note:nth-child(2n) .note{transform:rotate(1deg)}.j-blank{opacity:.35;border:1px dashed #cfd6c440;padding:40px 0;font-size:13px}.j-night{letter-spacing:3px;opacity:.65;margin:30px 0 12px;font-size:13px}.j-body>.j-night:first-child{margin-top:4px}.j-roll{opacity:.7;margin:18px 0 10px;font-size:14px;font-style:italic}.j-grid{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.j-print{cursor:zoom-in;background:#d9d3c4;margin:0;padding:6px 6px 4px;box-shadow:0 6px 18px #000000b3}.j-print img{width:176px;image-rendering:pixelated;display:block}.j-print .j-caption{color:#4a4038;text-align:right;margin-top:4px;font-size:11px}.j-entries{text-align:left;max-width:54ch;margin:0 auto;font-size:19px;line-height:1.6}.j-zoom{z-index:7;cursor:zoom-out;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.j-zoom img{width:min(720px,92vw);image-rendering:pixelated;border:10px solid #d9d3c4;box-shadow:0 10px 40px #000c}.j-zoom .j-caption{opacity:.75;font-size:14px}.credits{z-index:5;color:#cfd6c4;text-align:center;background:#000;flex-direction:column;align-items:center;gap:14px;padding:16px;animation:3s ease-out credits-in;display:flex;position:fixed;inset:0;overflow-y:auto}.credits>:first-child{margin-top:auto}.credits>:last-child{margin-bottom:auto}.c-name{letter-spacing:.3em;color:#d9dccd;font-size:clamp(32px,9vw,72px)}.c-thanks{opacity:.8;margin-bottom:20px;font-style:italic}.c-line{opacity:.6;font-size:13px}.c-line a{color:inherit}.credits .m-continue{margin-top:28px}@keyframes credits-in{0%{opacity:0}}@keyframes develop{0%{opacity:0;filter:brightness(2.6)contrast(.25)sepia(.6)}15%{opacity:1}to{opacity:1;filter:brightness()contrast(1.05)sepia(.12)}}@keyframes blink{0%,to{opacity:.9}50%{opacity:.25}}