@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-700.woff2)format("woff2");font-weight:700;font-display:swap}:root{--cream:#fff6d6;--gold:#ffc928;--caramel:#dc7d2d;--milk:#7c3f26;--dark:#21130f;--night:#12101b;--green:#71e48a;--danger:#ff4f45;--display:"Pixelify Sans", monospace;--body:"Atkinson Hyperlegible", sans-serif;color-scheme:dark;font-synthesis:none}*,:before,:after{box-sizing:border-box}html,body{background:var(--night);width:100%;height:100%;color:var(--cream);font-family:var(--body);margin:0;overflow:hidden}.chocolate-scary-mode .danger-vignette{filter:hue-rotate(275deg)saturate(1.35)}.chocolate-scary-mode .hud,.chocolate-scary-mode .mini-map-panel{border-color:#ff7a38;box-shadow:0 0 18px #ff491b47}button,a{-webkit-tap-highlight-color:transparent;font:inherit}button{color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.game{isolation:isolate;touch-action:none;user-select:none;background:linear-gradient(#171223,#342018);position:fixed;inset:0;overflow:hidden}#gameCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.shade{z-index:1;pointer-events:none;background:linear-gradient(#07040c61,#0000 28% 72%,#06030459),radial-gradient(circle,#0000 55%,#0803034d);position:absolute;inset:0}.lightning-flash{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 36%,#dfebffc7 49%,#0000 53%),#b4cdff47;position:absolute;inset:0}.danger-vignette{z-index:2;pointer-events:none;opacity:var(--danger-level,0);mix-blend-mode:screen;background:radial-gradient(circle,#0000 36%,#851914b3);transition:opacity .16s;position:absolute;inset:0}.crosshair{z-index:6;opacity:.8;pointer-events:none;width:1.7rem;height:1.7rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.crosshair span{background:#fff;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 4px #000}.crosshair span:first-child{width:100%;height:2px}.crosshair span:last-child{width:2px;height:100%}.crosshair.is-armed span{background:var(--gold)}.topbar{inset:max(.7rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) auto max(.75rem, env(safe-area-inset-left));z-index:12;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:.75rem;display:grid;position:absolute}.topbar__left{gap:.5rem;display:flex}.top-button{min-height:2.7rem;color:var(--cream);font-family:var(--display);cursor:pointer;pointer-events:auto;background:#180e0ed1;border:2px solid #fff6d6c7;border-radius:0;padding:.55rem .75rem;font-size:clamp(.68rem,1.4vw,.86rem);text-decoration:none;box-shadow:4px 4px #0000006b}#soundButton{justify-self:end}.game-logo{border:2px solid var(--caramel);font-family:var(--display);letter-spacing:.03em;text-align:center;background:#21130fe0;justify-content:center;align-items:center;gap:.6rem;padding:.45rem .8rem;font-size:clamp(.75rem,1.5vw,1rem);display:flex;box-shadow:4px 4px #00000073}.mini-bar{background:var(--milk);grid-template-columns:repeat(3,1fr);gap:2px;width:2.1rem;padding:3px;display:grid}.mini-bar i{aspect-ratio:.72;background:#5a2b1f;border:1px solid #b9754e}.hud{inset:max(4.7rem, calc(env(safe-area-inset-top) + 4.2rem)) 0 auto;z-index:8;pointer-events:none;grid-template-columns:minmax(8.5rem,1fr) minmax(15rem,1.3fr) minmax(7.5rem,1fr);align-items:start;gap:1rem;padding-inline:clamp(.75rem,2vw,1.5rem);display:grid;position:absolute}.keys-panel,.mission-panel,.timer-panel{background:#150d11cc;border:2px solid #fff6d6a6;min-height:3.9rem;padding:.55rem .75rem;box-shadow:4px 4px #00000059}.keys-panel{justify-self:start;align-items:center;gap:.7rem;display:flex}.key-icon{color:var(--gold);font-size:2.1rem;line-height:1}.mission-panel{text-align:center;justify-self:center;min-width:min(100%,25rem)}.timer-panel{text-align:right;justify-self:end}.hud small,.result-time small{color:#d8cbb4;letter-spacing:.12em;font-size:.68rem;font-weight:700;display:block}.hud strong,.result-time strong{font-family:var(--display);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.1;display:block}#stealthText{color:var(--danger);letter-spacing:.08em;margin-top:.18rem;font-size:.68rem;font-weight:700;display:block}#stealthText.is-hidden{color:var(--green)}.minimap{z-index:10;top:max(9.3rem, calc(env(safe-area-inset-top) + 8.8rem));right:max(1rem, env(safe-area-inset-right));pointer-events:none;background:#120f18e6;border:3px solid #fff6d6c7;width:clamp(10.5rem,18vw,14rem);padding:.45rem;position:absolute;box-shadow:6px 6px #0000007a}.minimap[hidden]{display:none}.minimap__heading,.minimap__legend{font-family:var(--display);justify-content:space-between;align-items:center;gap:.4rem;display:flex}.minimap__heading{color:var(--gold);letter-spacing:.06em;margin-bottom:.3rem;font-size:clamp(.62rem,1.3vw,.78rem)}.minimap__heading span{color:var(--cream)}#mapCanvas{background:#16141c;border:1px solid #fff6d659;width:100%;height:auto;display:block}.minimap__legend{color:var(--cream);margin-top:.38rem;font-size:clamp(.5rem,1vw,.62rem)}.minimap__legend span{align-items:center;gap:.28rem;display:flex}.minimap__legend i{border-radius:50%;width:.62rem;height:.62rem;display:inline-block}.minimap__you{background:#65ff80;box-shadow:0 0 .35rem #65ff80}.minimap__monster{background:#ff554d;box-shadow:0 0 .35rem #ff554d}.footstep{z-index:7;color:#fff1de;min-height:3rem;font-family:var(--display);letter-spacing:.08em;text-shadow:4px 4px #000000b3;opacity:0;pointer-events:none;font-size:clamp(1.6rem,5vw,3.6rem);position:absolute;top:35%;left:50%;translate:-50%}.footstep.is-stomping{animation:.32s ease-out thud}.tip{z-index:9;max-width:min(90vw,34rem);min-height:2.7rem;color:var(--cream);font-family:var(--display);text-align:center;opacity:0;pointer-events:none;background:#160d0fd1;border:2px solid #0000;padding:.6rem 1rem;font-size:clamp(.78rem,2vw,1rem);transition:opacity .18s;position:absolute;bottom:clamp(8.8rem,21vh,12rem);left:50%;translate:-50%}.tip.is-visible{border-color:var(--gold);opacity:1}.screen{z-index:30;padding:max(5rem, calc(env(safe-area-inset-top) + 4.5rem)) 1rem max(2rem, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 45%,#dc7d2d2e,#0000 26rem),linear-gradient(145deg,#120d1af7,#28140ff7);place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.screen[hidden],.caught-screen[hidden]{display:none}.start-card,.result-card{text-align:center;width:min(100%,54rem)}.eyebrow,.result-kicker{color:var(--gold);font-family:var(--display);letter-spacing:.09em;margin:0 0 .75rem;font-size:clamp(.75rem,2vw,1rem)}.title-monster{aspect-ratio:.68;background:#6c351f;border:4px solid #9f6242;grid-template-columns:repeat(2,1fr);gap:.3rem;width:clamp(4.5rem,10vw,6.2rem);margin:0 auto .65rem;padding:.45rem;display:grid;position:relative;rotate:-3deg;box-shadow:.45rem .45rem #160b09}.title-monster i,.caught-monster i{background:#512519;border:2px solid #9f6242}.title-monster__face,.caught-monster span{z-index:2;color:#fff;letter-spacing:.75rem;text-indent:.75rem;width:100%;font-size:.8rem;position:absolute;top:37%;left:50%;translate:-50% -50%}.start-card h1,.result-card h2{color:var(--cream);font-family:var(--display);letter-spacing:-.035em;text-shadow:5px 5px #4d281d;margin:0;font-size:clamp(2.5rem,7vw,5.3rem);line-height:.83}.start-card h1 span{color:var(--gold)}.intro{color:#dfd2bf;max-width:56ch;margin:1.2rem auto;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.45}.how-to{grid-template-columns:repeat(4,1fr);gap:.65rem;margin:1.2rem 0;display:grid}.how-to>div{background:#100a0d8c;border:2px solid #fff6d64d;grid-template-rows:3.1rem auto auto;align-items:center;padding:.75rem .5rem;display:grid}kbd{font-family:var(--display);font-size:1.7rem}.how-to strong{color:var(--gold);font-family:var(--display);font-size:.9rem}.how-to span{color:#cdbfaa;font-size:.78rem}.start-button,.arcade-button{background:var(--gold);min-height:4rem;color:var(--dark);font-family:var(--display);cursor:pointer;border:3px solid #fff0b7;border-radius:0;place-items:center;padding:.7rem 1.5rem;font-size:clamp(1.1rem,2.8vw,1.55rem);text-decoration:none;display:inline-grid;box-shadow:0 .45rem #9d5b21,0 .85rem 1.8rem #00000061}.start-button small{font-family:var(--body);font-size:.72rem;font-weight:700}.start-button:active{translate:0 .3rem;box-shadow:0 .15rem #9d5b21}.keyboard-note{color:#a99b88;margin:.9rem 0 0;font-size:.78rem}.result-card{border:3px solid var(--gold);background:#1f110fe0;padding:clamp(1.5rem,4vw,3rem);box-shadow:12px 12px #00000061}.result-card h2{color:var(--gold)}.result-card>p:not(.result-kicker){color:#dfd2bf;font-size:1.1rem}.result-time{border-block:2px solid #fff6d659;width:min(100%,15rem);margin:1.4rem auto;padding:.85rem}.result-time strong{color:var(--green);font-size:2rem}.result-actions{justify-content:center;gap:.8rem;display:flex}.arcade-button{color:var(--cream);background:#2a1a19;box-shadow:0 .45rem #0e0908}.caught-screen{z-index:40;pointer-events:none;background:#511e138c;place-content:center;justify-items:center;animation:.85s ease-out both mini-scare;display:grid;position:absolute;inset:0}.caught-screen>strong{color:var(--gold);font-family:var(--display);text-shadow:6px 6px #21100d;margin-top:1rem;font-size:clamp(3rem,12vw,7rem)}.caught-monster{aspect-ratio:.68;background:#62301f;border:.8rem solid #a26847;grid-template-columns:repeat(2,1fr);gap:.8rem;width:clamp(8rem,27vw,17rem);padding:1rem;display:grid;position:relative;box-shadow:1rem 1rem #27100d}.caught-monster span{letter-spacing:1.7rem;text-indent:1.7rem;font-size:clamp(1.2rem,4vw,2.3rem);top:36%}.touch-controls{inset:auto max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));z-index:15;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid;position:absolute}.turn-controls,.move-controls,.utility-controls{gap:.65rem;display:flex}.move-controls{justify-content:center}.utility-controls{justify-content:flex-end}.control-button,.action-button{color:#fff;min-width:clamp(4.2rem,11vw,5.4rem);min-height:clamp(4.2rem,11vw,5.4rem);font-family:var(--display);cursor:pointer;pointer-events:auto;background:#1f1211c7;border:3px solid #fff6d6d4;border-radius:50%;place-content:center;display:grid;box-shadow:inset 0 -.45rem #00000059,0 .35rem #00000080}.control-button span{font-size:2rem;line-height:.75}.control-button small{font-size:.58rem}.control-button--left,.control-button--right{font-size:2.1rem}.control-button--crouch{border-color:var(--green)}.control-button.is-pressed,.control-button:active{background:#71e48a6b;translate:0 .25rem;box-shadow:inset 0 -.1rem #00000059}.action-button{border-color:var(--gold);background:var(--gold);color:var(--dark)}.action-button[hidden]{visibility:hidden}.action-button span{font-size:1.6rem}.action-button strong{font-size:.75rem}@media (hover:hover) and (pointer:fine){.top-button:hover{border-color:var(--gold);color:var(--gold)}.start-button:hover,.arcade-button:hover{filter:brightness(1.12)}}@media (width<=760px){.topbar{grid-template-columns:1fr auto}.game-logo{display:none}.hud{top:max(4.2rem, calc(env(safe-area-inset-top) + 4rem));grid-template-columns:1fr 1fr;gap:.5rem}.mission-panel{grid-area:2/1/auto/-1;width:100%}.keys-panel,.timer-panel,.mission-panel{min-height:3.1rem;padding:.4rem .55rem}.key-icon{font-size:1.65rem}.minimap{top:max(11.5rem, calc(env(safe-area-inset-top) + 11rem));border-width:2px;width:min(31vw,9rem);padding:.3rem}.minimap__legend{display:none}.footstep{top:36%}.how-to{grid-template-columns:repeat(2,1fr)}.start-card h1{font-size:clamp(2.35rem,12vw,3.8rem)}.intro{margin-block:.8rem;font-size:.92rem}.touch-controls{grid-template-columns:1fr auto 1fr;gap:.5rem}.move-controls{justify-content:center}.turn-controls,.move-controls,.utility-controls{gap:.4rem}.control-button,.action-button{min-width:clamp(3.4rem,15vw,4.2rem);min-height:clamp(3.4rem,15vw,4.2rem)}.action-button{position:absolute;bottom:5rem;right:0}}@media (width<=520px){.topbar__left{gap:.3rem}.top-button{min-height:2.4rem;padding:.45rem .5rem;font-size:.62rem}.minimap{top:max(11.2rem, calc(env(safe-area-inset-top) + 10.8rem));right:max(.45rem, env(safe-area-inset-right));width:7.5rem}.minimap__heading{font-size:.54rem}.screen{padding-top:max(4.7rem, calc(env(safe-area-inset-top) + 4.2rem));place-items:start center}.title-monster{display:none}.eyebrow{margin-bottom:.5rem}.how-to{margin-block:.75rem}.how-to>div{grid-template-rows:2.1rem auto;padding:.45rem}.how-to span{display:none}kbd{font-size:1.35rem}.start-button{min-height:3.5rem}.keyboard-note{display:none}.result-actions{flex-direction:column}}@media (height<=610px) and (orientation:landscape){.screen{place-items:start center;padding-top:4rem}.title-monster,.intro,.keyboard-note{display:none}.start-card h1{font-size:clamp(2.2rem,8vh,3.4rem)}.how-to{margin:.6rem 0}.how-to>div{grid-template-rows:2rem auto;padding:.35rem}.how-to span{display:none}.touch-controls{bottom:.55rem}.control-button{min-width:3.7rem;min-height:3.7rem}.tip{bottom:4.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes thud{0%{opacity:0;scale:.75}35%{opacity:1;scale:1.08}to{opacity:0;scale:1}}@keyframes mini-scare{0%{opacity:0;scale:.75}24%{opacity:1;scale:1.03}55%{opacity:1;scale:1}to{opacity:0;scale:.96}}