*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,Arial,sans-serif}#game-canvas{display:block;width:100%;height:100%}#fade-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:100}#fade-overlay.active{opacity:1}.hidden{display:none!important}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#game-canvas.trippy{animation:trippyHue 2s linear infinite}@keyframes trippyHue{0%{filter:hue-rotate(0deg) saturate(2) contrast(1.1)}to{filter:hue-rotate(360deg) saturate(2) contrast(1.1)}}#trip-overlay{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background:linear-gradient(120deg,red,#f80,#fe0,#0c4,#0cc,#06f,#80f,red);background-size:400% 400%;animation:tripShift 3s linear infinite}@keyframes tripShift{0%{background-position:0% 50%}to{background-position:400% 50%}}#health-bar{position:absolute;top:16px;left:16px;width:200px;height:24px;background:#0009;border:2px solid #8B4513;border-radius:4px;overflow:hidden}#health-bar-fill{width:100%;height:100%;background:linear-gradient(to bottom,#e74c3c,#c0392b);transition:width .3s ease}#health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#hunger-bar{position:absolute;top:76px;left:16px;width:200px;height:24px;background:#0009;border:2px solid #8B6508;border-radius:4px;overflow:hidden}#hunger-bar-fill{width:100%;height:100%;background:linear-gradient(to bottom,#e67e22,#d35400);transition:width .3s ease}#hunger-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#stamina-bar{position:absolute;top:46px;left:16px;width:200px;height:24px;background:#0009;border:2px solid #4a7a3a;border-radius:4px;overflow:hidden}#stamina-bar-fill{width:100%;height:100%;background:linear-gradient(to bottom,#f1c40f,#d4a017);transition:width .15s ease}#stamina-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#lilky-counter{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;background:#0009;border:2px solid #DAA520;border-radius:4px;padding:4px 12px;color:gold;font-size:18px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#lilky-icon{font-size:20px}#weapon-indicator{position:absolute;bottom:16px;left:16px;background:#0009;border:2px solid #8B4513;border-radius:4px;padding:6px 14px;color:#deb887;font-size:14px;font-weight:700}#hotbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:3px;padding:6px;background:#000000bf;border:3px solid #555;border-radius:3px}.hotbar-slot{position:relative;width:68px;height:68px;background:#3c3c3ccc;border:2px solid #1a1a1a;box-sizing:border-box}.hotbar-slot.selected{border-color:#eee;background:#646464e6}.hotbar-key{position:absolute;top:2px;left:4px;color:#ffffff80;font-size:12px;font-weight:700;font-family:monospace}.hotbar-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:30px}.hotbar-count{position:absolute;bottom:2px;right:4px;color:#fff;font-size:11px;font-weight:700;font-family:monospace;text-shadow:1px 1px 1px #000,-1px -1px 1px #000}.hotbar-count:empty{display:none}@media(max-width:768px){#health-bar{width:130px;height:18px;top:10px;left:10px}#health-text{font-size:9px}#stamina-bar{width:130px;height:18px;top:32px;left:10px}#stamina-text{font-size:9px}#hunger-bar{width:130px;height:18px;top:54px;left:10px}#hunger-text{font-size:9px}#lilky-counter{top:10px;right:10px;font-size:14px;padding:3px 8px}#lilky-icon{font-size:16px}#weapon-indicator{bottom:80px;left:50%;transform:translate(-50%);font-size:12px;padding:4px 10px}#hotbar{bottom:10px;padding:3px;gap:2px}.hotbar-slot{width:50px;height:50px}.hotbar-key{font-size:9px}.hotbar-item{font-size:22px}}#version-tag{position:fixed;right:8px;bottom:6px;z-index:5;pointer-events:none;font-family:Segoe UI,Arial,sans-serif;font-size:12px;font-weight:700;color:#deb8878c;text-shadow:0 1px 2px rgba(0,0,0,.8)}#starving-vignette{position:fixed;inset:0;z-index:12;pointer-events:none;opacity:0;transition:opacity .8s ease;background:radial-gradient(ellipse at center,#96000000 34%,#a008084d 58%,#8c00009e 80%,#5f0000e0)}#starving-vignette.active{opacity:1;animation:starvingPulse 2.4s ease-in-out infinite}@keyframes starvingPulse{0%,to{opacity:.72}50%{opacity:1}}