*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100vh;overflow:hidden;background:#000}#game-canvas{transform-origin:top left;background-color:#f0f2f5;display:block}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4a3829,#2d1f15);color:#f5deb8;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease}#loading-text{font-size:20px;margin-top:30px;font-weight:500;color:#f5deb8;text-shadow:0 2px 4px rgba(0,0,0,.5)}.loading-spinner{width:60px;height:60px;border:5px solid rgba(245,222,184,.2);border-radius:50%;border-top:5px solid #f5deb8;border-right:5px solid #d4a574;animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}