@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Rubik:wght@600;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0605;font-family:Rubik,sans-serif}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.hidden{display:none!important}#menu{display:flex;align-items:center;background:radial-gradient(ellipse at 30% 40%,#00000040,#000000c7),linear-gradient(to right,#050201b8,#05020126 65%,#05020173)}.menu-inner{padding:6vh 0 6vh 7vw;display:flex;flex-direction:column;gap:5vh;-webkit-user-select:none;user-select:none}#logo-img{width:clamp(140px,17vw,260px);height:auto;filter:drop-shadow(0 12px 28px rgba(0,0,0,.9))}#logo{line-height:.92;transform:rotate(-2deg);filter:drop-shadow(0 10px 24px rgba(0,0,0,.9))}.logo-hell,.logo-kitchen{font-family:Alfa Slab One,serif;letter-spacing:.02em;-webkit-text-stroke:2px rgba(20,5,0,.9)}.logo-hell{font-size:clamp(56px,11vw,150px);background:linear-gradient(180deg,#ffd24a,#ff7a1a 45%,#e0250d 80%,#7a0d05);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(255,100,20,.35)}.logo-kitchen{font-size:clamp(44px,8.6vw,118px);background:linear-gradient(180deg,#f3e9d8,#cbb89a 40%,#8a7357 75%,#4c3a28);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-sub{margin-top:1.6vh;display:inline-block;font-family:Rubik,sans-serif;font-weight:800;font-size:clamp(15px,2vw,28px);letter-spacing:.32em;color:#ff5a1f;text-shadow:0 0 14px rgba(255,70,10,.6);border:2px solid rgba(255,90,31,.35);border-radius:6px;padding:.35em .7em .35em .9em;background:#0a03018c}.menu-items{display:flex;flex-direction:column;align-items:flex-start;gap:1.2vh}.menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;font-family:Rubik,sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,58px);letter-spacing:.01em;color:#ffb32b;background:linear-gradient(180deg,#ffdf6b,#ffa021 55%,#ff7412);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 4px 0 rgba(60,15,0,.9)) drop-shadow(0 0 18px rgba(255,120,20,.25));transition:filter .15s ease,transform .15s ease;padding:.05em .2em}.menu-item:hover{transform:translate(10px);filter:drop-shadow(0 4px 0 rgba(60,15,0,.9)) drop-shadow(0 0 26px rgba(255,150,40,.75))}.menu-item.small{font-size:clamp(20px,2.4vw,32px);margin-top:2vh}#credit{position:absolute;bottom:3.5%;right:3%;font-family:Rubik,sans-serif;font-weight:800;font-size:clamp(15px,1.8vw,24px);letter-spacing:.04em;color:#ffb32b;text-shadow:0 2px 0 rgba(60,15,0,.9),0 0 16px rgba(255,120,20,.35);-webkit-user-select:none;user-select:none}#controls-panel{display:flex;align-items:center;justify-content:center;background:#040201d1}.panel{background:linear-gradient(180deg,#1c110a,#120a06);border:2px solid rgba(255,110,30,.25);border-radius:14px;padding:5vh 5vw;box-shadow:0 30px 80px #000c,0 0 40px #ff5a1414 inset;color:#e8d9c4;max-width:560px}.panel h2{font-family:Alfa Slab One,serif;font-size:clamp(28px,3.4vw,44px);color:#ff9a2b;margin-bottom:3vh;text-shadow:0 0 18px rgba(255,120,20,.4)}.panel ul{list-style:none;display:flex;flex-direction:column;gap:1.4vh;font-size:clamp(16px,1.6vw,21px);font-weight:600}.key{display:inline-block;min-width:7.5em;color:#ffcf5e;font-weight:800;letter-spacing:.06em}.hint{margin-top:3vh;font-size:clamp(13px,1.3vw,17px);color:#a08a6e;font-style:italic}#quit-screen{display:flex;align-items:center;justify-content:center;background:#000;animation:quit-fade 1.6s ease both}@keyframes quit-fade{0%{opacity:0}to{opacity:1}}.quit-text{text-align:center;color:#b39f84;font-size:clamp(20px,2.4vw,30px);font-weight:600;line-height:1.8}.quit-text span{color:#5f5142;font-size:.7em}#death-screen{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#3c0400e0,#050000f7 75%);animation:quit-fade .9s ease both}.death-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3vh}.death-inner h2{font-family:Alfa Slab One,serif;font-size:clamp(40px,7vw,92px);color:#ff2f14;letter-spacing:.04em;text-shadow:0 0 30px rgba(255,40,10,.6),0 6px 0 rgba(30,0,0,.9)}.death-story{color:#c9a08a;font-size:clamp(16px,1.8vw,24px);font-weight:600;line-height:1.9}.death-buttons{display:flex;gap:4vw}#win-screen{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#142812e6,#000400f7 75%);animation:quit-fade .9s ease both}.win-title{font-family:Alfa Slab One,serif;font-size:clamp(40px,7vw,92px);color:#9dff6a;letter-spacing:.04em;text-shadow:0 0 30px rgba(120,255,80,.5),0 6px 0 rgba(0,25,0,.9)}#night-counter{position:absolute;top:3.5%;right:3%;font-family:Alfa Slab One,serif;font-size:clamp(16px,2vw,26px);letter-spacing:.08em;color:#e8d9c4;text-shadow:0 2px 8px rgba(0,0,0,.9)}#night-counter.is-night{color:#8fb0ff;text-shadow:0 0 16px rgba(90,130,255,.5),0 2px 8px rgba(0,0,0,.9)}#pieces-counter{position:absolute;bottom:4%;left:3%;font-family:Alfa Slab One,serif;font-size:clamp(16px,2vw,26px);letter-spacing:.08em;color:#ffcf5e;text-shadow:0 2px 8px rgba(0,0,0,.9)}.inv-line{font-family:Rubik,sans-serif;font-weight:600;font-size:.62em;letter-spacing:.03em;color:#d9c9a8;margin-top:.25em}.hook-chip{display:block;margin-top:.4em;width:clamp(48px,5vw,72px);height:auto;border:2px solid rgba(255,180,80,.7);border-radius:12px;background:#0a060399;box-shadow:0 4px 14px #0009,0 0 12px #ffaa3240}#hook-reveal{position:absolute;bottom:14%;left:3%;width:clamp(160px,20vw,300px);height:auto;border:3px solid rgba(255,180,80,.8);border-radius:18px;background:#0a0603bf;box-shadow:0 12px 40px #000c,0 0 30px #ffaa3266;opacity:0}#hook-reveal.playing{animation:hook-reveal 3s ease both}@keyframes hook-reveal{0%{opacity:0;transform:translateY(20px) scale(.85)}12%{opacity:1;transform:translateY(0) scale(1.05)}18%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(6px) scale(.97)}}#interact-prompt{position:absolute;bottom:12%;left:50%;transform:translate(-50%);font-family:Rubik,sans-serif;font-weight:800;font-size:clamp(15px,1.7vw,22px);color:#e8d9c4;background:#0a0603a6;border:1px solid rgba(255,180,80,.35);border-radius:8px;padding:.4em .9em;text-shadow:0 1px 4px rgba(0,0,0,.8)}#interact-prompt:empty{display:none}#break-warning{position:absolute;top:18%;left:50%;transform:translate(-50%);font-family:Alfa Slab One,serif;font-size:clamp(18px,2.4vw,32px);color:#ff8c1a;letter-spacing:.08em;text-shadow:0 0 20px rgba(255,120,10,.8);animation:seen-pulse .4s ease-in-out infinite alternate}#seen-warning{position:absolute;top:10%;left:50%;transform:translate(-50%);font-family:Alfa Slab One,serif;font-size:clamp(22px,3vw,40px);color:#ff3b1a;letter-spacing:.1em;text-shadow:0 0 22px rgba(255,50,10,.8);animation:seen-pulse .6s ease-in-out infinite alternate}@keyframes seen-pulse{0%{opacity:.55;transform:translate(-50%) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1.03)}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:28px;text-shadow:0 0 6px rgba(0,0,0,.8)}