@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;700&display=swap');
:root{--yellow:#dfbe47;--paper:#f1df99;--black:#11100b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#17130b;color:var(--paper);font-family:'DM Mono',monospace}button{font:inherit;cursor:pointer}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 55%,#554615 0%,#1d180d 43%,#100e09 100%)}.screen:before{content:'';position:absolute;inset:0;opacity:.18;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,227,129,.08) 4px),repeating-linear-gradient(90deg,transparent 0 65px,rgba(255,220,98,.04) 66px)}.menu-card,.pause-card{position:relative;width:min(650px,calc(100% - 40px));text-align:center;padding:58px 52px;border:1px solid rgba(225,194,75,.26);background:rgba(22,18,10,.69);box-shadow:0 25px 100px #0008;backdrop-filter:blur(5px)}.overline{margin:0 0 22px;color:var(--yellow);font-size:10px;letter-spacing:3px}.menu-card h1{margin:0;color:#ead17a;font:700 clamp(38px,8vw,72px)/.96 'Space Grotesk',sans-serif;letter-spacing:-3px;text-shadow:0 0 25px #d3a92b33}.level{margin:19px 0 29px;color:#a99860;font-size:11px;letter-spacing:2px}.level span{color:#d6b742;margin:0 7px}.intro{max-width:450px;margin:0 auto 36px;color:#b6a76c;font-size:13px;line-height:1.8}.primary{border:1px solid #e2c34f;padding:16px 22px;background:#d1ad32;color:#19150a;font-size:12px;font-weight:500;letter-spacing:1px;box-shadow:0 0 25px #c99e2c44;transition:.2s}.primary:hover{background:#f0d45e;transform:translateY(-2px)}.primary span{margin-left:16px;font-size:17px}.controls{margin-top:32px;color:#766a43;font-size:9px;letter-spacing:1px}.controls span{color:#baa449;margin-left:16px}.pause-card{width:min(420px,calc(100% - 40px));padding:48px}.pause-card h2{font:700 50px 'Space Grotesk';margin:0 0 32px;color:#ead17a}.quiet{display:block;margin:20px auto 0;border:0;background:transparent;color:#a89b61;font-size:10px;letter-spacing:1px}.quiet:hover{color:#ead17a}#game,#viewport,#viewport canvas{position:fixed;inset:0;width:100%;height:100%}.vignette,.grain{position:fixed;inset:0;pointer-events:none}.vignette{background:radial-gradient(ellipse at center,transparent 35%,rgba(7,6,3,.22) 69%,rgba(2,2,1,.84) 130%)}.grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:screen}.hud{position:fixed;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;color:#d5c176;font-size:10px;letter-spacing:1px;text-shadow:0 2px 5px #000}.hud span{color:#887832;margin:0 7px}.objective{color:#e3c74f}.objective i{display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:#d6b63c;box-shadow:0 0 10px #e1c447}.crosshair{position:fixed;top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);opacity:.7}.crosshair span{position:absolute;background:#e6d997}.crosshair span:first-child{width:1px;height:14px;left:7px}.crosshair span:last-child{height:1px;width:14px;top:7px}.tip{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);color:#988a55;font-size:9px;letter-spacing:1px;text-shadow:0 2px 4px #000}.tip b{font-weight:400;color:#d2bb63;margin-left:14px}@media(max-width:600px){.menu-card{padding:42px 24px}.hud{left:15px;right:15px}.objective{display:none}.tip{font-size:8px;white-space:nowrap}}
#mobile-controls{display:none}.hud-right{display:flex;align-items:center;gap:26px}.sanity-wrap{display:flex;align-items:center;gap:8px;color:#d7c579;font-size:9px;letter-spacing:1px}.sanity-wrap b{min-width:25px;color:#eadc9d;font-size:10px}.sanity-bar{width:125px;height:7px;border:1px solid #cdb75e88;background:#1e190c99}.sanity-bar i{display:block;width:100%;height:100%;background:#d4be53;transition:width .2s,background .2s}@media (pointer:coarse){#mobile-controls{display:block;position:fixed;inset:0;z-index:5;pointer-events:none}.tip{display:none}#joystick{position:absolute;left:24px;bottom:28px;width:128px;height:128px;border:2px solid #d6be6a66;border-radius:50%;background:#4c401d66;pointer-events:auto;touch-action:none}#joystick-knob{position:absolute;left:40px;top:40px;width:44px;height:44px;border:2px solid #ead78c99;border-radius:50%;background:#c9a93a99}#flashlight-button{position:absolute;right:28px;bottom:38px;width:74px;height:74px;border:1px solid #e0c45c99;border-radius:50%;background:#3f351866;color:#f1d875;font-size:32px;line-height:22px;pointer-events:auto;touch-action:none}#flashlight-button small{display:block;font:8px 'DM Mono',monospace;letter-spacing:1px}}