*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;background-color:#1a1a2e}#game-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}canvas{display:block;image-rendering:pixelated}::selection{background-color:#a855f7;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#a855f7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c084fc}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}*:focus{outline:2px solid #a855f7;outline-offset:2px}*:focus:not(:focus-visible){outline:none}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1a1a2e;z-index:9999}.loading-screen h1{color:#a855f7;font-size:3rem;margin-bottom:2rem;text-shadow:0 0 20px rgba(168,85,247,.5)}.loading-bar{width:300px;height:20px;background:#2d1b4e;border-radius:10px;overflow:hidden;border:2px solid #a855f7}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);transition:width .3s ease}@media(max-width:768px){#game-container{width:100%;height:100%}}@media print{#game-container{display:none}}