/* Auth-only styling: keep PlayHour's surfaces and accent; no gradients or new theme. */
#register-modal.ph-auth .modal,#login-modal.ph-auth-login .modal{width:min(480px,100%);max-height:calc(100dvh - 36px);border-radius:22px}
#register-modal.ph-auth.is-open .modal,#login-modal.ph-auth-login.is-open .modal{animation:ph-auth-enter 220ms cubic-bezier(.25,.8,.25,1)}
#register-modal.ph-auth .modal-header,#login-modal.ph-auth-login .modal-header{padding:22px 24px 18px}
#register-modal.ph-auth .modal-header h2,#login-modal.ph-auth-login .modal-header h2{font-size:21px;letter-spacing:-.025em}
#register-modal.ph-auth .modal-body{padding:18px 24px 22px}
#register-modal.ph-auth .close-button{width:32px;height:32px;flex:none;border-radius:8px;line-height:1;cursor:pointer}
#register-modal.ph-auth .close-button:hover{background:var(--panel-2);color:var(--text)}
#register-modal.ph-auth .ph-auth-field{margin:0 0 12px;min-width:0}
#register-modal.ph-auth .ph-auth-field .field-label{margin:0 0 7px;font-weight:600}
#register-modal.ph-auth .ph-auth-control{position:relative}
#register-modal.ph-auth .ph-auth-control input{padding-right:40px!important;font-size:15px;transition:border-color .16s,box-shadow .16s;outline:none}
#register-modal.ph-auth .ph-auth-control input:focus{border-color:var(--accent,#6366ff)!important;box-shadow:0 0 0 3px rgba(99,102,255,.13)}
#register-modal.ph-auth .ph-auth-field[data-state=error] input{border-color:#d78186!important}
#register-modal.ph-auth .ph-auth-field[data-state=error] input:focus{box-shadow:0 0 0 3px rgba(215,129,134,.12)}
#register-modal.ph-auth .ph-auth-tick{position:absolute;right:17px;top:18px;width:11px;height:7px;border-bottom:2px solid #6fc6a6;border-left:2px solid #6fc6a6;transform:translateY(2px) rotate(-45deg);opacity:0;pointer-events:none;transition:opacity .16s,transform .16s}
#register-modal.ph-auth .ph-auth-field[data-state=valid] .ph-auth-tick{opacity:1;transform:translateY(0) rotate(-45deg)}
#register-modal.ph-auth .ph-auth-hint{min-height:17px;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}
#register-modal.ph-auth .ph-auth-field[data-state=error] .ph-auth-hint{color:#f0a5aa}
#register-modal.ph-auth .ph-auth-strength{display:flex;align-items:center;gap:12px;min-height:20px;margin-top:2px}
#register-modal.ph-auth .ph-auth-track{height:4px;flex:1;border-radius:4px;background:var(--border);overflow:hidden}
#register-modal.ph-auth .ph-auth-track>span{display:block;height:100%;width:0;border-radius:inherit;background:var(--accent,#6366ff);transition:width .28s cubic-bezier(.25,.8,.25,1)}
#register-modal.ph-auth .ph-auth-strength-label{min-width:95px;text-align:right;color:var(--muted);font-size:11px;line-height:1.4}
#register-modal.ph-auth .ph-auth-strength[data-level="4"] .ph-auth-strength-label{color:#7ac3aa}
#register-modal.ph-auth .legal-consents{margin-top:10px;padding:12px;gap:9px;border-radius:12px}
#register-modal.ph-auth .legal-consent-row{font-size:11px;line-height:1.5}
#register-modal.ph-auth .account-region{font-size:13px}
#register-modal.ph-auth .account-region-choices{column-gap:20px}
#register-modal.ph-auth #register-button{position:relative;display:grid;place-items:center;min-height:46px;margin-top:18px!important;background:var(--accent,#6366ff);box-shadow:none;transition:background .2s,opacity .2s,transform .12s}
#register-modal.ph-auth #register-button:active:not(:disabled){transform:scale(.99)}
#register-modal.ph-auth #register-button:disabled{cursor:default}
#register-modal.ph-auth .ph-auth-idle,#register-modal.ph-auth .ph-auth-activity{grid-area:1/1;transition:opacity .16s,transform .2s;min-width:0}
#register-modal.ph-auth .ph-auth-activity{display:flex;align-items:center;justify-content:center;gap:9px;opacity:0;transform:translateY(3px)}
#register-modal.ph-auth:not([data-auth-phase=idle]) .ph-auth-idle{opacity:0;transform:translateY(-3px)}
#register-modal.ph-auth:not([data-auth-phase=idle]) .ph-auth-activity{opacity:1;transform:none}
#register-modal.ph-auth .ph-auth-spinner{display:none;width:15px;height:15px;border:2px solid #ffffff50;border-top-color:white;border-radius:50%;animation:ph-auth-spin .8s linear infinite}
#register-modal.ph-auth[data-auth-phase=busy] .ph-auth-spinner{display:block}
#register-modal.ph-auth[data-auth-phase=done] #register-button{background:#2e7666;color:#fff}
#register-modal.ph-auth[data-auth-phase=done] .ph-auth-spinner{display:block;width:12px;height:7px;border:0;border-left:2px solid white;border-bottom:2px solid white;border-radius:0;transform:rotate(-45deg);animation:none}
#register-modal.ph-auth #register-error:empty{margin-top:0!important}
@keyframes ph-auth-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ph-auth-spin{to{transform:rotate(360deg)}}
@media(max-width:520px){#register-modal.ph-auth,#login-modal.ph-auth-login{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}#register-modal.ph-auth .modal,#login-modal.ph-auth-login .modal{max-height:calc(100dvh - 24px);border-radius:18px}#register-modal.ph-auth .modal-header,#login-modal.ph-auth-login .modal-header{padding:18px 18px 14px}#register-modal.ph-auth .modal-body{padding:16px 18px 18px}#register-modal.ph-auth .ph-auth-control input{font-size:16px}#register-modal.ph-auth .ph-auth-field{margin-bottom:10px}#register-modal.ph-auth .legal-consent-row{font-size:12px}#register-modal.ph-auth .ph-auth-strength-label{min-width:90px}}
@media(prefers-reduced-motion:reduce){#register-modal.ph-auth .modal,#login-modal.ph-auth-login .modal{animation:none!important}#register-modal.ph-auth *{transition:none!important}#register-modal.ph-auth .ph-auth-spinner{animation:none}}
@media(forced-colors:active){#register-modal.ph-auth .ph-auth-track{border:1px solid CanvasText}#register-modal.ph-auth .ph-auth-track>span{background:Highlight}#register-modal.ph-auth .ph-auth-tick{border-color:CanvasText}}