:root{--font-pixel: "Press Start 2P", system-ui, sans-serif;--font-modern: "Outfit", system-ui, sans-serif;--mc-grass: #4CAF50;--mc-grass-dark: #388E3C;--mc-dirt: #8B6E5A;--mc-dirt-dark: #6B5040;--mc-stone: #9E9E9E;--mc-wood: #8B4513;--mc-leaves: #228B22;--mc-water: #4169E1;--mc-sand: #F4D03F;--mc-sky-day: #87CEEB;--mc-sky-night: #1a1a2e;--mc-ui-bg: rgba(0, 0, 0, .85);--mc-ui-border: rgba(139, 119, 73, .5);--health-red: #D32F2F;--hunger-orange: #FF9800}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;font-family:var(--font-modern);background:var(--mc-sky-day);cursor:crosshair}.hidden{display:none!important}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-content{text-align:center}.loading-logo{font-size:5rem;margin-bottom:1rem;animation:logoFloat 2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.loading-title{font-family:var(--font-pixel);font-size:2.5rem;color:#fff;text-shadow:4px 4px 0 var(--mc-grass),0 0 30px rgba(76,175,80,.5);margin-bottom:2rem;letter-spacing:4px}.loading-bar{width:300px;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;border:2px solid rgba(139,119,73,.5);margin-bottom:1rem}.loading-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--mc-grass),#66BB6A);transition:width .3s ease;box-shadow:0 0 15px #4caf5080}.loading-status{font-family:var(--font-pixel);font-size:.7rem;color:#ffffffb3}#game-container{position:fixed;top:0;left:0;width:100%;height:100%}#game-canvas{width:100%;height:100%;display:block}#hud{position:fixed;top:1rem;left:1rem;right:1rem;display:flex;align-items:flex-start;gap:1rem;pointer-events:none;z-index:100}#hud>*{pointer-events:auto}#health-bar,#hunger-bar{display:flex;align-items:center;gap:.5rem;background:var(--mc-ui-bg);padding:.5rem .8rem;border-radius:8px;border:2px solid var(--mc-ui-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.heart-icon,.hunger-icon{font-size:1.2rem}.health-bar-container,.hunger-bar-container{width:100px;height:14px;background:#00000080;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}#health-bar-fill{height:100%;width:100%;background:linear-gradient(180deg,#FF6B6B 0%,var(--health-red) 100%);transition:width .3s ease}#hunger-bar-fill{height:100%;width:100%;background:linear-gradient(180deg,#FFB74D 0%,var(--hunger-orange) 100%);transition:width .3s ease}#health-text,#hunger-text{font-family:var(--font-pixel);font-size:.5rem;color:#fff;min-width:45px}#time-indicator{display:flex;align-items:center;gap:.5rem;background:var(--mc-ui-bg);padding:.5rem .8rem;border-radius:8px;border:2px solid var(--mc-ui-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#time-icon{font-size:1.2rem}#day-count{font-family:var(--font-pixel);font-size:.6rem;color:#fff}#coords{display:flex;flex-direction:column;gap:.2rem;background:var(--mc-ui-bg);padding:.5rem .8rem;border-radius:8px;border:2px solid var(--mc-ui-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#coords span{font-family:var(--font-pixel);font-size:.5rem;color:#fffc}#hud{justify-content:flex-end}.hud-btn{width:44px;height:44px;background:var(--mc-ui-bg);border:2px solid var(--mc-ui-border);border-radius:10px;font-size:1.2rem;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-btn:hover{background:#4caf504d;border-color:var(--mc-grass);transform:scale(1.1)}#hotbar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.3rem;z-index:100}#hotbar-slots{display:flex;gap:3px}.hotbar-slot{width:50px;height:50px;background:var(--mc-ui-bg);border:3px solid var(--mc-ui-border);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .15s}.hotbar-slot.has-item{border-color:#8b7749cc}.hotbar-slot .slot-item{font-size:1.8rem}.hotbar-slot .slot-count{position:absolute;bottom:2px;right:4px;font-family:var(--font-pixel);font-size:.55rem;color:#fff;text-shadow:1px 1px 2px black,-1px -1px 2px black}.hotbar-slot .slot-key{position:absolute;top:2px;left:4px;font-family:var(--font-pixel);font-size:.45rem;color:#ffffff80}#selected-slot-indicator{position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:#fff;border-radius:2px;box-shadow:0 0 10px #fffc}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-pixel);font-size:1.5rem;color:#fff;text-shadow:1px 1px 3px black;pointer-events:none;z-index:100;opacity:.8}#message-area{position:fixed;bottom:6rem;left:1rem;display:flex;flex-direction:column;gap:.3rem;z-index:100;pointer-events:none}.game-message{font-family:var(--font-modern);font-size:.9rem;color:#fff;background:var(--mc-ui-bg);padding:.4rem .8rem;border-radius:6px;animation:messageSlide .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes messageSlide{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}#block-preview{position:fixed;pointer-events:none;z-index:99}.block-preview-inner{width:40px;height:40px;border:3px solid rgba(255,255,255,.6);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#0000004d}#inventory-hint{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);font-family:var(--font-modern);font-size:.8rem;color:#fff9;background:var(--mc-ui-bg);padding:.3rem .8rem;border-radius:6px;z-index:100}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#start-overlay{background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}.start-menu{text-align:center;max-width:600px;padding:2rem}.logo-container{margin-bottom:2rem}.logo-icon{font-size:6rem;margin-bottom:1rem;animation:logoFloat 3s ease-in-out infinite}.game-logo{font-family:var(--font-pixel);font-size:3rem;color:#fff;text-shadow:5px 5px 0 var(--mc-grass),0 0 40px rgba(76,175,80,.6);letter-spacing:6px;margin-bottom:.5rem}.tagline{font-family:var(--font-pixel);font-size:.8rem;color:#fff9;letter-spacing:3px}.menu-buttons{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}.menu-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1rem 2rem;font-family:var(--font-modern);font-size:1rem;font-weight:600;color:#fff;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .25s}.menu-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.menu-btn-primary{background:linear-gradient(135deg,var(--mc-grass),#66BB6A);border-color:var(--mc-grass);color:#000}.menu-btn-primary:hover{background:linear-gradient(135deg,#66BB6A,var(--mc-grass));box-shadow:0 0 25px #4caf5080}.menu-btn-large{font-size:1.3rem;padding:1.2rem 3rem}.menu-btn-danger{border-color:#ef444480}.menu-btn-danger:hover{background:#ef444433;border-color:#ef5350}.controls-preview{background:#0000004d;padding:1.5rem;border-radius:12px;margin-bottom:1rem}.controls-preview h4{font-family:var(--font-pixel);font-size:.7rem;color:#fffc;margin-bottom:1rem}.control-item{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.85rem;color:#ffffffb3}.key{background:#ffffff26;padding:.2rem .5rem;border-radius:4px;font-family:var(--font-pixel);font-size:.6rem;color:#fff}.version{font-family:var(--font-pixel);font-size:.5rem;color:#ffffff4d}.pause-menu,.gameover-menu,.settings-panel,.inventory-panel,.howtoplay-panel{background:linear-gradient(180deg,#1e1e32fa,#141423fa);padding:2rem 3rem;border-radius:20px;border:3px solid var(--mc-ui-border);text-align:center;max-width:90%;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pause-menu h2,.gameover-menu h2,.settings-panel h2,.inventory-panel h2,.howtoplay-panel h2{font-family:var(--font-pixel);font-size:1.5rem;color:#fff;margin-bottom:1.5rem;text-shadow:3px 3px 0 var(--mc-grass)}.pause-menu .menu-btn{width:100%;margin-bottom:.5rem}.gameover-menu h2{color:var(--health-red);text-shadow:3px 3px 0 #8B0000;font-size:2rem}#death-message{font-family:var(--font-modern);font-size:1rem;color:#ffffffb3;margin-bottom:1.5rem}#stats-summary{background:#0000004d;padding:1rem;border-radius:10px;margin-bottom:1.5rem}.stat-item{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.9rem;color:#fffc}.stat-item span{font-family:var(--font-pixel);font-size:.7rem;color:var(--mc-grass)}.settings-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.setting-row{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#0003;border-radius:10px}.setting-label{flex:1;text-align:left;font-size:.9rem;color:#fff}.setting-row input[type=range]{width:120px;height:8px;background:#ffffff1a;border-radius:4px;outline:none;cursor:pointer}.setting-row input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--mc-grass);border-radius:50%;cursor:pointer}.setting-row span{font-family:var(--font-pixel);font-size:.6rem;color:#ffffffb3;min-width:40px}.toggle-btn{padding:.4rem 1rem;font-family:var(--font-pixel);font-size:.6rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--mc-grass);border-color:var(--mc-grass);color:#000}.inventory-panel{min-width:700px}#inventory-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin-bottom:1.5rem}.inv-slot{width:50px;height:50px;background:#0000004d;border:2px solid var(--mc-ui-border);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .15s}.inv-slot:hover{border-color:var(--mc-grass);background:#4caf5033}.inv-slot .slot-item{font-size:1.6rem}.inv-slot .slot-count{position:absolute;bottom:2px;right:4px;font-family:var(--font-pixel);font-size:.5rem;color:#fff;text-shadow:1px 1px 2px black}#crafting-area{background:#0003;padding:1rem;border-radius:10px;margin-bottom:1rem}#crafting-area h3{font-family:var(--font-pixel);font-size:.8rem;color:#fff;margin-bottom:1rem}.crafting-grid{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.craft-slot{width:50px;height:50px;background:#0000004d;border:2px solid var(--mc-ui-border);border-radius:6px}.craft-arrow{font-size:1.5rem;color:#ffffff80}.craft-result{width:60px;height:60px;background:#4caf5033;border:3px solid var(--mc-grass);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem}#crafting-recipes h4{font-family:var(--font-pixel);font-size:.6rem;color:#ffffffb3;margin-bottom:.5rem}.recipe-list{display:flex;flex-wrap:wrap;gap:.5rem}.recipe-item{background:#0000004d;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;color:#ffffffb3;cursor:pointer;transition:all .2s}.recipe-item:hover{background:#4caf504d;color:#fff}.howtoplay-panel{max-width:600px;text-align:left}.howto-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.howto-section{background:#0003;padding:1rem;border-radius:10px}.howto-section h3{font-family:var(--font-pixel);font-size:.65rem;color:var(--mc-grass);margin-bottom:.8rem}.howto-section ul{list-style:none}.howto-section li{font-size:.8rem;color:#fffc;padding:.25rem 0}.howto-section li strong{color:#fff}@media(max-width:768px){.game-logo{font-size:2rem}.start-menu{padding:1rem}.pause-menu,.gameover-menu,.settings-panel,.inventory-panel{padding:1.5rem}.howto-content{grid-template-columns:1fr}.hotbar-slot{width:40px;height:40px}#health-bar,#hunger-bar{padding:.3rem .5rem}.health-bar-container,.hunger-bar-container{width:60px}#coords{display:none}}