body{margin:0;padding:0;color:hsla(0,0%,100%,.87);background-color:#000;font-family:Arial,Helvetica,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#app{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}#game-container{touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.spritePosition{margin:10px 0 0 10px;font-size:.8em}.button{width:140px;margin:10px;padding:10px;background-color:#000;color:hsla(0,0%,100%,.87);border:1px solid hsla(0,0%,100%,.87);cursor:pointer;transition:all .3s;&:hover{border:1px solid #0ec3c9;color:#0ec3c9}&:active{background-color:#0ec3c9}&:disabled{cursor:not-allowed;border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.3)}}.wallet-selector{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.wallet-selector-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.wallet-selector-modal{background:#1a1a1a;border-radius:16px;padding:24px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid #333;box-shadow:0 20px 40px rgba(0,0,0,.3);animation:slideIn .3s ease-out}.wallet-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wallet-selector-header h3{color:#fff;margin:0;font-size:20px;font-weight:600}.close-button{background:none;border:none;color:#888;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:all .2s ease}.close-button:hover{color:#fff;background:#333}.wallet-list{gap:16px}.wallet-group,.wallet-list{display:flex;flex-direction:column}.wallet-group{gap:8px}.wallet-group h4{color:#888;margin:0;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.wallet-button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#2a2a2a;border:1px solid #333;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.wallet-button:hover{background:#333;border-color:#555;transform:translateY(-1px)}.wallet-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.wallet-button.installable{justify-content:space-between}.wallet-icon{width:24px;height:24px;border-radius:6px}.install-label{font-size:12px;color:#888;background:#333;padding:2px 8px;border-radius:4px}.wallet-connected{gap:12px;padding:8px 16px;background:#2a2a2a;border:1px solid #333;border-radius:12px;color:#fff}.wallet-connected,.wallet-info{display:flex;align-items:center}.wallet-info{gap:8px}.wallet-icon-small{width:20px;height:20px;border-radius:4px}.account-info{display:flex;flex-direction:column;gap:2px}.wallet-name{font-size:12px;color:#888;font-weight:500}.account-address{font-size:14px;color:#fff;font-family:monospace}.disconnect-button{background:#f44;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.disconnect-button:hover{background:#f33}.connect-wallet-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px rgba(102,126,234,.4)}.connect-wallet-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.6)}.connect-wallet-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px rgba(102,126,234,.4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:480px){.wallet-selector-modal{padding:16px;margin:16px}.wallet-connected{gap:8px;text-align:center}.wallet-connected,.wallet-info{flex-direction:column}}