:root{--bg: #0f172a;--panel: #1e293b;--accent: #22c55e;--text: #f8fafc;--border: #000000;--pixel-shadow: 4px 4px 0px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0;image-rendering:pixelated}body{background:#000;color:var(--text);font-family:Courier New,monospace;overflow:hidden}.loading-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#020617;gap:20px}.spinner{animation:rotate 2s linear infinite;color:var(--accent)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.start-screen{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cover-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transform:scale(1.05);filter:blur(2px)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent,rgba(0,0,0,.8))}.start-content{position:relative;z-index:10;text-align:center;background:#1e293be6;padding:40px;border:4px solid #000;box-shadow:var(--pixel-shadow)}.game-title{font-size:48px;color:#fde047;text-shadow:4px 4px 0 #000;margin-bottom:20px;letter-spacing:4px}.save-preview{display:flex;justify-content:center;gap:20px;margin-bottom:30px;background:#0f172a;padding:10px;border:2px solid #000}.preview-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.menu-buttons{display:flex;flex-direction:column;gap:15px}.btn-primary,.btn-secondary{padding:15px 40px;border:4px solid #000;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s}.btn-primary{background:var(--accent);color:#000;font-weight:700}.btn-primary:hover{transform:scale(1.05);background:#4ade80}.btn-secondary{background:#334155;color:#fff}.footer-info{position:absolute;bottom:20px;font-size:12px;color:#475569}.pixel-world{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:linear-gradient(#12101000 50%,#0000000d 50%);background-size:100% 4px}.ui-header{height:60px;background:var(--panel);border-bottom:4px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.stats-bar{display:flex;gap:15px}.stat{display:flex;align-items:center;gap:6px}.progress{width:80px;height:10px;background:#000;border:2px solid #334155}.fill{height:100%;transition:width .3s}.fill.hp{background:#ff4757}.fill.hunger{background:#ffa502}.game-container{flex:1;display:flex;overflow:hidden}.map-area{flex:1;position:relative;overflow:hidden;cursor:crosshair;background:#14532d;border-right:4px solid var(--border)}.grass-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:256px;background-repeat:repeat}.night-filter{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a99;pointer-events:none}.ent{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:28px;z-index:10;cursor:pointer}.ent img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 0 #000)}.player-sprite{position:absolute;width:50px;height:50px;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;justify-content:center;font-size:36px}.player-sprite img{width:100%;height:100%;object-fit:contain}.side-panel{width:300px;background:var(--panel);display:flex;flex-direction:column}.mode-tabs,.content-tabs{display:flex;padding:10px;gap:8px;border-bottom:2px solid #000}.mode-tabs button,.content-tabs button{flex:1;padding:8px;background:#0f172a;border:2px solid #000;color:#64748b;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px}.mode-tabs button.on,.content-tabs button.on{background:var(--accent);color:#000;font-weight:700}.list-view{flex:1;padding:15px;overflow-y:auto;background:#020617}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{background:#1e293b;border:2px solid #000;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer}.slot.pick{border-color:#fde047;background:#334155}.slot .num{position:absolute;bottom:2px;right:4px;font-size:10px;color:#94a3b8}.craft-box{display:flex;flex-direction:column;gap:10px}.recipe{background:#1e293b;border:2px solid #000;padding:10px;display:flex;justify-content:space-between;align-items:center}.recipe.can{border-color:var(--accent)}.recipe button{padding:6px 12px;background:#334155;border:2px solid #000;color:#fff;cursor:pointer}.recipe.can button{background:var(--accent);color:#000}.btn-quit{margin:10px;padding:10px;background:#ef4444;border:2px solid #000;color:#fff;cursor:pointer;font-weight:700}.harvest-hint{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px dashed #fde047;border-radius:50%;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}