html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Helvetica Neue,Arial,sans-serif;background-color:bisque}#game-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:0}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}#stats-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;padding:12px;background:#f2e3bc4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;min-width:120px;pointer-events:none}#player-name{font-size:14px;font-weight:500;letter-spacing:.5px;text-align:center;text-transform:uppercase;opacity:.9;margin-bottom:4px;width:100%}.stats-bars{display:flex;flex-direction:row;gap:12px;justify-content:center;width:100%}.stat-container{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:.8;font-size:16px!important}.stat-bar{position:relative;width:4px;height:60px;background:#fff3;border-radius:2px;overflow:visible;--value: 100%}.stat-bar:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--value);background:#fff;border-radius:2px;transition:height .3s ease}#stamina-container .stat-bar:before{background:#8b7355;box-shadow:0 0 10px #8b735580}#stamina-container .stat-icon{color:#8b7355}#hunger-container .stat-bar:before{background:sienna;box-shadow:0 0 10px #a0522d80}#hunger-container .stat-icon{color:sienna}#health-container .stat-bar:before{background:#8b4513;box-shadow:0 0 10px #8b451380}#health-container .stat-icon{color:#8b4513}.mobile-controls{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;z-index:1000}.joystick-area{position:fixed;bottom:20px;left:20px;width:120px;height:120px;touch-action:none;pointer-events:auto}.joystick{position:absolute;width:120px;height:120px;border-radius:50%;background:#8b735540;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(139,69,19,.6);display:flex;align-items:center;justify-content:center}.joystick-knob{position:absolute;width:48px;height:48px;border-radius:50%;background:#8b4513cc;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .1s ease;border:2px solid rgba(255,255,255,.4)}.sprint-button{position:fixed;bottom:40px;right:160px;width:64px;height:64px;border-radius:50%;background:#8b735540;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(139,69,19,.6);display:flex;align-items:center;justify-content:center;color:#8b4513cc;font-size:28px;pointer-events:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;transition:all .2s ease}.sprint-button.active{background:#8b451366;color:#ffffffe6;border-color:#8b4513cc}#notifications{position:fixed;top:20px;left:50%;transform:translate(-50%);pointer-events:none}.notification{background:#f2e3bcb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#4a4a4a;padding:12px 24px;border-radius:6px;font-size:14px;letter-spacing:.5px;opacity:0;transition:opacity .3s ease;margin-bottom:8px}.notification.show{opacity:1}