:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#242424}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}.wallet-button-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.location-hint{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#000c;color:gold;border-radius:8px;font-size:12px;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wallet-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.wallet-button.location-required{background:linear-gradient(135deg,gold,#ffb347);box-shadow:0 4px 15px #ffd70066}.wallet-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.wallet-button.location-required:hover:not(:disabled){box-shadow:0 6px 20px #ffd70080}.wallet-button:active:not(:disabled){transform:translateY(0)}.wallet-button:disabled{opacity:.7;cursor:not-allowed}.wallet-status-dot{width:8px;height:8px;border-radius:50%;background-color:#f44;animation:pulse 2s infinite}.wallet-status-dot.location-enabled{background-color:gold;animation:pulse-yellow 2s infinite}.wallet-status-dot.connected{background-color:#4f4;animation:pulse-green 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff4444b3}70%{box-shadow:0 0 0 6px #f440}to{box-shadow:0 0 #f440}}@keyframes pulse-yellow{0%{box-shadow:0 0 #ffd700b3}70%{box-shadow:0 0 0 6px #ffd70000}to{box-shadow:0 0 #ffd70000}}@keyframes pulse-green{0%{box-shadow:0 0 #44ff44b3}70%{box-shadow:0 0 0 6px #4f40}to{box-shadow:0 0 #4f40}}@media (max-width: 768px){.wallet-button-container{top:10px;right:10px}.wallet-button{padding:10px 16px;font-size:14px}}