*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:100vh;overflow:hidden}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#0006}h1{font-size:4rem;margin-bottom:50px;text-transform:uppercase;letter-spacing:4px;color:#ff6500;text-shadow:0 0 10px rgba(126,212,173,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(126,212,173,.5)}to{text-shadow:0 0 20px rgba(126,212,173,.8)}}button{background:transparent;border:2px solid #FF6500;color:#ff6500;padding:15px 40px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;border-radius:5px;text-transform:uppercase;letter-spacing:2px;min-width:200px}button:hover{background:#ff6500;color:#16213e;transform:translateY(-2px);box-shadow:0 5px 15px #7ed4ad66}button:active{transform:translateY(0)}.pause-button{position:fixed;top:20px;left:20px;z-index:1000;padding:10px 20px;min-width:auto}.bag-icon{position:fixed;bottom:20px;left:20px;z-index:1000;cursor:pointer;background:#16213ecc;padding:10px;border-radius:10px;border:2px solid #FF6500;transition:all .3s ease}.bag-icon:hover{transform:scale(1.05);background:#16213ee6}.bag-content{display:flex;flex-direction:column;align-items:center;gap:5px}.bag-content img{width:40px;height:40px;object-fit:contain}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2000}.timer-container{position:fixed;top:5px;right:40%;z-index:1000;padding:10px;border-radius:5px;color:#fff;font-family:Arial,sans-serif;width:20%}.game-timer{font-size:1em;font-weight:700}.modal-content{background:#16213e;padding:30px;border-radius:15px;border:2px solid #FF6500;width:90%;max-width:300px;position:relative}.close{position:absolute;top:10px;right:15px;color:#ff6500;font-size:24px;cursor:pointer;transition:all .3s ease}.close:hover{color:#fff;transform:scale(1.1)}.inventory-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;margin-top:20px}.inventory-box{background:#7ed4ad1a;border:2px solid #FF6500;border-radius:8px;aspect-ratio:1;transition:all .3s ease}.inventory-box:hover{background:#7ed4ad33;transform:translateY(-2px)}#HealthBarContainer{position:fixed;top:60px;right:-5px;transform:translate(-50%);width:160px;background:#16213ecc;border-radius:10px;padding:5px;border:2px solid #FF6500;z-index:1000}.fire-strength-container{position:fixed;top:20px;right:-5px;transform:translate(-50%);width:160px;background:#16213ecc;border-radius:10px;padding:5px;border:2px solid #FF6500;z-index:1000}.game-timer{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.fire-strength-display{position:absolute;top:20px;right:20px;padding:10px 20px;background-color:#000000b3;color:#7ed4ad;font-size:18px;border-radius:4px}.fire-strength-bar{background:linear-gradient(90deg,#ff4d4d,#ff8533);height:20px;border-radius:5px;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5);font-size:.9rem;margin-bottom:10px}.fire-strength-bar:last-child{margin-bottom:0}.canvas_webgl{position:fixed;top:0;left:0;outline:none}@media (max-width: 768px){h1{font-size:2.5rem}button{padding:12px 30px;font-size:1rem}.fire-strength-container{width:250px}.modal-content{width:95%;padding:20px}}#loadingScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;z-index:1000;overflow:hidden}.loadingContent{text-align:center;animation:fadeIn .5s ease-in-out}.loadingText{font-size:1.5rem;margin-bottom:20px;font-weight:600;letter-spacing:2px}.spinner{width:50px;height:50px;border:6px solid rgba(255,255,255,.2);border-top:6px solid white;border-radius:50%;animation:spin 1.5s linear infinite;margin-top:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
