* {
  font-family: 'MoreSugar', 'Segoe UI', Roboto, Arial, sans-serif !important;
}
@font-face {
  font-family: 'MoreSugar';
  src: url('../fonts/MoreSugar-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Login page styles */
html, body { margin:0; background: #98c1e6; font-family: 'MoreSugar', 'Segoe UI', Roboto, Arial, sans-serif; color:#1b2b33; }
.center { min-height:100vh; display:flex; align-items:center; justify-content:center; }
.card { background: transparent; padding:40px 48px; border-radius:12px; text-align:center; width:460px; box-sizing: border-box; }
.logo { max-width:220px; margin:6px auto 18px; display:block; }
.field-row { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.field-row label { width:110px; text-align:left; margin:0; font-weight:700; color: #ffffff; }
.field-row input[type="text"] { flex:1; padding:12px 14px; border-radius:24px; border: none; outline:none; background:#ffffff; box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02); }
button#saveBtn { margin-top:14px; width:100%; padding:12px; border-radius:24px; border:none; background:#ffffff; color:#2d6a8b; font-weight:700; cursor:pointer; box-shadow: 0 1px 0 rgba(0,0,0,0.04); font-family: 'MoreSugar', 'Segoe UI', Roboto, Arial, sans-serif; }
.players { margin-top:18px; text-align:left; color:#6b7a82; font-size:13px; }
.player-item { display:flex; justify-content:space-between; align-items:center; padding:8px 6px; background: rgba(0,0,0,0.03); border-radius:8px; margin-bottom:8px }
.player-item button { padding:6px 10px; border-radius:8px; border:none; background:#fff; color:#2d6a8b; cursor:pointer }
.small { font-size:13px; color:#6b7a82; }