:root{--bg: #d8d2c8;--blood: #8b1e1e;--fog: #c4bdb4;--text: #2a2420;--muted: #5c534c;--accent: #c45c26;--panel: rgba(255, 250, 244, .94)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,Trebuchet MS,sans-serif;touch-action:none}#app{position:relative;width:100%;height:100%;overflow:hidden}#game{display:block;width:100%;height:100%}.hidden{display:none!important}#hud{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}#hud-top{display:flex;flex-wrap:wrap;gap:.5rem .75rem;padding:.75rem;font-size:.9rem;text-shadow:0 1px 3px #000}#hud-top span{background:#fffcf8d1;padding:.35rem .55rem;border:1px solid rgba(40,30,25,.12)}#health-wrap{position:absolute;left:.75rem;top:3.1rem;display:flex;align-items:center;gap:.45rem;max-width:min(18rem,calc(100vw - 1.5rem));padding:.35rem .5rem;background:#fffcf8e0;border:1px solid rgba(40,30,25,.12);pointer-events:none}#health-label{font-size:.8rem;font-weight:700;color:var(--text)}#health-bar{flex:1;min-width:7rem;height:.85rem;background:#281e1926;border:1px solid rgba(40,30,25,.2);overflow:hidden}#health-fill{height:100%;width:100%;background:linear-gradient(90deg,#2f9e44,#69db7c);transform-origin:left center;transition:width .15s ease-out,background .15s ease-out}#health-fill.mid{background:linear-gradient(90deg,#e8590c,#ffa94d)}#health-fill.low{background:linear-gradient(90deg,#c92a2a,#ff6b6b)}#health-text{min-width:1.8rem;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}#boss-wrap{position:absolute;left:50%;top:3.1rem;transform:translate(-50%);display:flex;align-items:center;gap:.45rem;width:min(22rem,calc(100vw - 1.5rem));padding:.4rem .55rem;background:#280a0ee0;border:1px solid rgba(255,80,80,.35);color:#ffe3e3;pointer-events:none}#boss-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}#boss-bar{flex:1;min-width:6rem;height:.9rem;background:#00000059;border:1px solid rgba(255,255,255,.12);overflow:hidden}#boss-fill{height:100%;width:100%;background:linear-gradient(90deg,#862e2e,#fa5252);transition:width .12s ease-out}#boss-text{min-width:2rem;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}#stat-clock{font-variant-numeric:tabular-nums;font-weight:700;min-width:5.5rem;text-align:center}#stat-clock.night{background:#141828d1;color:#e8eef8;border-color:#b4c8ff40}#stat-clock.witching{background:#500a14e6;color:#ffb0b0;border-color:#ff505073;animation:pulse-clock .8s ease-in-out infinite alternate}@keyframes pulse-clock{0%{filter:brightness(1)}to{filter:brightness(1.25)}}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.4rem;color:#281e19a6;text-shadow:0 0 4px rgba(255,255,255,.8)}#hint{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;font-size:.75rem;color:var(--muted);text-shadow:0 1px 2px rgba(255,255,255,.7);word-break:break-word}#overlay,#message,#pause{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:radial-gradient(ellipse at center,rgba(255,220,180,.45),transparent 55%),linear-gradient(180deg,#e8e2d8,#cfc6ba);overflow:auto;z-index:6}#pause{background:#14100e8c}.panel{width:min(100%,26rem);max-width:100%;background:var(--panel);border:1px solid rgba(80,60,40,.18);padding:1.25rem 1.35rem;box-shadow:0 16px 40px #3c281e2e}h1,h2{margin:0 0 .5rem;font-family:Georgia,Times New Roman,serif;letter-spacing:.02em;line-height:1.15;word-break:break-word}.tagline{margin:0 0 1rem;color:var(--muted);line-height:1.4}.brand{margin:0 0 .35rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.title-panel h1{font-size:clamp(1.8rem,6vw,2.4rem)}.best-time{margin:0 0 1rem;font-weight:700;color:var(--text);background:#c45c261f;padding:.45rem .65rem;border:1px solid rgba(196,92,38,.25)}.level-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1.1rem}.level-btn{width:100%;padding:.85rem .6rem;border:none;font:inherit;font-weight:800;cursor:pointer;background:linear-gradient(180deg,#d46a2e,var(--accent));color:#1a0c08}.level-hard{background:linear-gradient(180deg,#c0392b,#8b1e1e);color:#fff8f5}.level-btn:active{filter:brightness(.92)}#stat-buff{background:#228b22d9!important;color:#f7fff7}.goals{margin:0 0 1.25rem;padding-left:1.1rem;color:var(--text);line-height:1.55}.tiny{margin:.85rem 0 0;font-size:.75rem;color:var(--muted);line-height:1.35}button{font:inherit;cursor:pointer;border:none}.primary{width:100%;padding:.85rem 1rem;background:linear-gradient(180deg,#d46a2e,var(--accent));color:#1a0c08;font-weight:700}.primary:active{filter:brightness(.92)}#talk-prompt{position:absolute;left:50%;bottom:5.5rem;transform:translate(-50%);z-index:5;pointer-events:auto}#btn-talk,#dialogue-ok{font:inherit;cursor:pointer;border:none;font-weight:700}#btn-talk{padding:.75rem 1.4rem;background:linear-gradient(180deg,#3d8bfd,#1c7ed6);color:#fff;border:2px solid rgba(255,255,255,.35);box-shadow:0 6px 18px #00000040}#dialogue{position:absolute;left:50%;bottom:4.5rem;transform:translate(-50%);width:min(92vw,28rem);background:#fffaf4f5;border:2px solid rgba(40,30,25,.2);padding:1rem 1.1rem;z-index:7;pointer-events:auto;box-shadow:0 10px 28px #00000047}#dialogue-name{margin:0 0 .35rem;font-weight:700;color:var(--accent);font-size:.95rem}#dialogue-text{margin:0 0 .85rem;line-height:1.45;word-break:break-word;color:var(--text)}#dialogue-ok{width:100%;padding:.75rem 1rem;background:linear-gradient(180deg,#d46a2e,var(--accent));color:#1a0c08}#btn-talk-touch{bottom:16.6rem;background:#1c7ed6eb}#touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.touch-zone,.touch-btn{pointer-events:auto}#stick{position:absolute;left:1rem;bottom:1rem;width:7.5rem;height:7.5rem;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}#stick-knob{position:absolute;left:50%;top:50%;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;border-radius:50%;background:#c45c26d9}#btn-shoot,#btn-weapon,#btn-camera{position:absolute;right:1rem;width:4.5rem;height:4.5rem;border-radius:50%;color:var(--text);font-weight:700;font-size:.8rem}#btn-shoot{bottom:1rem;background:#8b1e1ee6}#btn-weapon{bottom:6.2rem;background:#3c2d1eeb;border:1px solid rgba(255,255,255,.12)}#btn-camera{bottom:11.4rem;background:#281e23e6;border:1px solid rgba(255,255,255,.12)}@media(min-width:900px){#touch{display:none!important}}