/* ImageGen texture theme. Geometry and keyboard behavior live in game-ui.css. */
.game{
  color:#e4d4b0;
}
.game :focus-visible{outline-color:#9cd5ea}
.auth-panel{
  border-width:18px;
  border-image:var(--ui-panel) 80 fill stretch;
  background:none;
  padding:20px 18px 14px;
  filter:drop-shadow(0 10px 24px #000a);
}
.auth-tabs{gap:10px;margin-bottom:22px}
.auth-tabs button,.auth-submit,.auth-text-button,.auth-options button,.auth-options a,.landscape button,.game-return{
  border-image:var(--ui-button) 64 fill stretch;
  color:#e8d6ab;
  text-shadow:0 2px 2px #000,0 0 4px #000;
  transition:filter .15s ease,color .15s ease,box-shadow .15s ease;
}
.auth-tabs button{border-image:var(--ui-field) 64 fill stretch;color:#a2b1bd;font-size:16px;min-height:46px}
.auth-tabs button[aria-selected=true]{border-image-source:var(--ui-button);color:#f3e0b8;filter:brightness(1.2)}
.auth-submit{border-width:10px;min-height:56px;font-size:22px;letter-spacing:.3px;filter:brightness(1.16);margin-top:2px}
.auth-submit:hover:enabled,.auth-tabs button:hover:enabled,.auth-options button:hover:enabled,.auth-options a:hover{filter:brightness(1.4);color:#fff2d6}
.auth-submit:active:enabled,.auth-tabs button:active:enabled{filter:brightness(.88)}
.game button:disabled{filter:grayscale(.55) brightness(.75)}
.auth-field>label{font-size:20px;color:#e5d0a2;letter-spacing:.2px;text-shadow:0 2px 3px #000}
.auth-field input{
  border-image:var(--ui-field) 64 fill stretch;
  border-width:9px;
  background:transparent;
  box-shadow:none;
  color:#f3f2e9;
  font-size:19px;
  min-height:54px;
  padding:4px 9px;
}
.auth-field input:focus{border-image-source:var(--ui-field);filter:drop-shadow(0 0 3px #7cb5cc88);outline:1px solid #93c9dd44;outline-offset:1px}
.auth-field input[aria-invalid=true]{outline-color:#e99991}
.password-input input{padding-right:38px}
.password-input>.icon-button{top:5px;color:#b1c4cf}
.auth-remember{font-size:15px;color:#cfbf9c;gap:9px;margin-block:12px 8px;text-shadow:0 2px 2px #000}
.auth-remember input{width:30px;height:30px;background:var(--ui-control) center/100% 100% no-repeat;position:relative}
.auth-remember input:checked{background-image:var(--ui-control);filter:brightness(1.25)}
.auth-remember input::after{content:'';position:absolute;left:11px;top:7px;width:7px;height:12px;border:solid #f0d99c;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.auth-remember input:checked::after{opacity:1}
.auth-header>.icon-button{background:var(--ui-control) center/100% 100% no-repeat;border:0;min-width:48px;min-height:48px;color:#c9dce8;padding:13px}
.auth-options summary{color:#b6c1cb;font-size:14px;text-shadow:0 2px 2px #000}
.auth-options summary::after{color:#d8c18f}
.auth-options button,.auth-options a,.auth-text-button{border-image-source:var(--ui-field);font-size:14px;color:#d1c4a5}
.auth-status{color:#b8c8d3;text-shadow:0 1px 2px #000}
.auth-status[data-error=false]{color:#b8c8d3}
#auth-progress{height:9px;border:0;background:#0c131a;border-radius:0}
#auth-progress::-webkit-progress-bar{background:var(--ui-field) center/100% 100% no-repeat}
#auth-progress::-webkit-progress-value{background:var(--ui-button) center/100% 100% no-repeat}
.auth-footer,.auth-footer a{color:#c0b595}
@media(max-width:500px){.auth-panel{padding:18px 12px 10px;border-width:16px}.auth-tabs{margin-bottom:20px}.auth-field>label{font-size:20px}.auth-header>.icon-button{min-width:44px;min-height:44px;padding:12px}}
@media(orientation:landscape) and (max-height:600px){.auth-panel{padding:10px 16px 3px;border-width:14px}.auth-tabs{margin-bottom:10px}.auth-field input{min-height:46px;padding-block:1px;font-size:18px}.auth-field>label{font-size:18px}.auth-submit{min-height:48px;font-size:21px}.auth-remember{margin-block:2px;font-size:14px}.auth-options{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.auth-tabs button,.auth-submit,.auth-options button,.auth-options a{transition:none}}