@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{--grape:#5a2b83;--grape-dark:#28163d;--violet:#9f72df;--mint:#6ce7bd;--yellow:#ffd45c;--coral:#ff745f;--cream:#fff2cf;--ink:#20152b;--paper:#f6dfb1;--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(--grape-dark);width:100%;height:100%;color:var(--cream);font-family:var(--body);margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;font:inherit}button{color:inherit}[hidden]{display:none!important}:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.beastly-game{isolation:isolate;background:radial-gradient(circle at 50% 38%, #6b3e8c, var(--grape-dark) 72%);touch-action:none;user-select:none;position:fixed;inset:0;overflow:hidden}#beastlyCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.paper-grain,.danger-vignette{z-index:2;pointer-events:none;position:absolute;inset:0}.paper-grain{opacity:.08;mix-blend-mode:overlay;background-image:radial-gradient(circle at 30% 20%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 72% 68%,#140a1c 0 1px,#0000 1.5px);background-size:9px 9px,13px 13px}.danger-vignette{opacity:0;background:radial-gradient(circle,#0000 34%,#7d0018bf);transition:opacity .18s}.danger-vignette.is-active{opacity:1;animation:.9s ease-in-out infinite alternate danger-pulse}.game-topbar{inset:max(.55rem, env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) auto max(.65rem, env(safe-area-inset-left));z-index:25;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:.7rem;display:grid;position:absolute}.top-button,.mini-title{border:3px solid var(--ink);min-height:2.65rem;box-shadow:5px 5px 0 var(--ink);font-family:var(--display);border-radius:.65rem}.top-button{background:var(--cream);color:var(--ink);cursor:pointer;pointer-events:auto;justify-self:start;padding:.55rem .75rem;text-decoration:none}.top-button:last-child{justify-self:end}.mini-title{border-color:var(--mint);background:var(--ink);color:var(--cream);letter-spacing:.04em;align-items:center;gap:.55rem;padding:.42rem .8rem;display:flex}.mini-title span{font-size:1.2rem}.game-hud{inset:max(4.25rem, calc(env(safe-area-inset-top) + 4rem)) clamp(.65rem, 1.5vw, 1.25rem) auto;z-index:18;pointer-events:none;justify-content:center;align-items:stretch;gap:clamp(.42rem,1vw,.7rem);display:flex;position:absolute}.hud-card{border:3px solid var(--ink);min-width:8.5rem;color:var(--ink);text-align:center;background:#fff2cff2;border-radius:.65rem;align-content:center;gap:.05rem;padding:.48rem .72rem;display:grid;box-shadow:5px 5px #20152bd1}.hud-card small{letter-spacing:.09em;font-weight:700}.hud-card strong{font-family:var(--display);font-size:clamp(1rem,2.1vw,1.35rem)}.room-card{min-width:min(14rem,28vw)}.key-card{background:var(--yellow)}.timer-card{background:var(--mint)}.chase-card{background:var(--coral);color:#fff;border-color:#420818;animation:.55s steps(2,end) infinite chase-card}.room-banner{z-index:16;border:4px solid var(--ink);background:var(--cream);min-width:min(25rem,80vw);box-shadow:9px 9px 0 var(--ink);color:var(--ink);text-align:center;border-radius:.8rem;padding:.8rem 1.25rem;animation:1.25s both room-banner;display:grid;position:absolute;top:48%;left:50%;translate:-50% -50%}.room-banner small{letter-spacing:.16em;font-weight:700}.room-banner strong{font-family:var(--display);font-size:clamp(1.5rem,5vw,2.5rem)}.game-message{left:50%;bottom:max(5.5rem, calc(env(safe-area-inset-bottom) + 5rem));z-index:21;border:3px solid var(--ink);background:var(--cream);max-width:min(32rem,100vw - 2rem);box-shadow:5px 5px 0 var(--ink);color:var(--ink);font-family:var(--display);text-align:center;opacity:0;pointer-events:none;border-radius:.7rem;padding:.65rem 1rem;transition:opacity .15s,translate .15s;position:absolute;translate:-50% 1rem}.game-message.is-visible{opacity:1;translate:-50%}.game-message.is-danger{background:var(--coral);color:#fff}.game-message.is-key{background:var(--yellow)}.action-prompt{left:50%;bottom:max(1.2rem, env(safe-area-inset-bottom));z-index:20;border:3px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-family:var(--display);pointer-events:none;border-radius:999px;align-items:center;gap:.7rem;padding:.55rem .75rem .55rem 1rem;display:flex;position:absolute;translate:-50%}kbd{min-width:1.8rem;min-height:1.7rem;font:inherit;background:#ffffff80;border:2px solid;border-radius:.3rem;place-items:center;display:inline-grid;box-shadow:0 .16rem}.overlay-screen{z-index:40;padding:max(4.5rem, calc(env(safe-area-inset-top) + 4rem)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(circle at 18% 20%,#ffd45c30,#0000 24rem),radial-gradient(circle at 78% 76%,#6ce7bd2e,#0000 28rem),#1f102df0;place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.menu-card{border:5px solid var(--ink);background:var(--cream);width:min(68rem,96vw);color:var(--ink);border-radius:1.2rem;grid-template-columns:minmax(18rem,.88fr) minmax(24rem,1.12fr);display:grid;overflow:hidden;box-shadow:14px 14px #110819bf}.menu-art{border-right:5px solid var(--ink);background:radial-gradient(circle at 30% 24%, #ffffff61 0 4rem, transparent 4.1rem), linear-gradient(155deg, var(--violet), var(--grape));min-height:34rem;position:relative;overflow:hidden}.menu-art:before,.menu-art:after{content:"";border:3px solid var(--ink);background:var(--yellow);border-radius:50%;position:absolute}.menu-art:before{width:1.4rem;height:1.4rem;top:9%;right:11%}.menu-art:after{width:.8rem;height:.8rem;top:18%;left:9%}.cartoon-mansion{filter:drop-shadow(10px 12px #20152bb8);height:55%;position:absolute;inset:12% 8% auto}.mansion-roof{border:5px solid var(--ink);background:var(--coral);clip-path:polygon(50% 0,100% 100%,0 100%);height:34%;position:absolute;inset:0 4% auto}.mansion-body{border:5px solid var(--ink);background:var(--paper);border-radius:.4rem;position:absolute;inset:30% 2% 0}.mansion-body i{border:4px solid var(--ink);background:var(--mint);border-radius:.3rem;width:18%;height:24%;position:absolute;box-shadow:inset 0 0 0 .35rem #88b9cc}.mansion-body i:first-child{top:13%;left:10%}.mansion-body i:nth-child(2){top:13%;right:10%}.mansion-body i:nth-child(3){bottom:12%;left:10%}.mansion-body i:nth-child(4){bottom:12%;right:10%}.mansion-body b{border:5px solid var(--ink);background:var(--grape-dark);border-bottom:0;border-radius:55% 55% 0 0;width:24%;height:48%;position:absolute;bottom:0;left:50%;translate:-50%}.cartoon-person{filter:drop-shadow(5px 6px #20152b9e);width:5.6rem;height:10rem;position:absolute;bottom:5%;left:15%;transform:rotate(-6deg)}.cartoon-person i{border:4px solid var(--ink);background:#f2b47f;border-radius:50%;width:3.4rem;height:3.4rem;position:absolute;top:0;left:50%;translate:-50%;box-shadow:inset 0 .85rem #5c382d}.cartoon-person i:before,.cartoon-person i:after{content:"";background:var(--ink);border-radius:50%;width:.35rem;height:.42rem;position:absolute;top:1.45rem}.cartoon-person i:before{left:.72rem}.cartoon-person i:after{right:.72rem}.cartoon-person b{border:4px solid var(--ink);background:#4cbfe0;border-radius:1rem 1rem .4rem .4rem;width:3.7rem;height:4.2rem;position:absolute;top:3.1rem;left:50%;translate:-50%}.cartoon-person span,.cartoon-person em{border:4px solid var(--ink);background:#243a60;border-radius:0 0 .55rem .55rem;width:1.1rem;height:3.5rem;position:absolute;bottom:0}.cartoon-person span{left:1.22rem;transform:rotate(8deg)}.cartoon-person em{right:1.22rem;transform:rotate(-8deg)}.cartoon-chair{border:5px solid var(--ink);background:var(--coral);border-radius:2rem 2rem .8rem .8rem;place-content:center;width:8.6rem;height:8rem;animation:1.8s ease-in-out infinite chair-wiggle;display:grid;position:absolute;bottom:7%;right:8%;box-shadow:8px 9px #20152b9e}.cartoon-chair:before,.cartoon-chair:after{content:"";border:4px solid var(--ink);background:var(--coral);clip-path:polygon(50% 0,100% 100%,0 100%);width:2rem;height:2.6rem;position:absolute;top:-1.2rem}.cartoon-chair:before{left:.8rem;rotate:-20deg}.cartoon-chair:after{right:.8rem;rotate:20deg}.cartoon-chair i{font-style:normal;font-family:var(--display);font-size:1.25rem}.cartoon-chair b{color:var(--cream);letter-spacing:-.2rem;font-size:1.4rem}.menu-copy{background:radial-gradient(circle at 95% 5%, #9f72df2e, transparent 13rem), var(--cream);align-content:center;padding:clamp(1.3rem,3vw,2.6rem);display:grid}.eyebrow{color:var(--grape);font-family:var(--display);letter-spacing:.08em;margin:0 0 .4rem;font-size:.85rem}.menu-copy h1{font-family:var(--display);letter-spacing:-.055em;text-shadow:5px 5px #5a2b8329;margin:0;font-size:clamp(3.3rem,7vw,6.4rem);line-height:.75}.menu-copy h1 span{color:var(--grape)}.intro-copy{max-width:38rem;margin:1.4rem 0 1rem;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.42}.mission-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.mission-grid div{border:3px solid var(--ink);background:var(--yellow);text-align:center;border-radius:.55rem;padding:.55rem .35rem;display:grid;transform:rotate(-1deg)}.mission-grid div:nth-child(2){background:var(--mint);transform:rotate(1deg)}.mission-grid div:nth-child(3){background:var(--coral);color:#fff;transform:rotate(-.5deg)}.mission-grid b{font-family:var(--display);font-size:1.5rem}.mission-grid span{font-size:.72rem;font-weight:700}.rules-list{gap:.25rem;margin:.9rem 0 1rem;padding-left:1.35rem;display:grid}.rules-list li::marker{color:var(--grape)}.menu-actions{grid-template-columns:minmax(13rem,1fr) auto;align-items:center;gap:.8rem;display:grid}.start-button,.secondary-button{border:4px solid var(--ink);min-height:3.25rem;box-shadow:6px 6px 0 var(--ink);font-family:var(--display);text-align:center;cursor:pointer;border-radius:.7rem;place-items:center;text-decoration:none;display:inline-grid}.start-button{background:var(--grape);color:#fff;padding:.8rem 1rem;font-size:1.05rem}.secondary-button{background:var(--cream);color:var(--ink);padding:.65rem .9rem}.start-button:active,.secondary-button:active,.top-button:active{box-shadow:2px 2px 0 var(--ink);translate:3px 3px}.control-guide{font-family:var(--display);gap:.32rem;font-size:.72rem;display:grid}.creator-credit{letter-spacing:.11em;text-align:center;margin:1rem 0 0;font-size:.72rem}.small-card{border:5px solid var(--ink);background:var(--cream);width:min(31rem,92vw);color:var(--ink);text-align:center;border-radius:1rem;gap:.85rem;padding:clamp(1.4rem,4vw,2.5rem);display:grid;box-shadow:12px 12px #12081abf}.small-card>p:first-child{color:var(--grape);font-family:var(--display);letter-spacing:.1em;margin:0}.small-card h2{font-family:var(--display);margin:0;font-size:clamp(2rem,7vw,3.8rem);line-height:.9}.small-card h2 span{color:var(--grape)}.small-card p{margin:0}.caught-card{background:var(--coral);color:#fff}.caught-card>p:first-of-type{color:var(--yellow)}.caught-face{border:5px solid var(--ink);background:var(--grape);width:8rem;height:6.5rem;box-shadow:7px 7px 0 var(--ink);border-radius:2.4rem 2.4rem 1rem 1rem;place-content:center;justify-self:center;display:grid;position:relative}.caught-face i{border:4px solid var(--ink);background:var(--yellow);border-radius:50%;width:1.35rem;height:1.35rem;position:absolute;top:1.4rem}.caught-face i:first-child{left:1.45rem}.caught-face i:nth-child(2){right:1.45rem}.caught-face b{color:#fff;letter-spacing:-.2rem;font-size:1.4rem;translate:0 1.4rem}.result-time{border:4px solid var(--ink);background:var(--mint);border-radius:.65rem;gap:.15rem;padding:.9rem;display:grid}.result-time small{letter-spacing:.1em;font-weight:700}.result-time strong{font-family:var(--display);font-size:2.2rem}.touch-controls{inset:auto max(.8rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left));z-index:24;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute}.move-pad{pointer-events:auto;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:.25rem;width:10.5rem;height:10.5rem;display:grid}.move-pad button,.touch-actions button{border:3px solid var(--ink);color:var(--ink);font-family:var(--display);cursor:pointer;touch-action:none;background:#fff2cfeb;box-shadow:4px 4px #20152bd6}.move-pad button[data-control=up]{border-radius:.75rem .75rem .3rem .3rem;grid-area:1/2}.move-pad button[data-control=left]{border-radius:.75rem .3rem .3rem .75rem;grid-area:2/1}.move-pad button[data-control=down]{border-radius:.3rem .3rem .75rem .75rem;grid-area:3/2}.move-pad button[data-control=right]{border-radius:.3rem .75rem .75rem .3rem;grid-area:2/3}.platform-pad{gap:.55rem;width:11rem;height:4.8rem;display:flex}.platform-pad button{width:5rem;height:4.8rem;font-size:1.4rem;border-radius:.85rem!important}.move-pad button.is-pressed,.touch-actions button.is-pressed{box-shadow:1px 1px 0 var(--ink);background:var(--yellow);translate:3px 3px}.touch-actions{pointer-events:auto;align-items:end;gap:.6rem;display:flex}.touch-actions button{border-radius:50%;place-content:center;width:5.3rem;height:5.3rem;display:grid}.touch-actions span{font-size:1.35rem}.touch-actions small{font-weight:700}.touch-actions .search-button{background:var(--yellow);width:6.3rem;height:6.3rem}.touch-actions .run-button{background:var(--mint)}.touch-actions .jump-button{background:var(--coral);color:#fff}@keyframes danger-pulse{to{opacity:.62}}@keyframes chase-card{50%{translate:0 -2px}}@keyframes room-banner{0%{opacity:0;scale:.75}18%,72%{opacity:1;scale:1}to{opacity:0;scale:1.06}}@keyframes chair-wiggle{0%,to{rotate:-2deg}50%{rotate:3deg}}@media (hover:hover) and (pointer:fine){.start-button:hover,.secondary-button:hover,.top-button:hover{filter:brightness(1.08);translate:0 -2px}}@media (width>=901px){.touch-controls{display:none!important}}@media (width<=900px){.menu-card{grid-template-columns:.72fr 1.28fr}.menu-art{min-height:31rem}.cartoon-chair{right:5%;scale:.84}.cartoon-person{left:8%;scale:.84}.game-hud{justify-content:flex-start;padding-right:.3rem;overflow:hidden}.hud-card{min-width:7.3rem;padding:.4rem .52rem}.room-card{min-width:11rem}}@media (width<=700px){.game-topbar{grid-template-columns:1fr 1fr}.mini-title{display:none}.game-hud{top:max(4rem, calc(env(safe-area-inset-top) + 3.8rem));gap:.3rem}.hud-card{border-width:2px;flex:1 1 0;min-width:0;padding:.32rem .28rem;box-shadow:3px 3px #20152bd1}.hud-card small{font-size:.58rem}.hud-card strong{font-size:.9rem}.room-card{flex:1.45 1 0}.chase-card{min-width:8rem;position:absolute;top:3.8rem;left:50%;translate:-50%}.action-prompt{bottom:8.6rem}.game-message{bottom:12.2rem}.menu-card{grid-template-columns:1fr;width:min(34rem,95vw)}.menu-art{border-right:0;border-bottom:5px solid var(--ink);min-height:15rem}.cartoon-mansion{height:78%;inset:6% 19% auto}.cartoon-person{transform-origin:bottom;bottom:-21%;left:9%;scale:.62}.cartoon-chair{transform-origin:bottom;bottom:-20%;right:7%;scale:.62}.menu-copy{padding:1.25rem}.menu-copy h1{font-size:clamp(3.2rem,17vw,5.4rem)}.intro-copy{margin:1rem 0 .75rem}.rules-list{display:none}.menu-actions{grid-template-columns:1fr}.control-guide{grid-template-columns:repeat(3,auto);justify-content:center;gap:.5rem}.control-guide kbd{display:none}.creator-credit{margin-top:.65rem}.move-pad{width:7.6rem;height:4.2rem}.platform-pad button{width:3.55rem;height:4.2rem}.touch-actions{gap:.35rem}.touch-actions button{width:4.1rem;height:4.1rem}.touch-actions .search-button{width:4.9rem;height:4.9rem}}@media (height<=740px) and (width>=701px){.overlay-screen{padding-top:3.7rem}.menu-card{width:min(64rem,94vw)}.menu-art{min-height:26rem}.menu-copy{padding:1.2rem 1.6rem}.menu-copy h1{font-size:4.8rem}.intro-copy{margin:.8rem 0}.rules-list{display:none}}@media (height<=670px) and (width<=700px){.menu-art{display:none}.menu-copy h1{font-size:3.5rem}.mission-grid{margin-top:.35rem}.intro-copy{font-size:.9rem}.touch-controls{bottom:max(.3rem, env(safe-area-inset-bottom))}.move-pad{width:7rem;height:3.8rem}.platform-pad button{width:3.25rem;height:3.8rem}.touch-actions button{width:3.65rem;height:3.65rem}.touch-actions .search-button{width:4.35rem;height:4.35rem}.action-prompt{bottom:6.7rem}.game-message{bottom:9.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}