/* v198: genuine existing account/auth dialogs become right-edge sheets on mobile only. */
@media(max-width:1199px), (any-pointer:coarse){
 .h88-auth-dialog.h88-auth-surface,
 .h88-auth-dialog.h88-auth-surface[data-h88-view="register"]{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,88vw);max-width:none;height:100vh;height:100dvh;max-height:none;padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) 22px;border:0;border-radius:0;box-shadow:-3px 0 20px rgb(0 24 52 / 18%);overflow-y:auto;overscroll-behavior:contain;animation:h88-account-enter-v198 .22s cubic-bezier(.2,.7,.3,1)}
 .h88-auth-dialog.h88-auth-surface::backdrop{background:rgb(3 27 73 / 36%);animation:h88-account-backdrop-in-v198 .22s ease}
 .h88-auth-dialog.h88-auth-surface.h88-account-sheet-closing{animation:h88-account-exit-v198 .22s ease-in both;pointer-events:none}
 .h88-auth-dialog.h88-auth-surface.h88-account-sheet-closing::backdrop{animation:h88-account-backdrop-out-v198 .22s ease-in both}
 .h88-auth-dialog.h88-auth-surface .h88-auth-close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:44px;height:44px}
 .h88-auth-dialog.h88-auth-surface h2{margin:4px 30px 24px 0;font-size:24px;line-height:1.3}
 .h88-auth-dialog.h88-account-sheet h2{padding-top:4px}
 .h88-account-sheet-links{display:flex;flex-direction:column;padding-top:12px;border-top:1px solid #dce3eb}
 .h88-account-sheet-links a{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;padding:12px 0;color:#344151;background:transparent;font-size:16px;line-height:1.4;text-decoration:none}
 .h88-account-sheet-links a:hover{color:#00366c;text-decoration:underline}
 .h88-auth-dialog.h88-auth-surface .h88-auth-content{min-width:0}
 .h88-auth-dialog.h88-auth-surface .h88-auth-content>*{max-width:100%;box-sizing:border-box}
}
@keyframes h88-account-enter-v198{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes h88-account-exit-v198{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes h88-account-backdrop-in-v198{from{opacity:0}to{opacity:1}}
@keyframes h88-account-backdrop-out-v198{from{opacity:1}to{opacity:0}}
@media(max-width:360px){.h88-auth-dialog.h88-auth-surface,.h88-auth-dialog.h88-auth-surface[data-h88-view="register"]{padding-left:16px;padding-right:max(16px,env(safe-area-inset-right))}.h88-auth-dialog.h88-auth-surface h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.h88-auth-dialog.h88-auth-surface,.h88-auth-dialog.h88-auth-surface::backdrop{animation:none!important}}