*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%;font-family:sans-serif;background-color:#000}#canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:#000}#canvas:hover{cursor:pointer}#ui-container{position:fixed;bottom:10px;left:10px;z-index:10;display:flex;flex-direction:column;gap:10px;pointer-events:none}#controls{pointer-events:auto}#controls button{padding:8px 12px;background-color:#000000b3;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:10px}#controls button:hover{background-color:#323232cc}#debug-log-area{width:375px;height:650px;background-color:#0009;color:#ccc;border:1px solid #444;border-radius:4px;padding:5px;font-size:11px;font-family:monospace;overflow-y:scroll;pointer-events:auto;resize:both}#debug-log-area p{margin-bottom:3px;border-bottom:1px solid #333;padding-bottom:2px}#debug-log-area p:first-child{font-weight:700;color:#fff}.health-bar-container{position:fixed;bottom:25%;left:50%;transform:translate(-50%);width:200px;height:25px;background-color:#323232cc;border:1px solid #888;border-radius:5px;padding:2px;z-index:20;box-sizing:border-box;text-align:center;pointer-events:none}.health-bar-label{position:absolute;left:0;right:0;top:3px;font-size:12px;color:#fff;text-shadow:1px 1px 1px black;z-index:2;line-height:16px}.health-bar-fill{height:100%;width:100%;background-color:#b33;border-radius:3px;transition:width .1s linear;z-index:1}#interaction-prompt{position:fixed;bottom:32%;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:8px 15px;border-radius:5px;font-size:14px;font-family:sans-serif;text-align:center;z-index:10;pointer-events:none;opacity:1;transition:opacity .2s ease-in-out}#interaction-prompt.hidden{opacity:0}#action-bar{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:5px;background-color:#0a0a0ab3;border:1px solid #555;border-radius:3px;z-index:10}.action-slot{width:45px;height:45px;border:1px solid #444;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#ccc;position:relative;overflow:hidden;box-sizing:border-box}.hotkey-number{position:absolute;bottom:2px;right:4px;font-size:10px;color:#fff;text-shadow:1px 1px 1px black}.action-slot .ability-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.action-slot .ability-icon img,.action-slot .ability-icon svg{display:block;max-width:80%;max-height:80%;object-fit:contain}.action-slot:after{content:attr(data-slot-index) + 1;position:absolute;bottom:2px;left:3px;font-size:10px;color:#fff;text-shadow:1px 1px 1px black}.action-slot .cooldown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;transition:height .1s linear;pointer-events:none}.action-slot.ready .cooldown-overlay{height:0}.chat-bubble{position:fixed;top:20%;left:50%;transform:translate(-50%);min-width:100px;max-width:250px;padding:10px 15px;background-color:#c8c8dcd9;color:#1a1a1a;border:1px solid #aaa;border-radius:15px;font-size:13px;font-family:sans-serif;text-align:center;z-index:25;pointer-events:none;opacity:1;transition:opacity .3s ease-in-out;box-shadow:2px 2px 5px #0003}.chat-bubble.hidden{opacity:0}.chat-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(200,200,220,.85)}#game-clock{position:fixed;top:10px;right:10px;background-color:#0009;color:#fff;padding:5px 10px;border-radius:3px;font-family:monospace;font-size:16px;z-index:10;pointer-events:none}#game-clock-controls{pointer-events:auto;position:fixed;top:55px;right:10px}#game-clock-controls button{padding:8px 12px;background-color:#00000080;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:12px}#game-clock-controls button:hover{background-color:#323232cc}#main-menu{z-index:100000}#main-menu button{padding:8px 12px;background-color:#000000b3;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:12px}#main-menu:hover{cursor:crosshair}#xp-bar-container{position:fixed;bottom:75px;left:50%;transform:translate(-50%);width:300px;height:20px;background-color:#0a0a0ab3;border:1px solid #555;border-radius:5px;z-index:10;pointer-events:none;display:flex;align-items:center;padding:2px 5px;box-sizing:border-box}#xp-bar-level{color:#ff0;font-weight:700;font-size:11px;margin-right:5px;white-space:nowrap}#xp-bar-background{flex-grow:1;height:100%;background-color:#505050b3;border-radius:3px;overflow:hidden;position:relative}#xp-bar-fill{height:100%;width:0%;background-color:#a0a0ff;border-radius:3px;transition:width .2s ease-out}#xp-bar-text{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;text-shadow:1px 1px 1px black;white-space:nowrap}#weather-bar{position:fixed;bottom:10px;left:65%;background-color:#0a0a0ab3;border:1px solid #555;border-radius:5px;z-index:10;pointer-events:none;display:flex;align-items:center;box-sizing:border-box;color:#fff;gap:5px;font-size:14px}#weather-bar div{position:relative;width:45px;height:45px;background-color:#505050b3;border-radius:3px;z-index:1;display:flex;align-items:center;justify-content:center}#weather-bar div span{position:absolute;display:inline-block;right:0;bottom:0;font-size:14px;text-shadow:1px 1px 1px black;white-space:nowrap}#player-info{position:fixed;bottom:105px;left:50%;transform:translate(-50%);z-index:15;display:flex;flex-direction:column;gap:5px;pointer-events:none}#player-health-bar-container{width:250px;height:22px;background-color:#323232cc;border:1px solid #888;border-radius:4px;padding:2px;box-sizing:border-box;position:relative}#player-health-bar-fill{height:100%;width:100%;background-color:#b33;border-radius:2px;transition:width .15s linear;z-index:1}#player-health-bar-text{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 1px black;z-index:2;pointer-events:none}#game-clock{top:10px;right:10px}#game-over-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;transition:background-color 1.5s ease-in-out,opacity 1.5s ease-in-out;pointer-events:none}#game-over-overlay.visible{background-color:#000000e6;opacity:1;pointer-events:auto}#game-over-content{color:#ccc;text-align:center;background-color:#141414b3;padding:40px;border-radius:10px;border:1px solid #444}#game-over-content h1{color:#f44;margin-bottom:15px;font-size:2.5em}#game-over-content p{font-size:1.2em;margin-bottom:30px}#game-over-buttons button{padding:12px 25px;background-color:#323232cc;color:#fff;border:1px solid #777;border-radius:5px;cursor:pointer;font-size:1.1em;margin:0 10px;transition:background-color .2s}#game-over-buttons button:hover{background-color:#505050e6}.hidden{display:none}#inventory-and-crafting-container{position:fixed;bottom:5%;right:2.5%;z-index:15}#inventory-panel{width:260px;height:auto;background-color:#1e1e1ed9;border:2px solid #666;border-radius:8px;padding:10px;z-index:15;display:grid;grid-template-columns:repeat(4,55px);gap:8px;pointer-events:auto}.inventory-slot{width:55px;height:55px;background-color:#505050b3;border:1px solid #444;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:#fff;position:relative;overflow:hidden;box-sizing:border-box}.inventory-slot .item-icon{display:block;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;margin-bottom:3px}.inventory-slot .item-quantity{position:absolute;bottom:2px;right:4px;font-size:12px;font-weight:700;text-shadow:1px 1px 1px black}.inventory-slot.empty{background-color:#3c3c3cb3}.inventory-slot .item-button{font-size:16px;padding:1px 2px;background-color:#0009;color:#fff;border:1px solid #666;border-radius:2px;cursor:pointer;line-height:1}.inventory-slot .item-button:hover{background-color:#323232cc}.inventory-slot .item-button:disabled{cursor:not-allowed;color:#888}#inventory-weight{position:absolute;bottom:-15px;left:0;right:0;height:20px;background-color:#000000b3;border-top:1px solid #444;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;text-shadow:1px 1px 1px black}#crafting-menu{background-color:#282828d9;border:1px solid #555;border-radius:5px;padding:10px;color:#fff;width:100%;height:fit-content;z-index:1600;pointer-events:auto}#crafting-menu h3{margin-bottom:8px;text-align:center;font-size:14px}#crafting-recipes{list-style:none;padding:0;margin:0}#crafting-recipes li{display:flex;flex-direction:row-reverse;margin-bottom:5px}#crafting-recipes li img{width:25px;height:25px}#crafting-recipes button{width:100%;padding:5px;font-size:14px;background-color:#505050b3;color:#fff;border:1px solid #444;border-radius:3px;cursor:pointer;text-align:left}#crafting-recipes button:hover:not(:disabled){background-color:#646464cc}#crafting-recipes button:disabled{color:#777;background-color:#3c3c3cb3;cursor:not-allowed}.panel{background-color:#1e1e1ed9;border:2px solid #666;border-radius:8px;padding:10px;color:#fff;z-index:15;position:fixed;bottom:5%;right:calc(260px + 2.5%)}#character-sheet{width:180px;height:fit-content}#character-sheet h3{text-align:center;margin-bottom:10px;font-size:14px}.equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.equip-slot{width:70px;height:70px;background-color:#3c3c3cb3;border:1px solid #444;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;color:#aaa;position:relative;overflow:hidden;box-sizing:border-box;text-align:center;line-height:1.2}.equip-slot:not(.empty){background-color:#505050b3;color:#fff;justify-content:flex-start;padding-top:5px}.equip-slot .item-icon{width:100%;height:80%;margin-bottom:5px;display:flex;align-items:center;justify-content:center}.equip-slot .item-icon img{display:block;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.equip-slot .item-button{position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:85%}.equip-slot.empty{display:flex;align-items:center;justify-content:center;font-size:14px;color:#aaa}.equip-slot .item-icon.weapon{color:#faa}.equip-slot .item-icon.head{color:#aaf}.equip-slot .item-icon.offhand{color:#afa}.equip-slot .item-button{position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:80%;font-size:14px;padding:1px 2px;background-color:#0009;color:#fff;border:1px solid #666;border-radius:2px;cursor:pointer;line-height:1;pointer-events:auto}.equip-slot .item-button:hover{background-color:#323232cc}#character-stats-display p{margin:3px 0;color:#ddd}.controls-button{padding:8px 12px;background-color:#000000b3;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:12px;pointer-events:auto}.controls-button:hover{background-color:#323232cc}#fps-counter{position:fixed;top:10px;left:10px;background-color:#000000b3;color:#0f0;padding:5px 10px;border-radius:3px;font-family:monospace;font-size:14px;z-index:100;pointer-events:none}#game-clock{top:10px;right:10px;left:auto}