:root{--neon-blue: #00f2ff;--neon-purple: #bc13fe;--neon-pink: #ff0055;--bg-day: #1a1a2e;--bg-night: #050510;--block-size: 40px}body{margin:0;background:var(--bg-night);color:#fff;font-family:Courier New,Courier,monospace;overflow:hidden}.craft-container{width:100vw;height:100vh;transition:background 2s ease;position:relative}.craft-container.day{background:radial-gradient(circle at center,#2a2a5e,#1a1a2e)}.craft-container.night{background:radial-gradient(circle at center,#0a0a20,#050510)}.hud-header{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:1000}.stats-group{display:flex;flex-direction:column;gap:10px}.stat-card{display:flex;align-items:center;gap:12px;background:#0009;padding:8px 15px;border-radius:4px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.progress-bar{width:120px;height:10px;background:#333;border-radius:2px;overflow:hidden}.fill{height:100%;transition:width .3s ease}.fill.red{background:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}.fill.yellow{background:#fc0;box-shadow:0 0 10px #fc0}.world-status{text-align:right}.time-indicator{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--neon-blue)}.cloud-badge{font-size:10px;color:#ffffff80;margin-top:5px}.viewport{width:100%;height:100%;perspective:1000px;cursor:crosshair}.world-offset{position:absolute;transform-style:preserve-3d}.block-cube{position:absolute;width:var(--block-size);height:var(--block-size);transform-style:preserve-3d;transition:filter .2s}.block-cube:hover{filter:brightness(1.5) drop-shadow(0 0 5px var(--neon-blue))}.face{position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,.05)}.face.top{transform:rotateX(90deg) translateZ(calc(var(--block-size) / 2));background:#3a3a3a;display:flex;align-items:center;justify-content:center;overflow:hidden}.face.top img{width:100%;height:100%;object-fit:cover}.face.left{transform:rotateY(-90deg) translateZ(calc(var(--block-size) / 2));background:#2a2a2a}.face.right{transform:translateZ(calc(var(--block-size) / 2));background:#1a1a1a}.grass .face.top{background:#4caf50}.dirt .face.top{background:#795548}.stone .face.top{background:#9e9e9e}.neon_ore .face.top{background:var(--neon-blue);box-shadow:inset 0 0 20px #fff}.player-entity{position:absolute;width:40px;height:60px;transform:translate(-50%,-100%);pointer-events:none}.player-entity img{width:100%;height:100%;filter:drop-shadow(0 0 10px var(--neon-blue))}.player-shadow{position:absolute;bottom:0;left:50%;width:30px;height:15px;background:#0006;border-radius:50%;transform:translate(-50%)}.hotbar-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1000}.hotbar{display:flex;gap:5px;background:#000c;padding:5px;border:2px solid #555;border-radius:4px}.slot{width:45px;height:45px;background:#333;border:2px solid transparent;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.slot.active{border-color:#fff;background:#555}.item-count{position:absolute;bottom:2px;right:2px;font-size:12px;text-shadow:1px 1px black}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-night);display:flex;align-items:center;justify-content:center;z-index:9999;font-size:24px;color:var(--neon-blue);text-transform:uppercase;letter-spacing:4px}.controls-hint{position:absolute;bottom:20px;right:20px;font-size:12px;color:#fff6;text-align:right}