/* Google OAuth buttons for login/register only. Kept separate from app.css to avoid game-layout regressions. */
.auth-card .google-oauth-button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:11px 16px;
  border:1px solid #d6dde2;
  border-radius:8px;
  background:#fff;
  color:#26333b;
  box-shadow:0 1px 2px rgba(0,0,0,.18);
  font-size:15px;
  line-height:1.2;
  text-align:center;
  cursor:pointer;
  transition:filter .15s ease,transform .15s ease,box-shadow .15s ease;
}
.auth-card .google-oauth-button:hover{
  filter:brightness(.98);
  box-shadow:0 3px 8px rgba(0,0,0,.2);
}
.auth-card .google-oauth-button:active{transform:translateY(1px)}
.auth-card .google-oauth-button:focus-visible{
  outline:3px solid rgba(143,210,240,.45);
  outline-offset:2px;
}
.auth-card .google-oauth-button strong{
  display:block;
  margin:0;
  color:#26333b;
  font-weight:650;
}
.auth-card .google-oauth-g{
  flex:0 0 26px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#4285f4;
  border:1px solid #dfe5e9;
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
  font-weight:800;
  line-height:1;
}
.auth-card .separator{
  margin:7px 0;
}
.auth-card .separator span{
  min-width:42px;
  text-align:center;
}
@media(max-width:520px){
  .auth-card .google-oauth-button{
    min-height:50px;
    font-size:16px;
    border-radius:8px;
  }
  .auth-card .google-oauth-g{
    width:28px;
    height:28px;
    flex-basis:28px;
  }
}