:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #111a3a; background: #faf9f5; }
#login { max-width: 440px; margin: 9vh auto; padding: 20px; }
#choices { display: grid; gap: 10px; }
#choices button { padding: 12px; text-align: left; border-radius: 8px; background: white; border: 1px solid #ccd0da; cursor: pointer; font: inherit; }
* { box-sizing: border-box; }
body { margin: 0; }
.account-bar { position: sticky; top: 0; z-index: 10; display: flex; gap: 12px; align-items: center; min-height: 48px; padding: 8px 16px; color: white; background: #111a3a; font-size: 14px; }
.account-bar strong { margin-right: auto; }
.account-bar button { appearance: none; border: 1px solid rgba(255,255,255,.7); border-radius: 7px; padding: 6px 10px; color: inherit; background: transparent; cursor: pointer; font: inherit; }
.account-bar button:disabled { opacity: .55; cursor: wait; }
.error { max-width: 680px; margin: 48px auto; padding: 16px; border-radius: 10px; color: #7f1d1d; background: #fee2e2; }
#world { display: block; width: 100%; min-height: calc(100vh - 48px); border: 0; }