:root{--bg-color: #2e3440;--text-main: #eceff4;--accent: #88c0d0;--danger: #bf616a;--success: #a3be8c;--warning: #ebcb8b}body{margin:0;overflow:hidden;background-color:var(--bg-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-main);-webkit-user-select:none;user-select:none}#gameCanvas{display:block;position:absolute;top:0;left:0;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#hud{position:absolute;top:10px;left:10px;background:#00000080;padding:10px;border-radius:8px;display:flex;gap:20px;font-size:18px;font-weight:700}.stat span{color:var(--accent)}#health-bar-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:400px;height:30px;background:#000000b3;border:3px solid #4c566a;border-radius:15px;overflow:hidden;box-shadow:0 4px 10px #00000080}#health-bar{height:100%;background:linear-gradient(90deg,#bf616a,#d08770,#a3be8c);transition:width .3s ease;border-radius:12px;box-shadow:inset 0 2px 4px #ffffff4d}#health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:16px;text-shadow:1px 1px 2px black;pointer-events:none}#message-area{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:var(--warning);font-size:24px;text-shadow:1px 1px 2px black;pointer-events:none}#shop-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#3b4252;padding:20px;border:2px solid var(--accent);border-radius:10px;text-align:center;pointer-events:auto;box-shadow:0 0 20px #000000b3}.hidden{display:none}button{background:var(--accent);border:none;padding:10px 20px;color:#2e3440;font-weight:700;font-size:16px;cursor:pointer;border-radius:5px;margin-top:10px}button:hover{background:#81a1c1}#game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;animation:fadeIn .5s ease-in;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#game-over-screen h1{font-size:72px;color:var(--danger);margin:0;text-shadow:0 0 20px rgba(191,97,106,.8);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#game-over-screen .survival-days{font-size:120px;color:var(--warning);margin:20px 0;font-weight:700;text-shadow:0 0 30px rgba(235,203,139,.8);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 30px rgba(235,203,139,.8)}50%{text-shadow:0 0 50px rgba(235,203,139,1)}}#game-over-screen .stats{font-size:28px;color:var(--text-main);margin:20px 0;text-align:center;line-height:1.6}#game-over-screen button{font-size:24px;padding:15px 40px;margin-top:30px;background:var(--success);transition:all .3s ease;min-width:200px;min-height:60px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#game-over-screen button:hover,#game-over-screen button:active{background:var(--accent);transform:scale(1.1)}#mobile-controls{position:absolute;bottom:0;left:0;width:100%;height:180px;pointer-events:auto;z-index:100}#joystick-container{position:absolute;bottom:10px;left:15px;width:100px;height:100px;pointer-events:auto}#joystick-base{position:relative;width:100px;height:100px;background:radial-gradient(circle,#88c0d04d,#88c0d01a);border:2px solid rgba(136,192,208,.5);border-radius:50%;box-shadow:0 3px 10px #0000004d}#joystick-stick{position:absolute;width:40px;height:40px;background:radial-gradient(circle,#88c0d0,#5e81ac);border:2px solid #4c566a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000080;transition:all .1s ease}#fire-button{position:absolute;bottom:10px;right:15px;width:90px;height:90px;background:radial-gradient(circle,#bf616a,#d08770);border:3px solid #4c566a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 3px 12px #bf616a80;transition:all .1s ease;pointer-events:auto}#fire-button:active{transform:scale(.95);box-shadow:0 2px 6px #bf616ab3;background:radial-gradient(circle,#d08770,#bf616a)}#fire-button span{font-size:36px;line-height:1;margin-bottom:3px}#fire-button div{font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 2px black}#mobile-shop-button{position:absolute;bottom:10px;right:115px;width:70px;height:70px;background:radial-gradient(circle,#b48ead,#8fbcbb);border:3px solid #4c566a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 3px 12px #b48ead80;transition:all .1s ease;pointer-events:auto}#mobile-shop-button:active{transform:scale(.95);box-shadow:0 2px 6px #b48eadb3}#mobile-shop-button span{font-size:28px;line-height:1;margin-bottom:2px}#mobile-shop-button div{font-size:10px;font-weight:700;color:#fff;text-shadow:1px 1px 2px black}@media(max-width:768px){body{overflow:hidden;position:fixed;width:100%;height:100%}#gameCanvas{width:100vw!important;height:100vh!important}#hud{font-size:14px;gap:10px;padding:8px}#health-bar-container{width:250px;height:20px;bottom:200px}#health-text{font-size:12px}#message-area{font-size:18px;bottom:220px}}@media(hover:none)and (pointer:coarse){#mobile-controls{display:block!important}}