*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a0f0a;color:#e8d4c4}#game-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}canvas{display:block}#hud{position:fixed;top:20px;left:20px;z-index:100;pointer-events:none}.hud-stats{display:flex;gap:20px;padding:15px 25px;background:linear-gradient(135deg,#8b4513e6,#65320ee6);border:3px solid #cd853f;border-radius:8px;box-shadow:0 4px 15px #00000080}.hud-stats span{display:flex;align-items:center;gap:8px}.menu-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#8b4513f2,#1a0f0afa);z-index:200}.menu-title{font-size:4rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:.2em;color:peru;text-shadow:0 0 30px rgba(205,133,63,.6),4px 4px 8px rgba(0,0,0,.8)}.menu-subtitle{font-size:1.3rem;margin-bottom:50px;color:#a0826d;font-style:italic}.btn{padding:15px 40px;font-size:1.1rem;font-family:Georgia,serif;color:#e8d4c4;background:linear-gradient(135deg,#8b4513,#5c3317);border:3px solid #cd853f;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 15px #0006;margin:10px}.btn:hover{background:linear-gradient(135deg,sienna,#6b3d1f);border-color:#daa520;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.progress-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:500px;z-index:100}.progress-bar{height:15px;background:#000000b3;border:2px solid #8b4513;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,peru,#daa520);transition:width .5s ease}.progress-label{text-align:center;margin-top:8px;font-size:.9rem;color:#a0826d}.health-bar{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:300px;height:20px;background:#000000b3;border:2px solid #8b4513;border-radius:10px;overflow:hidden;z-index:100}.health-bar-fill{height:100%;background:linear-gradient(to bottom,#22c55e,#16a34a);transition:width .3s ease}.health-bar-fill.critical{background:linear-gradient(to bottom,#ef4444,#b91c1c);animation:pulse-critical .5s ease-in-out infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1a0f0a;z-index:1000}.loading-spinner{width:60px;height:60px;border:4px solid rgba(139,69,19,.3);border-top-color:peru;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:1.1rem;color:peru}*:focus{outline:2px solid #cd853f;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 768px){.menu-title{font-size:2.5rem}.hud-stats{flex-direction:column;gap:8px;padding:10px 15px}.progress-container{width:90%}.health-bar{width:80%}}#crafting-ui{cursor:default}#crafting-ui *{box-sizing:border-box}#crafting-ui ::-webkit-scrollbar{width:8px}#crafting-ui ::-webkit-scrollbar-track{background:#1a0f0a}#crafting-ui ::-webkit-scrollbar-thumb{background:#5c3317;border-radius:4px}#crafting-ui ::-webkit-scrollbar-thumb:hover{background:#8b4513}.crafting-hint{position:fixed;bottom:60px;right:20px;z-index:100;background:linear-gradient(135deg,#4a6a8ce6,#283c5ae6);border:2px solid #6a8aac;border-radius:8px;padding:10px 15px;color:#e8d4c4;font-size:.85rem;pointer-events:none;animation:pulse-craft 2s ease-in-out infinite}@keyframes pulse-craft{0%,to{box-shadow:0 0 10px #6a8aac4d}50%{box-shadow:0 0 20px #6a8aac99}}.rarity-common{color:#8b8b8b}.rarity-uncommon{color:#4a9a4a}.rarity-rare{color:#4a6adb}.rarity-exotic{color:#da4a8a}